@layer tokens,base,components,app,utilities;@layer app{.hero-scene{--hero-top: clamp(40px, 7vw, 104px);--hz-glow: var(--bot-blue-glow);--hero-hue: 250;--hero-core: rgba(255, 255, 255, .05);--hero-panel-top: #070a14;--hero-star: #dfe6ff;--hero-star-a: 1;--hero-rim: rgba(255, 255, 255, .6);--hero-glow-a: 14%;--hero-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)' opacity='.05'/%3E%3C/svg%3E");--hero-em-glow: color-mix(in srgb, var(--lime) 22%, transparent);--hero-cta-glow: color-mix(in srgb, var(--lime) 45%, transparent);--hero-panel-bg: linear-gradient(var(--hero-panel-top), var(--bg-feature) 46%)}[data-theme=light] .hero-scene{--hero-core: rgba(255, 255, 255, .45);--hero-panel-top: oklch(.968 .012 250);--hero-star: oklch(.66 .07 var(--hero-hue));--hero-star-a: 1;--hero-rim: #ffffff;--hero-glow-a: 4%;--hero-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)' opacity='.035'/%3E%3C/svg%3E");--hero-em-glow: oklch(.8 .12 var(--hero-hue) / .35);--hero-cta-glow: rgba(17, 24, 39, .16);--hero-panel-bg: linear-gradient( oklch(.86 .075 238), oklch(.9 .056 238) 140px, oklch(.945 .032 240) 300px, oklch(.975 .013 242) 460px, var(--bg-feature) 620px)}.hero__beam{position:absolute;inset:0 0 auto;height:760px;background:radial-gradient(ellipse 36% 520px at 50% 60px,var(--hero-core),transparent 72%);-webkit-mask-image:linear-gradient(transparent,#000 160px);mask-image:linear-gradient(transparent,#000 160px)}.hero__sky{position:absolute;left:0;top:0;width:100%;height:640px;color:var(--hero-star);container-type:inline-size;-webkit-mask-image:linear-gradient(#000 25%,transparent 88%);mask-image:linear-gradient(#000 25%,transparent 88%)}.hero__stars{position:absolute;inset:0;width:100%;height:100%;opacity:var(--hero-star-a);fill:currentColor}.hero__stars--still{will-change:transform}[data-theme=light] .hero__stars--still{display:none}.hero__dust path{fill:none;stroke:currentColor;stroke-linecap:round}.hero__dust .c{stroke:#bfd4ff}.hero__dust .w{stroke:#ffe7c9}.hero__dots .c{fill:#bfd4ff}.hero__dots .w{fill:#ffe7c9}.hero__glints,[data-theme=light] .hero__dots{display:none}[data-theme=light] .hero__glints{display:inline}.hero__glints path{scale:var(--s);transform-box:fill-box;transform-origin:center}.hero__glints g:nth-child(3n) path{fill:#fff}.hero__clouds{display:none}[data-theme=light] .hero__clouds{display:block}.hero__cloud{position:absolute;left:0;top:var(--y);width:var(--w);aspect-ratio:3 / 1;opacity:var(--o, .9);translate:var(--x0) 0;pointer-events:none;background:radial-gradient(closest-side,#fff 55%,#fff0) 8% 78% / 36% 62% no-repeat,radial-gradient(closest-side,#fff 55%,#fff0) 36% 40% / 40% 96% no-repeat,radial-gradient(closest-side,#fff 55%,#fff0) 64% 52% / 38% 84% no-repeat,radial-gradient(closest-side,#fff 55%,#fff0) 90% 76% / 28% 58% no-repeat;filter:blur(7px) drop-shadow(0 14px 16px rgba(17,24,39,.05))}.hero__meteor{position:absolute;left:var(--x);top:var(--y);width:120px;height:1px;border-radius:1px;opacity:0;rotate:18deg;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--hero-star) 85%,transparent))}.hero__meteor:after{content:"";position:absolute;right:-1px;top:-1px;width:3px;height:3px;border-radius:50%;background:var(--hero-star);box-shadow:0 0 6px 1px color-mix(in srgb,var(--hero-star) 70%,transparent)}[data-theme=light] .hero__meteor{display:none}.hero__glow{position:absolute;left:50%;top:calc(100% - var(--stage-h) + var(--hz-y) - 440px);width:min(1600px,130%);height:560px;translate:-50% 0;background:radial-gradient(50% 62% at 50% 79%,color-mix(in srgb,var(--hz-glow) var(--hero-glow-a),transparent),transparent 72%),radial-gradient(16% 20% at 50% 81%,color-mix(in srgb,#fff calc(var(--hero-glow-a) * .4),transparent),transparent 70%)}.hero__horizon{position:absolute;left:50%;top:calc(100% - var(--stage-h) + var(--hz-y));width:var(--hz-w);aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,var(--bg-feature) 92%,color-mix(in srgb,var(--hz-glow) 5%,var(--bg-feature)));box-shadow:inset 0 1px color-mix(in srgb,var(--hero-rim) 18%,transparent),inset 0 3px 8px -3px color-mix(in srgb,var(--hz-glow) 28%,transparent),inset 0 24px 60px -22px color-mix(in srgb,var(--hz-glow) 16%,transparent),inset 0 90px 180px -60px color-mix(in srgb,var(--hz-glow) 6%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent calc(50% - 980px),#000 calc(50% - 360px),#000 calc(50% + 360px),transparent calc(50% + 980px));mask-image:linear-gradient(90deg,transparent calc(50% - 980px),#000 calc(50% - 360px),#000 calc(50% + 360px),transparent calc(50% + 980px))}[data-theme=light] .hero__horizon{background:radial-gradient(closest-side,var(--bg-feature) 92%,#f1f2f5);box-shadow:inset 0 1px 0 var(--hero-rim),inset 0 3px 8px -3px color-mix(in srgb,var(--hz-glow) 10%,rgba(17,24,39,.06)),inset 0 24px 60px -22px color-mix(in srgb,var(--hz-glow) 5%,transparent)}.hero__horizon:before{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 1px 0 var(--hero-rim),inset 0 4px 12px -4px color-mix(in srgb,var(--hz-glow) 40%,transparent);-webkit-mask-image:radial-gradient(min(680px,28%) 140px at 50% 0,#000,transparent);mask-image:radial-gradient(min(680px,28%) 140px at 50% 0,#000,transparent)}[data-theme=light] .hero__horizon:before{box-shadow:inset 0 1px 0 var(--hero-rim),inset 0 4px 12px -4px color-mix(in srgb,var(--hz-glow) 14%,transparent)}.scene-top{--scene-inset: 8px;--stage-h: 100%;--hz-y: -24px;--hz-w: max(2600px, 190%);position:relative;isolation:isolate;overflow:clip;margin:calc(var(--scene-inset) - var(--nav-h)) var(--scene-inset) 0;padding:calc(var(--nav-h) - var(--scene-inset) + var(--hero-top)) 0 var(--stack-head);border-radius:var(--r-feature);background:var(--hero-panel-bg);box-shadow:inset 0 0 0 1px var(--line)}.scene-top:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--hero-grain)}.scene-top>.container{width:min(var(--container),100% + 2 * var(--scene-inset) - 2 * var(--gutter))}.scene-stage{position:relative}.scene-top>.container>:not(.scene-stage),.scene-stage>:not(.hero__glow,.hero__horizon){position:relative;z-index:2}@media(max-width:767px){.scene-top{--scene-inset: 6px;--hz-w: 1500px;border-radius:var(--r-card)}}@media(prefers-reduced-motion:no-preference){.hero__horizon{animation:hero-sunrise 2s var(--ease-out) .1s backwards}.hero__glow{animation:hero-glow-in 2.2s var(--ease-out) .25s backwards}.hero__dots .tw{animation:star-twinkle var(--d) ease-in-out var(--t) infinite}.hero__glints .tw{animation:glint-sparkle var(--d) ease-in-out var(--t) infinite}.hero__cloud{animation:cloud-drift var(--c) linear var(--t) infinite}.hero__meteor{animation:hero-meteor var(--c) linear var(--w) infinite}}@keyframes star-twinkle{50%{opacity:var(--dim)}}@keyframes glint-sparkle{0%,to{opacity:calc(var(--o) * .12);scale:calc(var(--s) * .35);rotate:0deg}45%{opacity:calc(var(--o) * .12);scale:calc(var(--s) * .35);rotate:0deg}65%{opacity:var(--o);scale:calc(var(--s) * 1.15);rotate:45deg}85%{opacity:calc(var(--o) * .12);scale:calc(var(--s) * .35);rotate:90deg}}@keyframes cloud-drift{0%{translate:calc(-1 * var(--w)) 0}to{translate:100cqw 0}}@keyframes hero-meteor{0%{opacity:0;translate:0 0}1%{opacity:.8}4.5%{opacity:0;translate:285px 93px}to{opacity:0;translate:285px 93px}}@keyframes hero-sunrise{0%{opacity:0;translate:-50% 220px}}@keyframes hero-glow-in{0%{opacity:0;scale:.6 .4}}}
