.ht-hero{--display: var(--font-crimson);--ui: var(--font-crimson);--ink: #e3e3e4;--accent: #00fccc;--muted: #b2b2b4;--btn-bg: #e3e3e4;--btn-fg: #021310;--btn-border: #f1fffb;--btn-hover-bg: #00fccc;--btn-hover-fg: #021310;--soc-fg: #dff7f2;--soc-bg: rgba(0, 252, 204, .06);--soc-border: rgba(0, 252, 204, .2);--soc-hover: #00c9a3;--copy: #6f8a85;--copy-link: #dff7f2;--logo-fill: linear-gradient(180deg, #effffb 30%, #00fccc);--radius: 999px;--H: 100dvh;--gutter: clamp(16px, 5vw, 96px);--ease: cubic-bezier(.2, .7, .2, 1);--foot-size: clamp(36px, calc(var(--H) * .05), 62px);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,calc(var(--H) * .02),30px);min-height:var(--H);padding-block:clamp(18px,4.5vh,56px);padding-inline:var(--gutter);text-align:center}.ht-hero:before{content:"";flex:1 0 0}.ht-mark{position:relative;z-index:1;display:block}.ht-logo{position:relative;z-index:1;display:block;max-width:100%;height:auto;width:min(88vw,calc(var(--H) * .62),980px);aspect-ratio:737 / 391;background:var(--logo-fill);-webkit-mask:url(/logo.svg) center / contain no-repeat;mask:url(/logo.svg) center / contain no-repeat}.ht-h{position:relative;z-index:2;margin:0;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,min(8.4vw,calc(var(--H) * .074)),140px);line-height:1;color:var(--ink);white-space:nowrap}.ht-accent{font-style:normal;color:var(--accent)}.ht-sub,.ht-btn,.ht-copy,.ht-copy a{font-family:var(--ui);font-weight:600;letter-spacing:.16em;text-transform:uppercase}.ht-sub{position:relative;z-index:2;margin:0;white-space:nowrap;font-size:min(calc((100vw - 2 * var(--gutter)) / 35),max(12px,calc(var(--H) * .02)),30px);line-height:1.4;color:var(--muted)}.ht-ctas{position:relative;z-index:2;display:flex;flex-wrap:nowrap;justify-content:center;gap:12px 14px}.ht-ctas>*{flex:1 1 0;min-width:0}.ht-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;white-space:nowrap;cursor:pointer;min-height:clamp(46px,calc(var(--H) * .062),82px);padding:0 clamp(22px,calc(var(--H) * .032),50px);border-radius:var(--radius);font-size:clamp(14px,calc(var(--H) * .019),26px);color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-border);transition:background-color .25s,border-color .25s,color .25s,transform .25s var(--ease)}.ht-btn:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-bg);color:var(--btn-hover-fg);transform:translateY(-2px)}.ht-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ht-pi{width:1.3em;height:1.3em;flex:none;fill:currentColor}.ht-foot{position:relative;z-index:2;flex:1 0 auto;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:clamp(8px,1.4vh,14px);width:100%;padding-top:clamp(14px,4vh,56px);margin-bottom:calc(-1*clamp(4px,2vh,24px))}.ht-social{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.ht-social a{display:grid;place-items:center;width:var(--foot-size);height:var(--foot-size);border-radius:var(--radius);background:var(--soc-bg);border:1px solid var(--soc-border);color:var(--soc-fg);transition:background-color .15s,border-color .15s,color .15s,transform .15s}.ht-social svg{width:46%;height:46%;fill:currentColor}.ht-social a:hover{background:var(--soc-hover);border-color:var(--soc-hover);color:var(--btn-hover-fg);transform:translateY(-2px)}.ht-copy{margin:0;font-size:clamp(12px,calc(var(--H) * .015),21px);line-height:1.6;color:var(--copy)}.ht-copy a{color:var(--copy-link);text-decoration:none;letter-spacing:.08em}.ht-copy a:hover{color:var(--accent)}.ht-rise{animation:ht-rise .9s var(--ease) both;animation-delay:calc(var(--d, 0) * .13s + .15s)}.ht-fade{animation:ht-fade 1.4s ease both;animation-delay:calc(var(--d, 0) * .13s)}@keyframes ht-rise{0%{opacity:0;transform:translateY(16px)}}@keyframes ht-fade{0%{opacity:0}}.ht-layer{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}@media(max-width:819px){.ht-ctas{flex-direction:column;align-items:stretch;width:min(100%,330px)}.ht-ctas>*{flex:0 0 auto}}@media(max-width:480px){.ht-sub,.ht-btn,.ht-copy{letter-spacing:.05em}.ht-sub{font-size:min(calc((100vw - 2 * var(--gutter)) / 29.5),max(12px,calc(var(--H) * .02)),30px)}.ht-social{gap:6px;max-width:300px}.ht-hero{--foot-size: 40px}}@media(min-width:820px)and (min-height:560px){.ht-hero{height:var(--H);min-height:0;padding-block:calc(var(--H) * .05) calc(var(--H) * .03)}.ht-logo{width:min(56vw,calc(var(--H) * .62),1180px)}.ht-foot{margin-bottom:0;padding-top:clamp(12px,calc(var(--H) * .03),60px)}}@media(prefers-reduced-motion:reduce){.ht-hero *,.ht-hero{animation:none!important;transition:none!important}}.ht-sanity{background:#020807}.ht-sanity .ht-mark{filter:url(#ht-warp) drop-shadow(0 0 30px rgba(0,252,204,.3))}.ht-defs{position:absolute}.ht-breath{z-index:-2;background:radial-gradient(circle at 50% 42%,rgba(0,150,122,.3),transparent 55%),radial-gradient(ellipse 70% 65% at 50% 50%,transparent 35%,#010403 85%);animation:ht-breathe 7s ease-in-out infinite}@keyframes ht-breathe{50%{transform:scale(1.12);opacity:.7}}@media(prefers-reduced-motion:reduce){.ht-sanity .ht-mark{filter:drop-shadow(0 0 30px rgba(0,252,204,.3))}}
