.landing{--canvas:#060a10;--tint:#070c14;--surface:#0e141b;--surface-alt:#131a22;--line:#1b2530;--outline:#2c3846;--ink:#fff;--muted:#93a3b6;--placeholder:#6b7a8c;--primary:#1e8fe8;--accent:#33b1ff;--success:#3ed37f;--danger:#ff6b7a;--header-from:#1177d6;--header-to:#0b4c8e;--primary-from:#3ea3f0;--primary-to:#1177d6;--night:#02050a;--night-2:#040b16;--deep:#071a33;--haze:206 228 255;--glow:51 177 255;--ease-out:cubic-bezier(.16, .84, .24, 1);--ease-float:cubic-bezier(.45, 0, .55, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--night);color:var(--ink)}html:has(.landing){scroll-behavior:smooth;background:#02050a}html:has(.landing) body{background:#02050a}.landing ::selection{background-color:rgb(var(--glow) / .32)}.landing [id]{scroll-margin-top:6rem}.landing .display{letter-spacing:-.042em;text-wrap:balance;font-weight:500;line-height:.98}.landing .display-soft{background:linear-gradient(#fff 0%,#b9d9fb 55%,#6fa9e6 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.landing .heading{letter-spacing:-.034em;text-wrap:balance;font-weight:500;line-height:1.04}.landing .eyebrow{letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--haze) / .62);font-size:.6875rem;font-weight:700}.landing .lede{color:rgb(var(--haze) / .7);text-wrap:pretty}.landing .glass{border:1px solid rgb(var(--haze) / .1);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:linear-gradient(#fff1,#ffffff05),#080e188c;box-shadow:inset 0 1px #ffffff0f,0 30px 80px -40px #000c}.landing .panel{border:1px solid rgb(var(--haze) / .08);background:linear-gradient(#ffffff09,#ffffff03)}.landing .hairline{background:linear-gradient(90deg, transparent, rgb(var(--haze) / .16), transparent);height:1px}.landing .btn-primary,.landing .btn-quiet{white-space:nowrap;transition:transform .5s var(--ease-out), box-shadow .5s var(--ease-out), background-color .3s ease, border-color .3s ease;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.landing .btn-primary{color:#03101f;box-shadow:0 0 0 1px #fff6 inset, 0 10px 40px -10px rgb(var(--glow) / .55);background:linear-gradient(#fff,#d9ecff)}.landing .btn-primary:hover{box-shadow:0 0 0 1px #ffffff80 inset, 0 16px 50px -12px rgb(var(--glow) / .75);transform:translateY(-1px)}.landing .btn-quiet{color:#fff;border:1px solid rgb(var(--haze) / .18);background:#ffffff0a}.landing .btn-quiet:hover{border-color:rgb(var(--haze) / .3);background:#ffffff14}.landing .btn-primary:focus-visible,.landing .btn-quiet:focus-visible,.landing .focus-ring:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.landing .sky{pointer-events:none;position:absolute;inset:0;overflow:hidden}.landing .sky-base{background:radial-gradient(120% 70% at 50% 108%, #1177d657, transparent 60%), radial-gradient(60% 40% at 50% 62%, rgb(var(--glow) / .1), transparent 70%), linear-gradient(180deg, var(--night) 0%, var(--night-2) 45%, var(--deep) 100%);position:absolute;inset:0}.landing .cloud{will-change:transform;position:absolute;left:-20%;right:-20%}.landing .cloud-far{opacity:.7;background:radial-gradient(22% 30% at 12% 62%, rgb(var(--haze) / .08), transparent 70%), radial-gradient(26% 26% at 34% 70%, rgb(var(--haze) / .07), transparent 70%), radial-gradient(20% 32% at 58% 58%, rgb(var(--haze) / .06), transparent 70%), radial-gradient(28% 28% at 82% 66%, rgb(var(--haze) / .08), transparent 70%);height:70%;animation:landing-drift 90s var(--ease-float) infinite alternate;top:22%}.landing .cloud-mid{background:radial-gradient(30% 34% at 6% 60%, rgb(var(--haze) / .12), transparent 70%), radial-gradient(24% 30% at 28% 72%, rgb(var(--haze) / .1), transparent 70%), radial-gradient(30% 36% at 70% 70%, rgb(var(--haze) / .11), transparent 70%), radial-gradient(22% 30% at 94% 58%, rgb(var(--haze) / .1), transparent 70%);height:60%;animation:landing-drift 70s var(--ease-float) -20s infinite alternate-reverse;top:46%}.landing .cloud-near{background:radial-gradient(34% 60% at 14% 88%, rgb(var(--haze) / .2), transparent 72%), radial-gradient(30% 55% at 44% 96%, rgb(var(--haze) / .18), transparent 72%), radial-gradient(36% 60% at 76% 90%, rgb(var(--haze) / .2), transparent 72%), linear-gradient(180deg, transparent 20%, #040c18e6 92%);height:52%;animation:landing-drift 55s var(--ease-float) -8s infinite alternate;bottom:-12%}.landing .grain{opacity:.05;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 type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes landing-drift{0%{transform:translate(-3%)}to{transform:translate(3%,-1.5%)}}.landing .hero{--px:0;--py:0}.landing .depth-far{translate:calc(var(--px) * -10px) calc(var(--py) * -6px);transition:translate 1.2s var(--ease-out)}.landing .depth-mid{translate:calc(var(--px) * -22px) calc(var(--py) * -10px);transition:translate 1.2s var(--ease-out)}.landing .depth-near{translate:calc(var(--px) * -40px) calc(var(--py) * -14px);transition:translate 1.2s var(--ease-out)}.landing .stage{perspective:1800px;perspective-origin:50% 0}@media (min-width:768px){.landing .stage-tilt{transform:rotateX(calc(16deg + var(--py) * -2.5deg)) rotateY(calc(var(--px) * 3deg));transform-origin:50% 0;transition:transform 1.4s var(--ease-out)}}.landing .window{background:var(--canvas);box-shadow:0 0 0 1px #0009, 0 50px 120px -30px rgb(var(--glow) / .28), 0 80px 160px -60px #000000e6;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.landing .arrive{animation:landing-arrive 1.1s var(--ease-out) both;animation-delay:var(--d,0s)}.landing .arrive-lcp{animation:landing-settle 1.1s var(--ease-out) both;animation-delay:var(--d,0s)}@keyframes landing-settle{0%{transform:translateY(14px)}to{transform:none}}.landing .rise{animation:landing-rise 1.8s var(--ease-out) .35s both}@keyframes landing-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes landing-rise{0%{opacity:0;transform:translateY(90px)scale(.97)}to{opacity:1;transform:none}}.landing .chip{animation:landing-float var(--t,12s) var(--ease-float) var(--d,0s) infinite alternate}@keyframes landing-float{0%{transform:translate(0,0)}to{transform:translateY(-18px)}}@supports (animation-timeline:scroll()){.landing .hero-recede{animation:linear both landing-recede;animation-timeline:scroll(root);animation-range:0 90vh}@keyframes landing-recede{to{opacity:.35;transform:translateY(8vh)scale(.96)}}}.landing.reveal-ready [data-reveal]{opacity:0;transition:opacity 1.1s var(--ease-out), transform 1.1s var(--ease-out);transition-delay:var(--d,0s);transform:translateY(28px)}.landing.reveal-ready [data-reveal].is-visible{opacity:1;transform:none}.landing .section-atmosphere{isolation:isolate;position:relative}.landing .section-atmosphere:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at var(--gx,50%) var(--gy,40%), rgb(var(--glow) / .07), transparent 70%);position:absolute;inset:0}.landing .cloud-core{background:radial-gradient(60% 55% at 50% 60%, rgb(var(--haze) / .2), transparent 70%), radial-gradient(90% 80% at 50% 100%, #1177d673, transparent 70%), linear-gradient(180deg, var(--night) 0%, var(--deep) 45%, #0b3a6e 72%, var(--deep) 88%, var(--night) 100%)}.landing .toggle-thumb{transition:transform .55s var(--ease-out)}.landing .app-banner{animation:landing-arrive .7s var(--ease-out) .4s both;background:linear-gradient(#ffffff12,#ffffff05),#080e18e6;box-shadow:inset 0 1px #ffffff0f,0 24px 60px -20px #000000e6}@media (prefers-reduced-motion:reduce){html:has(.landing){scroll-behavior:auto}.landing .cloud,.landing .chip,.landing .arrive,.landing .arrive-lcp,.landing .rise,.landing .hero-recede,.landing .app-banner{animation:none!important}.landing .depth-far,.landing .depth-mid,.landing .depth-near{translate:none}.landing.reveal-ready [data-reveal]{opacity:1;transform:none}}.landing .preview .bg-brand-50{background-color:var(--brand-950)}.landing .preview .text-brand-700{color:var(--brand-200)}
