:root{--bg:#01040a;--text:#f7f7f7;--muted:#a4acbb;--silver:#d8e0ea;--steel:#6d7483;--cyan:#8fd9ff;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:radial-gradient(circle at 78% 40%,#d6e8f82e,#0000 18rem),radial-gradient(circle at 55% 63%,#37608e24,#0000 28rem),radial-gradient(circle at 18% 84%,#4681b724,#0000 22rem),linear-gradient(135deg,#02050b 0%,#07101c 46%,#010307 100%);min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}#app{min-height:100svh}.site-shell{isolation:isolate;min-height:100svh;display:grid;position:relative;overflow:hidden}.site-shell:before{z-index:-4;content:"";background-color:#0000;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:84px 84px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 78%,#0000);mask-image:linear-gradient(#0000,#000 18% 78%,#0000)}.site-shell:after{z-index:-2;content:"";filter:blur(16px);background:radial-gradient(#4c84be33,#0000 68%);height:34rem;position:absolute;inset:auto -8rem -20rem}.starfield{z-index:-3;opacity:.58;background-repeat:repeat;position:absolute;inset:0}.starfield-one{background-image:radial-gradient(circle,#ffffffb8 0 1px,#0000 1.45px),radial-gradient(circle,#8fd9ff94 0 1px,#0000 1.45px);background-position:0 0,52px 76px;background-size:170px 170px,260px 260px}.starfield-two{opacity:.34;background-image:radial-gradient(circle,#ffffff70 0 1px,#0000 1.35px),radial-gradient(circle,#b3d5f25c 0 1px,#0000 1.35px);background-position:28px 18px,92px 42px;background-size:300px 300px,420px 420px}.orbit-ring{z-index:-1;border:1px solid #d8e0ea14;border-radius:50%;position:absolute;transform:rotate(-20deg);box-shadow:0 0 70px #8fd9ff0a}.orbit-ring-a{aspect-ratio:1;width:min(62vw,48rem);top:12%;right:-18rem}.orbit-ring-b{aspect-ratio:1;border-color:#b1cfeb12;width:min(72vw,58rem);bottom:-22rem;right:8%}.hero{grid-template-columns:minmax(18rem,.85fr) minmax(22rem,1.15fr);align-items:center;gap:clamp(2rem,6vw,7rem);width:min(1180px,100% - 40px);min-height:100svh;margin:0 auto;padding:5rem 0;display:grid}.hero-copy{z-index:2;position:relative}.eyebrow{min-height:2rem;color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;background:#8fd9ff14;border:1px solid #8fd9ff59;border-radius:999px;align-items:center;margin:0 0 1.4rem;padding:.32rem .72rem;font-size:.78rem;font-weight:700;display:inline-flex}h1{color:#fff;letter-spacing:0;text-transform:uppercase;text-shadow:0 0 26px #ffffff2e,0 28px 58px #000000b8;max-width:10ch;margin:0;font-size:clamp(4rem,9vw,8.9rem);font-weight:900;line-height:.82}.lede{max-width:35rem;color:var(--muted);margin:2rem 0 0;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.55}.space-scene{place-items:center end;min-height:min(68vw,42rem);display:grid;position:relative}.space-scene:before{aspect-ratio:1;content:"";filter:blur(26px);background:radial-gradient(circle at 42% 40%,#eef5fc33,#0000 20%),radial-gradient(circle,#6095ca33,#0000 66%);border-radius:50%;width:min(58vw,43rem);position:absolute;right:clamp(-8rem,-7vw,-3rem)}.vorteon-moon{object-fit:contain;filter:drop-shadow(0 1.5rem 4rem #00000070);width:min(48vw,32rem);max-width:100%;height:auto;max-height:min(74svh,42rem);display:block;position:relative}@media (width<=860px){.hero{grid-template-columns:1fr;align-content:center;gap:1rem;width:min(100% - 32px,42rem);padding:3.5rem 0}.hero-copy{order:2}.space-scene{order:1;place-items:center;min-height:22rem}.space-scene:before{width:min(86vw,32rem);right:auto}.vorteon-moon{width:min(78vw,25rem);max-height:47svh}h1{font-size:clamp(3.35rem,17vw,6.2rem)}}@media (width<=480px){.hero{width:min(100% - 28px,32rem);min-height:100svh;padding:2.5rem 0}.space-scene{min-height:19rem}.eyebrow{margin-bottom:1rem;font-size:.68rem}.lede{margin-top:1.25rem;font-size:1rem}}
