.hero{--px:0;--py:0;min-height:clamp(560px,58vw,760px);display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;flex-direction:column;gap:24px;padding-block:clamp(56px,8vw,110px) 48px;display:flex;position:relative}.hero-copy>*{max-width:620px}.hero h1{font-size:var(--h1)}.hero h1 .w{animation:focus-in 1.1s var(--ease) both;animation-delay:calc(.12s + var(--i) * 55ms);display:inline-block}@keyframes focus-in{0%{filter:blur(7px);opacity:.6;transform:translateY(.12em)}to{filter:blur();opacity:1;transform:none}}.scene{z-index:1;pointer-events:none;position:absolute;inset:0}.floor{perspective:560px;perspective-origin:62% -10%;height:58%;position:absolute;bottom:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 30% 82%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 30% 82%,#0000 100%)}.plane{transform-origin:50% 0;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:64px 64px;height:260%;animation:5.5s linear infinite floor;position:absolute;top:0;left:-60%;right:-60%;transform:rotateX(70deg)}@keyframes floor{0%{transform:rotateX(70deg)translateY(-64px)}to{transform:rotateX(70deg)translateY(0)}}.floor:after{content:"";background:radial-gradient(60% 90% at 70% 0%, transparent 40%, var(--bg) 100%);position:absolute;inset:0}.orbit{width:var(--s);aspect-ratio:1;left:var(--x);bottom:var(--y);translate:calc(var(--px) * var(--d) * 26px) calc(var(--py) * var(--d) * 16px);transition:translate .6s var(--ease);position:absolute}.orbit .float{animation:bob var(--t,9s) ease-in-out infinite;animation-delay:var(--dl,0s);position:absolute;inset:0}@keyframes bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-14px)scale(1.02)}}.aura{background:radial-gradient(circle, oklch(.72 .12 200 / var(--aura-alpha)) 0%, oklch(.85 .1 150 / calc(var(--aura-alpha) * .5)) 32%, transparent 66%);filter:blur(26px);mix-blend-mode:var(--aura-blend);border-radius:50%;position:absolute;inset:-55%}.ball{background:var(--orb);filter:blur(var(--b,0px)) hue-rotate(var(--h,0deg));-webkit-mask-image:radial-gradient(circle closest-side, #000 var(--m,99%), transparent 100%);mask-image:radial-gradient(circle closest-side, #000 var(--m,99%), transparent 100%);border-radius:50%;position:absolute;inset:0}.drop{left:10%;right:10%;bottom:calc(-1 * var(--y) + 18px);filter:blur(4px);height:22px;transform:translateY(calc(var(--y) * .35));background:radial-gradient(closest-side,oklch(20% .02 255/.28),#0000);border-radius:50%;position:absolute}.o1{--s:clamp(90px, 10vw, 150px);--x:54%;--y:34%;--b:16px;--m:12%;--d:1.4;--t:10s;--h:-20deg}.o2{--s:clamp(110px, 12vw, 178px);--x:68%;--y:44%;--b:6px;--m:48%;--d:1;--t:12s;--dl:-4s}.o3{--s:clamp(140px, 15vw, 230px);--x:81%;--y:30%;--b:0px;--m:99%;--d:.7;--t:9s;--dl:-2s}.o3 .aura{inset:-45%}.o3 canvas.globe{width:100%;height:100%;display:block}.o1 .drop{opacity:.35}.o2 .drop{opacity:.6}.tag{white-space:nowrap;font-family:var(--font-mono);color:var(--ink-2);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:6px;padding:5px 9px;font-size:.72rem;position:absolute;bottom:calc(100% + 22px);left:50%;transform:translate(-50%)}.tag:after{content:"";background:var(--line-strong);width:1px;height:18px;position:absolute;top:100%;left:50%}.tag b{color:var(--accent);margin-right:6px;font-weight:500}@media (width<=860px){.hero{flex-direction:column;min-height:0}.hero .scene{height:340px;margin-top:-8px;position:relative;inset:auto}.hero .floor{height:70%}.o1{--x:6%;--y:30%}.o2{--x:36%;--y:40%}.o3{--x:64%;--y:24%}.o1 .tag,.o2 .tag{display:none}}.band{background:var(--band);color:var(--band-ink);--grid:var(--band-grid);--bg:var(--band);--aura-blend:screen;--aura-alpha:.6;position:relative;overflow:hidden}.band .wrap{z-index:2;grid-template-columns:minmax(0,1.3fr) auto;align-items:end;gap:28px;padding-block:clamp(64px,9vw,120px);display:grid;position:relative}.band h2{color:var(--band-ink);max-width:18ch}.band p{color:var(--band-muted);max-width:52ch;margin-top:14px}.band .floor{perspective-origin:80% -10%;height:70%}.band .orbit{--s:clamp(120px, 14vw, 210px);--x:72%;--y:44%;--d:0;--b:12px;--m:40%}.band .aura{filter:blur(34px);inset:-85%}.band .btn{color:var(--band-ink);border-color:oklch(100% 0 0/.35)}.band .btn:hover{border-color:var(--band-ink)}.band .btn-primary{background:var(--band-ink);color:var(--band)}.band .btn-primary:hover,.band .btn-primary:focus-visible{color:var(--cta-ink)}@media (width<=760px){.band .wrap{grid-template-columns:1fr}.band .orbit{--x:60%;--y:62%;opacity:.5}}