:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:geometricprecision;--initial-x:0vw;--initial-y:0px;--initial-scale:1;--initial-opacity:1;--initial-blur:0px;--text-burst:0;--final-x:-3vw;--final-y:24px;--final-scale:.94;--final-opacity:0;--final-blur:4px;--progress-line:0%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#030408;min-height:100%}body{color:#f6f8ff;background:radial-gradient(circle at 78% 18%,#41d2ff1f,#0000 30rem),radial-gradient(circle at 12% 88%,#ff5aa514,#0000 28rem),#030408;min-width:320px;min-height:100%;margin:0;overflow-x:hidden}button{font:inherit}.app-shell{isolation:isolate;background:0 0;min-height:100vh;position:relative}.webgl-layer{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none;position:fixed;inset:0;overflow:hidden}.webgl-layer canvas{pointer-events:none;width:100%;height:100%;display:block}.site-content{z-index:2;min-height:340vh;position:relative}.site-content:before{content:"";z-index:4;pointer-events:none;background:#ffffff2e;width:min(280px,100vw - 48px);height:1px;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.site-content:after{content:"";z-index:5;width:min(280px,100vw - 48px);height:3px;transform:scaleX(calc(var(--progress-line) / 100%));transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#7ee9ff,#f659b2 58%,#fff4a3);position:fixed;bottom:25px;left:calc(50% + -1*min(140px,50vw - 24px));box-shadow:0 0 18px #7ee9ff61}.hero-scroll-section{min-height:340vh}.hero-sticky{pointer-events:none;min-height:100vh;padding:clamp(28px,6vw,96px);display:block;position:sticky;top:0}.hero-copy{transform-origin:50%;will-change:transform, opacity, filter;width:min(690px,46vw);transition:filter .12s linear;position:absolute;top:50%}.hero-copy-initial{transform:translate3d(var(--initial-x), calc(-50% + var(--initial-y)), 0) scale(var(--initial-scale));opacity:var(--initial-opacity);filter:blur(var(--initial-blur));pointer-events:auto;right:clamp(28px,6vw,96px)}.hero-copy-final{transform:translate3d(var(--final-x), calc(-50% + var(--final-y)), 0) scale(var(--final-scale));opacity:var(--final-opacity);filter:blur(var(--final-blur));pointer-events:none;left:clamp(28px,7vw,112px)}.hero-eyebrow{color:#91f3ff;letter-spacing:.16em;text-shadow:0 0 22px #63e2ff6b;margin:0 0 clamp(16px,2.4vw,28px);font-size:clamp(.74rem,1.45vw,.98rem);font-weight:700;line-height:1.4}.split-headline,.final-headline{color:#fff;letter-spacing:0;text-wrap:balance;text-shadow:0 0 32px #01040ab8,0 18px 76px #00000085;max-width:8em;margin:0;font-size:clamp(3.35rem,6.05vw,6.7rem);font-weight:860;line-height:.91}.split-headline{word-spacing:.02em}.headline-word{transform:translate3d(calc(var(--text-burst) * var(--burst-x)), calc(var(--text-burst) * var(--burst-y)), 0) rotate(calc(var(--text-burst) * var(--burst-r))) scale(calc(1 - var(--text-burst) * .08));opacity:calc(1 - var(--text-burst) * .76);will-change:transform, opacity;margin-right:.18em;display:inline-block}.final-headline{max-width:7.4em}.click-test{color:#f6fbff;letter-spacing:0;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0509126b;border:1px solid #ffffff59;border-radius:999px;margin-top:clamp(24px,3.6vw,40px);padding:.82rem 1.08rem;font-size:.88rem;font-weight:720;line-height:1;box-shadow:inset 0 0 0 1px #7ee9ff14,0 18px 48px #0000003d}.click-test:hover{background:#151f3494;border-color:#7ee9ffb8}.click-test:focus-visible{outline-offset:4px;outline:3px solid #7ee9ff7a}.click-status{color:#e4ecffa8;min-height:1.2em;margin:12px 0 0;font-size:.78rem;line-height:1.35}@media (width<=720px){.site-content,.hero-scroll-section{min-height:360vh}.hero-sticky{padding:24px 22px 118px}.hero-copy{transform-origin:0 100%;width:calc(100% - 44px);top:auto}.hero-copy-initial{transform:translate3d(var(--initial-x), var(--initial-y), 0) scale(var(--initial-scale));bottom:118px;left:22px;right:auto}.hero-copy-final{transform:translate3d(var(--final-x), var(--final-y), 0) scale(var(--final-scale));bottom:128px;left:22px}.hero-eyebrow{letter-spacing:.12em;max-width:27ch;font-size:.7rem}.split-headline,.final-headline{max-width:9.4ch;font-size:clamp(2.75rem,13.8vw,4.45rem);line-height:.93}}@media (prefers-reduced-motion:reduce){.hero-copy,.headline-word{transition:none}}
