.landing{--landing-teal:#1fb39a}body:has(.landing){background-color:#07080a}html:has(.landing){scroll-behavior:smooth}.landing-nav{background-color:color-mix(in srgb, var(--background) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@supports (animation-timeline:scroll()){.landing-nav{animation:linear both landing-nav-solid;animation-timeline:scroll(root);animation-range:0 40px}}@keyframes landing-nav-solid{0%{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000}}.aurora{filter:blur(80px);opacity:.55;position:absolute;inset:-20%}.aurora i{border-radius:9999px;animation:18s ease-in-out infinite alternate landing-drift;position:absolute}.aurora i:first-child{background:var(--brand);width:38vw;height:38vw;top:10%;left:55%}.aurora i:nth-child(2){background:var(--landing-teal);width:30vw;height:30vw;animation-duration:22s;top:45%;left:70%}.aurora i:nth-child(3){background:var(--sky);opacity:.6;width:26vw;height:26vw;animation-duration:26s;top:55%;left:40%}@keyframes landing-drift{to{transform:translate(-8vw,6vw)scale(1.15)}}.spot{background:radial-gradient(600px circle at var(--mx,70%) var(--my,40%), color-mix(in srgb, var(--brand) 10%, transparent), transparent 60%)}.sonar-dots{background-image:radial-gradient(circle at 14px 14px, color-mix(in srgb, var(--foreground) 7%, transparent) 1.2px, transparent 1.7px);background-size:28px 28px}.noise{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E")}.char{opacity:0;filter:blur(8px);animation:.8s cubic-bezier(.2,.8,.2,1) forwards landing-char-in;display:inline-block;transform:translateY(.6em)rotate(6deg)}@keyframes landing-char-in{to{opacity:1;filter:none;transform:none}}.word{transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.2,1),filter .45s;display:inline-block}.word.out{opacity:0;filter:blur(12px);transform:translateY(-.4em)scale(.96)}.word.in{opacity:0;filter:blur(12px);transform:translateY(.4em)scale(1.04)}.landing-underline path{stroke-dasharray:1;stroke-dashoffset:1px;animation:.9s cubic-bezier(.6,0,.2,1) .25s forwards landing-draw}@keyframes landing-draw{to{stroke-dashoffset:0}}.tilt{transform:perspective(900px) rotateX(var(--rx,8deg)) rotateY(var(--ry,-14deg));transform-style:preserve-3d;transition:transform .25s ease-out}.float{animation:6s ease-in-out infinite landing-float}@keyframes landing-float{50%{translate:0 -14px}}.wave{border:2px solid var(--brand);opacity:0;pointer-events:none;border-radius:3rem;position:absolute;inset:-10%}.wave.go{animation:1.4s ease-out forwards landing-wave}@keyframes landing-wave{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.8)}}.landing-beam{stroke-dashoffset:-90px;animation:1.6s linear infinite landing-beam}@keyframes landing-beam{0%{stroke-dashoffset:0}to{stroke-dashoffset:-214px}}.magnetic{transition:transform .25s ease-out,color .15s,background-color .15s,border-color .15s}.screen{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translateY(12px)scale(.98)}.screen.on{opacity:1;transform:none}.landing-flow{stroke-dasharray:6 18;animation:1.1s linear infinite landing-flow}@keyframes landing-flow{to{stroke-dashoffset:-24px}}.landing-dest-ring{animation:.9s ease-out landing-dest-ring}@keyframes landing-dest-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--brand) 60%, transparent)}to{box-shadow:0 0 0 22px #0000}}.landing-dest-in{animation:.45s cubic-bezier(.2,.8,.2,1) landing-dest-in}@keyframes landing-dest-in{0%{opacity:0;filter:blur(8px);transform:translateY(10px)}}.landing-chart-reveal{transform-origin:0 0;transition:transform 1.8s cubic-bezier(.4,0,.2,1)}.landing-chart-reveal.pending{transition:none;transform:scaleX(0)}.reveal-word{opacity:.15;transition:opacity .2s}.reveal-word.on{opacity:1}.tl-step{opacity:.25;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1);position:relative;transform:translate(12px)}.tl-step:before{content:"";background:var(--muted);border-radius:999px;width:.6rem;height:.6rem;transition:background .4s,box-shadow .4s;position:absolute;top:1.45rem;left:-2.3rem}.tl-step.on{opacity:1;transform:none}.tl-step.on:before{background:var(--brand);box-shadow:0 0 12px var(--brand)}.spot-card{background:var(--card);border-radius:1.5rem;position:relative}.spot-card:before{content:"";border-radius:inherit;background:radial-gradient(320px circle at var(--x,50%) var(--y,50%), var(--brand), transparent 60%), var(--border);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spot-card:after{content:"";border-radius:inherit;background:radial-gradient(400px circle at var(--x,50%) var(--y,50%), color-mix(in srgb, var(--brand) 7%, transparent), transparent 60%);pointer-events:none;position:absolute;inset:0}@property --landing-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.conic{background:conic-gradient(from var(--landing-angle), var(--brand), var(--landing-teal), var(--sky), var(--brand));border-radius:1.5rem;padding:1px;animation:5s linear infinite landing-turn;position:relative}@keyframes landing-turn{to{--landing-angle:360deg}}.retro{background-image:linear-gradient(color-mix(in srgb, var(--brand) 35%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--brand) 35%, transparent) 1px, transparent 1px);transform-origin:top;background-size:60px 60px;animation:3s linear infinite landing-grid;transform:perspective(360px)rotateX(64deg);-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}@keyframes landing-grid{to{background-position:0 60px}}@media (prefers-reduced-motion:reduce){html:has(.landing){scroll-behavior:auto}.aurora i,.conic,.retro,.float,.wave.go,.landing-beam,.landing-flow,.landing-dest-ring,.landing-dest-in{animation:none}.char{opacity:1;filter:none;animation:none;transform:none}.landing-underline path{stroke-dashoffset:0;animation:none}.word,.screen,.landing-chart-reveal,.tilt,.magnetic,.reveal-word,.tl-step,.tl-step:before{transition:none}}