@import "https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@400;500;600&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{color:#fff;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#000;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#000;min-width:320px;min-height:100vh;margin:0;overflow:hidden}.stage{isolation:isolate;background:radial-gradient(circle,#0099ff24,#0000 26rem),radial-gradient(circle at 18% 82%,#7a5cff2e,#0000 24rem),radial-gradient(circle at 82% 12%,#00ffd11f,#0000 20rem),#000;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.grain{z-index:5;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.75'/%3E%3C/svg%3E");animation:9s steps(10,end) infinite grain-shift;position:absolute;inset:-50%}.aurora{aspect-ratio:1;filter:blur(70px);opacity:.5;mix-blend-mode:screen;pointer-events:none;border-radius:50%;width:62vmax;position:absolute}.aurora-one{background:conic-gradient(from 180deg,#0000,#09f,#7a5cff,#0000 62%);animation:18s ease-in-out infinite alternate drift-one;top:-26vmax;left:-16vmax}.aurora-two{background:conic-gradient(from 20deg,#0000,#00ffd1,#09f,#0000 58%);animation:22s ease-in-out infinite alternate drift-two;bottom:-24vmax;right:-28vmax}.grid-plane{z-index:0;opacity:.34;transform-origin:bottom;background-image:linear-gradient(#0099ff57 1px,#0000 1px),linear-gradient(90deg,#0099ff42 1px,#0000 1px);background-size:48px 48px;height:54vh;animation:8s linear infinite grid-flow;position:absolute;inset:auto -10vw -22vh;transform:perspective(720px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000 22%,#000);mask-image:linear-gradient(#0000 22%,#000)}.hero-shell{z-index:3;grid-template-columns:minmax(420px,.94fr) minmax(420px,1.06fr);align-items:center;gap:clamp(32px,6vw,92px);width:min(1220px,100vw - 40px);min-height:720px;display:grid;position:relative}.copy{z-index:4;position:relative}.kicker{color:#8fdcff;letter-spacing:.34em;text-shadow:0 0 28px #0099ffd1;margin:0 0 20px;font-family:Azeret Mono,ui-monospace,monospace;font-size:12px;font-weight:600}h1{letter-spacing:-.085em;max-width:780px;margin:0;font-size:clamp(4rem,8vw,7.5rem);font-weight:700;line-height:.82}h1 span{color:#0000;background:linear-gradient(90deg,#fff 0%,#b8e9ff 24%,#09f 52%,#a689ff 78%,#fff 100%) 0 0/180% 100%;-webkit-background-clip:text;background-clip:text;animation:7s ease-in-out infinite text-glow;display:block}.subtitle{color:#ffffffad;letter-spacing:-.02em;width:min(520px,92vw);margin:34px 0 0;font-size:clamp(1.05rem,1.8vw,1.34rem);line-height:1.55}.orbital{aspect-ratio:1;width:min(620px,82vw);transform-style:preserve-3d;perspective:900px;filter:drop-shadow(0 34px 42px #0000008c)drop-shadow(0 0 70px #0099ff57);justify-self:center;animation:10s ease-in-out infinite orbital-breathe;position:relative}.orbital:before,.orbital:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:14%}.orbital:before{opacity:.52;background:radial-gradient(circle at 36% 28%,#ffffff47,#0000 12%),radial-gradient(circle at 42% 45%,#0099ff47,#0000 34%),radial-gradient(circle at 68% 72%,#a689ff2e,#0000 38%);animation:12s ease-in-out infinite inner-sphere;transform:translateZ(-34px)rotateX(64deg)rotate(-12deg);box-shadow:inset -34px -42px 80px #00000085,inset 28px 20px 60px #ffffff14,0 0 120px #09f3}.orbital:after{opacity:.36;background:repeating-radial-gradient(circle,#0000 0 28px,#78daff14 29px 30px),linear-gradient(115deg,#0000 0 44%,#fff3 49%,#0000 55%);border:1px solid #a2deff2e;animation:14s linear infinite shell-shimmer;inset:5%;transform:translateZ(24px)rotateX(72deg)rotate(24deg);box-shadow:inset 0 0 90px #0099ff1f}.halo{pointer-events:none;transform-style:preserve-3d;border-radius:50%;position:absolute;inset:7%}.halo:before,.halo:after{content:"";border-radius:inherit;border:1px solid #82dcff24;position:absolute;inset:0;box-shadow:0 0 34px #0099ff29,inset 0 0 34px #0099ff14}.halo:after{border-color:#b496ff24;inset:12%}.halo-back{opacity:.62;animation:24s linear infinite halo-back-spin;transform:translateZ(-80px)rotateX(74deg)rotateY(-22deg)rotate(18deg)}.halo-front{opacity:.78;mix-blend-mode:screen;animation:18s linear infinite reverse halo-front-spin;transform:translateZ(92px)rotateX(66deg)rotateY(28deg)rotate(-18deg)}.core{color:#fff;letter-spacing:-.16em;text-indent:-.16em;transform-style:preserve-3d;background:radial-gradient(circle at 32% 24%,#ffffffd6,#b6ebff47 11%,#0000 22%),radial-gradient(circle at 42% 34%,#ffffff6b,#0099ff4d 30%,#05001e47 64%),#ffffff06;border:1px solid #ffffff38;border-radius:50%;place-items:center;font-size:clamp(6rem,13vw,10rem);font-weight:300;animation:5.5s ease-in-out infinite core-pulse;display:grid;position:absolute;inset:32%;box-shadow:inset 0 0 42px #ffffff17,inset -20px -28px 44px #0000007a,inset 16px 14px 32px #ffffff1f,0 0 0 1px #0099ff2e,0 0 110px #0099ff52,0 34px 64px #00000061}.core:before,.core:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:-18%}.core:before{background:conic-gradient(from 90deg, transparent 0 17%, #fffc, #0099ffc7, transparent 32% 100%);opacity:.64;animation:8s linear infinite core-equator;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.core:after{filter:blur(1px);opacity:.72;background:radial-gradient(circle at 38% 30%,#ffffffb8,#0000 12%),radial-gradient(circle,#0000 42%,#0099ff38 43%,#0000 62%);inset:14%}.ring{transform-style:preserve-3d;border:1px solid #ffffff21;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 42px #0099ff0a}.ring:before{content:"";border-radius:inherit;background:conic-gradient(from 0deg, transparent 0 20%, #0099ffeb, transparent 34% 56%, #ffffff9e, transparent 68% 100%);position:absolute;inset:-1px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1px))}.ring-a{animation:18s linear infinite orbit-a;transform:rotateX(74deg)rotateY(-16deg)}.ring-b{animation:13s linear infinite reverse orbit-b;inset:8%;transform:translateZ(58px)rotateX(68deg)rotate(18deg)}.ring-c{animation:16s linear infinite orbit-c;inset:17%;transform:translateZ(-42px)rotateY(62deg)rotate(-24deg)}.ring-d{opacity:.76;animation:10s linear infinite reverse orbit-d;inset:26%;transform:translateZ(90px)rotateX(82deg)rotateY(48deg)rotate(42deg)}.glyph{color:#ffffffc7;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:42px;height:42px;font-family:Azeret Mono,ui-monospace,monospace;font-size:18px;animation:6s ease-in-out infinite glyph-float;display:grid;position:absolute;box-shadow:inset 0 0 16px #ffffff14,0 8px 22px #00000057,0 0 34px #0099ff38}.glyph-1{animation-delay:-.5s;top:2%;left:48%}.glyph-2{animation-delay:-2.2s;top:12%;right:16%}.glyph-3{animation-delay:-4.1s;top:31%;right:1%}.glyph-4{animation-delay:-1.6s;bottom:17%;right:12%}.glyph-5{animation-delay:-3.6s;bottom:2%;left:49%}.glyph-6{animation-delay:-5.1s;bottom:15%;left:13%}.glyph-7{animation-delay:-2.7s;top:33%;left:0}.glyph-8{animation-delay:-4.7s;top:13%;left:15%}.glyph-9{animation-delay:-1s;top:24%;left:50%}.glyph-10{animation-delay:-2.9s;bottom:5%;right:28%}.glyph-11{animation-delay:-.2s;bottom:7%;left:27%}.glyph-12{animation-delay:-5.7s;top:49%;right:8%}.telemetry{z-index:6;color:#ffffff6b;letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;gap:18px;font-family:Azeret Mono,ui-monospace,monospace;font-size:10px;display:flex;position:absolute;bottom:24px;left:clamp(18px,3vw,40px);right:clamp(18px,3vw,40px)}@keyframes text-glow{0%,to{filter:drop-shadow(0 0 #09f0);background-position:0%}50%{filter:drop-shadow(0 0 22px #0099ff52);background-position:100%}}@keyframes orbital-breathe{0%,to{transform:rotateY(-8deg)rotateX(2deg)scale(1)}50%{transform:rotateY(8deg)rotateX(-3deg)scale(1.025)}}@keyframes inner-sphere{0%,to{opacity:.44;transform:translateZ(-34px)rotateX(64deg)rotate(-12deg)scale(.98)}50%{opacity:.64;transform:translateZ(-18px)rotateX(58deg)rotate(14deg)scale(1.05)}}@keyframes shell-shimmer{to{transform:translateZ(24px)rotateX(72deg)rotate(384deg)}}@keyframes halo-back-spin{to{transform:translateZ(-80px)rotateX(74deg)rotateY(-22deg)rotate(378deg)}}@keyframes halo-front-spin{to{transform:translateZ(92px)rotateX(66deg)rotateY(28deg)rotate(342deg)}}@keyframes orbit-a{to{transform:rotateX(74deg)rotateY(-16deg)rotate(360deg)}}@keyframes orbit-b{to{transform:translateZ(58px)rotateX(68deg)rotate(378deg)}}@keyframes orbit-c{to{transform:translateZ(-42px)rotateY(62deg)rotate(336deg)}}@keyframes orbit-d{to{transform:translateZ(90px)rotateX(82deg)rotateY(48deg)rotate(402deg)}}@keyframes core-equator{to{transform:rotate(360deg)rotateX(8deg)}}@keyframes core-pulse{0%,to{transform:translateZ(36px)scale(1);box-shadow:inset 0 0 42px #ffffff17,inset -20px -28px 44px #0000007a,inset 16px 14px 32px #ffffff1f,0 0 0 1px #0099ff2e,0 0 110px #0099ff52,0 34px 64px #00000061}50%{transform:translateZ(58px)scale(1.045);box-shadow:inset 0 0 54px #ffffff29,inset -24px -32px 52px #00000085,inset 20px 16px 38px #ffffff29,0 0 0 1px #0099ff57,0 0 160px #0099ff7a,0 46px 80px #0000006b}}@keyframes glyph-float{0%,to{opacity:.62;transform:translate(0,0)scale(1)}50%{opacity:1;transform:translateY(-16px)scale(1.08)}}@keyframes grid-flow{to{background-position:0 48px,48px 0}}@keyframes drift-one{to{transform:translate(12vw,9vh)rotate(24deg)scale(1.1)}}@keyframes drift-two{to{transform:translate(-10vw,-8vh)rotate(-18deg)scale(1.05)}}@keyframes grain-shift{0%,to{transform:translate(0)}10%{transform:translate(-5%,-8%)}20%{transform:translate(-12%,4%)}30%{transform:translate(7%,-14%)}40%{transform:translate(-4%,12%)}50%{transform:translate(-13%,8%)}60%{transform:translate(10%)}70%{transform:translateY(10%)}80%{transform:translate(8%,-9%)}90%{transform:translate(-9%,5%)}}@media (width<=900px){body{overflow-y:auto}.stage{min-height:100svh;padding:70px 0 86px}.hero-shell{text-align:center;grid-template-columns:1fr;gap:36px;min-height:auto}.copy{order:2}.orbital{order:1;width:min(500px,90vw)}.subtitle{margin-left:auto;margin-right:auto}.telemetry{flex-wrap:wrap;justify-content:center;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}