.hi-section{--hero-bg-deep:#08070e;--hero-arc-core:#ffffffeb;--hero-arc-glow:#9b6dff8c;--hero-arc-halo:#7c3aed2e;--hero-badge-bg:#ffffff0f;--hero-badge-border:#966eff3d;--hero-title:#faf8fff7;--hero-title-accent:#9b6dff;--hero-sub:#cac5d7c7;--hero-cta-bg:linear-gradient(180deg, #8b4cf0, #7c3aed);--hero-cta-shadow:0 10px 30px #6226ca4d;--hero-transition:.17s cubic-bezier(.22, .61, .36, 1);--peek-frac:.13;--scale-min:.9;--ratio-num:1.7778;--p:0;--text-end:.3;--pt:min(1, calc(var(--p) / var(--text-end)));--pv:max(0, calc((var(--p) - var(--text-end)) / (1 - var(--text-end))));background:linear-gradient(180deg, #0a0812 0%, var(--hero-bg-deep) 100%);position:relative;overflow:clip}.hi-section--reveal{--hero-nav-offset:64px;--frame-w:min(92vw, 1680px, calc((100svh - 48px) * var(--ratio-num)));--frame-h:calc(var(--frame-w) / var(--ratio-num));--scaled-h:calc(var(--frame-h) * var(--scale-min));--peek-shift:calc(50svh + var(--scaled-h) * (.5 - var(--peek-frac)) - var(--hero-nav-offset));height:200svh}.hi-sticky{height:100svh;position:sticky;top:0;overflow:hidden}.hi-section--static .hi-sticky{height:auto;position:static;overflow:visible}.hi-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hi-arc{width:250vmax;height:250vmax;box-shadow:0 0 2px 1px var(--hero-arc-core), 0 0 26px 6px var(--hero-arc-glow), 0 0 150px 48px var(--hero-arc-halo), inset 0 0 80px 16px var(--hero-arc-halo);background:radial-gradient(circle at 70% 30%,#0a0812eb 60%,#100b1ef5 100%);border-radius:50%;position:absolute;top:10svh;left:calc(8vw - 125vmax)}.hi-arc-halo{background:radial-gradient(50% 50% at 55% 45%,#7c3aed24,#0000 70%);width:64vw;height:52svh;position:absolute;top:6svh;right:-12vw}.hi-content{z-index:10;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:88px 16px 48px;display:flex;position:relative}.hi-section--reveal .hi-content{padding-bottom:calc(var(--peek-frac) * var(--scaled-h) + 40px)}.hi-section--static .hi-content{min-height:0;padding:96px 16px 60px}.hi-fade{pointer-events:auto;opacity:calc(1 - var(--pt));transform:translateY(calc(var(--pt) * -46px));flex-direction:column;align-items:center;display:flex}.hi-fade--gone{pointer-events:none}.hi-animating .hi-fade{will-change:transform, opacity}.hi-animating .hi-frame{will-change:transform}.hi-animating .hi-frame>div{box-shadow:none!important}.hi-badge{background:var(--hero-badge-bg);border:1px solid var(--hero-badge-border);color:#e9e4f5e0;transition:border-color var(--hero-transition), background var(--hero-transition);border-radius:999px;align-items:center;gap:10px;padding:7px 14px 7px 11px;font-size:12.5px;text-decoration:none;display:inline-flex}.hi-badge:hover{background:#ffffff14;border-color:#aa82ff61}.hi-badge-dot{background:var(--hero-title-accent);border-radius:999px;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 8px #9b6dffcc}.hi-badge-tag{letter-spacing:.08em;color:#f4f0fcf2;font-size:11px;font-weight:650}.hi-title{color:var(--hero-title);letter-spacing:-.045em;text-wrap:balance;margin-top:26px;font-size:min(clamp(38px,6.4vw,82px),9svh);font-weight:650;line-height:1.04}.hi-title-accent{color:var(--hero-title-accent)}.hi-sub{max-width:42rem;color:var(--hero-sub);margin-top:22px;font-size:16px;line-height:1.65}@media (min-width:1024px){.hi-sub{font-size:18px}}.hi-ctas{flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:34px;display:flex}@media (min-width:640px){.hi-ctas{flex-direction:row}}.hi-cta-primary{color:#fff;background:var(--hero-cta-bg);height:50px;box-shadow:var(--hero-cta-shadow), inset 0 1px 0 #ffffff24;transition:filter var(--hero-transition), transform var(--hero-transition);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 30px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.hi-cta-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.hi-cta-arrow{transition:transform var(--hero-transition)}.hi-cta-primary:hover .hi-cta-arrow{transform:translate(2px)}.hi-cta-secondary{color:#f0ecfaeb;border:1px solid var(--hero-badge-border);cursor:pointer;height:50px;transition:background var(--hero-transition), border-color var(--hero-transition);background:#ffffff0d;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 26px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.hi-cta-secondary:hover{background:#ffffff14;border-color:#aa82ff66}.hi-badge:focus-visible,.hi-cta-primary:focus-visible,.hi-cta-secondary:focus-visible{outline-offset:2px;outline:2px solid #a068efb3}.hi-frame{z-index:5;width:var(--frame-w);transform:translate(-50%, calc(-50% + (1 - var(--pv)) * var(--peek-shift))) scale(calc(var(--scale-min) + (1 - var(--scale-min)) * var(--pv)));position:absolute;top:50%;left:50%}.hi-frame>div{background-color:var(--hero-bg-deep)!important}@media (max-width:639px){.hi-section--reveal{--scale-min:.96}}@media (prefers-reduced-motion:reduce){.hi-section--reveal{height:auto}.hi-section--reveal .hi-sticky{height:auto;position:static;overflow:visible}.hi-section--reveal .hi-content{min-height:0;padding-bottom:56px}.hi-section--reveal .hi-frame{width:min(92vw,1000px);margin:0 auto 72px;position:static;will-change:auto!important;transform:none!important}.hi-fade{opacity:1!important;pointer-events:auto!important;will-change:auto!important;transform:none!important}.hi-cta-primary,.hi-cta-secondary,.hi-cta-arrow,.hi-badge{transition:none}.hi-cta-primary:hover,.hi-cta-primary:hover .hi-cta-arrow{transform:none}}