:root{--navy:#0a2545;--blue:#0866f5;--muted:#526783;--line:#123d7720;--paper:#f3f7ff;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html,body{margin:0;width:100%;min-width:280px}body{background:var(--paper);color:var(--navy);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit}button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}::selection{background:#c9ddff;color:var(--navy)}.page{width:min(1500px,100%);height:100svh;margin:auto;display:grid;grid-template-rows:88px minmax(0,1fr) 58px;padding:0 clamp(24px,4.4vw,72px);position:relative;z-index:1}.backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(120deg,#fafcff 0%,#f4f8ff 45%,#eaf2ff 100%)}.light-field{position:absolute;width:70vw;height:90vh;right:-12vw;top:5vh;background:radial-gradient(ellipse,#70b3ff45,transparent 64%);animation:fieldFlow 12s ease-in-out infinite alternate}.mesh{position:absolute;inset:0;opacity:.35;background-image:radial-gradient(#426fa65c .65px,transparent .75px);background-size:28px 28px;mask-image:linear-gradient(110deg,transparent 20%,#000 90%)}.site-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);min-height:0}.brand{width:174px;height:auto;mix-blend-mode:multiply}.status{display:inline-flex;align-items:center;gap:9px;border:1px solid #bbd1f3;padding:10px 14px;border-radius:99px;background:#ffffff85;font-size:11px;font-weight:500;color:#28558f}.status i{width:6px;height:6px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px #0866f510;animation:statusPulse 2.6s ease-in-out infinite}.hero{display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:minmax(0,1fr);grid-template-areas:"content art";column-gap:3%;align-items:center;min-height:0;padding:20px 0}.content-column{grid-area:content;align-self:center}.hero-copy{grid-area:copy;align-self:end;padding-bottom:25px;z-index:2}.eyebrow{display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:1.8px;font-weight:600;color:var(--blue);margin:0 0 23px;line-height:1.5}.eyebrow>span{height:5px;width:5px;background:var(--blue);border-radius:50%}h1{font-size:clamp(45px,5.45vw,80px);line-height:1.04;letter-spacing:-4.6px;font-weight:550;margin:0 0 22px;white-space:nowrap}h1>span{color:var(--blue)}.description{font-size:clamp(15px,1.4vw,19px);line-height:1.6;color:var(--muted);margin:0}.features{align-self:start;grid-area:features;min-width:0;z-index:2;max-width:520px}.features-intro{font-size:11px;line-height:1.4;color:#62738d;margin:0 0 15px}.features ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.features li{display:flex;align-items:center;gap:10px;min-height:37px;color:#294968;font-size:12px;font-weight:450}.features svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:var(--blue);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.hero-art{grid-area:art;position:relative;align-self:stretch;min-height:0;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:clip;container-type:size}.orbital-stage{position:relative;width:min(100cqw,100cqh);aspect-ratio:1;flex:none;transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform .8s var(--ease)}.orbital-glow{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(ellipse,#4e9cff30,transparent 70%);filter:blur(15px);animation:glowBreathe 5s ease-in-out infinite}#orb{position:absolute;width:100%;height:100%;inset:0}.tech-ring{position:absolute;border-radius:50%;pointer-events:none}.ring-one{inset:13%;border:1px solid #0866f525;border-left:2px solid #0866f599;border-right:2px solid #0866f580;animation:spin 16s linear infinite;box-shadow:0 0 35px #0866f50a,inset 0 0 30px #0866f50a}.ring-one::before,.ring-one::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#087aff;top:50%;left:-4px;box-shadow:0 0 14px #087affaa}.ring-one::after{left:auto;right:-4px;background:#44bdff}.ring-two{inset:9%;border:1px dashed #176bc52b;animation:spin 40s linear infinite reverse}.core{position:absolute;left:50%;top:50%;width:28%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:28%;padding:1px;background:transparent;box-shadow:none;animation:floatCore 5s ease-in-out infinite;z-index:2}.core-inner{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6%;width:100%;height:100%;border-radius:inherit;background:transparent;overflow:hidden}.core img{width:58%;height:auto;mix-blend-mode:multiply}.core-inner>span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(5px,1.1cqw,8px);letter-spacing:2px;color:#3f5775}.satellite{position:absolute;display:flex;align-items:center;gap:8px;padding:12px 14px;background:transparent;border:1px solid transparent;border-radius:12px;box-shadow:none;backdrop-filter:none;font-size:12px;font-weight:500;z-index:3;animation:floatSatellite 5.5s ease-in-out infinite}.satellite svg{width:20px;height:20px;fill:none;stroke:var(--blue);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.satellite-finance{left:4%;top:28%;animation-delay:-2s}.satellite-people{right:2%;top:47%;animation-delay:-4s}.satellite-operations{left:23%;bottom:12%;animation-delay:-1s}.coordinate{position:absolute;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:1.6px;color:#5b83b4}.coordinate-top{top:4%;left:50%;transform:translateX(-50%);white-space:nowrap}.coordinate-bottom{bottom:3%;left:50%;transform:translateX(-50%);white-space:nowrap}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#657a96;min-height:0}.footer-note{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:1.4px}.paused *{animation-play-state:paused!important}.paused .orbital-stage{transform:none!important}.hero-copy,.features{animation:arrive .9s var(--ease) both}.features{animation-delay:.12s}
@keyframes spin{to{rotate:360deg}}@keyframes floatCore{50%{translate:0 -9px}}@keyframes floatSatellite{50%{translate:0 -12px}}@keyframes fieldFlow{to{transform:translate(-12vw,8vh) scale(1.15)}}@keyframes glowBreathe{50%{opacity:.55;scale:.92}}@keyframes statusPulse{50%{box-shadow:0 0 0 7px #0866f505}}@keyframes arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.page{grid-template-rows:76px minmax(0,1fr) 48px}.brand{width:156px}h1{font-size:clamp(39px,5.3vw,60px);letter-spacing:-3px}.hero{column-gap:1%}.features li{font-size:11px;gap:7px}.eyebrow{font-size:8px;letter-spacing:1.3px}.satellite{font-size:10px;padding:10px 11px;gap:6px}.satellite svg{width:17px;height:17px}}
@media(max-width:680px) and (orientation:portrait){.page{height:100svh;padding:env(safe-area-inset-top,0px) 22px env(safe-area-inset-bottom,0px);grid-template-rows:66px minmax(0,1fr) 42px}.brand{width:140px}.status{font-size:10px;padding:8px 11px;gap:7px}.hero{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"copy" "art" "features";padding:23px 0 14px;gap:8px}.content-column{display:contents}.hero-copy{align-self:auto;text-align:center;padding:0}.eyebrow{justify-content:center;font-size:7.5px;letter-spacing:1.35px;margin-bottom:14px}h1{font-size:clamp(34px,10.4vw,47px);letter-spacing:-2.1px;margin-bottom:13px;line-height:1.04}.description{font-size:13px;line-height:1.45}.description br{display:none}.hero-art{width:100%;height:100%;min-height:0}.orbital-stage{width:min(100cqw,100cqh)}.core-inner>span{font-size:5.5px;letter-spacing:1.1px}.coordinate{font-size:6px;letter-spacing:1.2px}.satellite{padding:9px 10px;font-size:9px;border-radius:10px;gap:5px}.satellite svg{width:16px;height:16px}.satellite-finance{left:3%;top:25%}.satellite-people{right:1%;top:47%}.satellite-operations{left:22%;bottom:10%}.features{width:100%;max-width:none}.features-intro{font-size:10px;text-align:center;margin-bottom:12px}.features ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px}.features li{flex-direction:column;text-align:center;justify-content:flex-start;gap:5px;font-size:11px;line-height:1.3;min-height:0}.features svg{width:17px;height:17px}.features li span{max-width:104px}.footer-note{display:none}.site-footer{font-size:9px}.ring-one{border-left-width:1.5px;border-right-width:1.5px}}
@media(max-width:680px) and (orientation:portrait) and (max-height:720px){.page{grid-template-rows:58px minmax(0,1fr) 40px;padding-left:18px;padding-right:18px}.brand{width:126px}.status{font-size:9px;padding:7px 9px}.hero{padding:15px 0 9px;gap:4px}.eyebrow{margin-bottom:9px;font-size:6.8px}h1{font-size:clamp(31px,9.8vw,39px);margin-bottom:8px;letter-spacing:-1.8px}.description{font-size:12px}.features-intro{font-size:9px;margin-bottom:9px}.features ul{gap:9px 7px}.features li{font-size:10px;gap:4px}.features svg{width:15px;height:15px}.coordinate{font-size:5px}.satellite{padding:7px 8px;font-size:8px;gap:4px}.satellite svg{width:14px;height:14px}.core-inner>span{font-size:4px;letter-spacing:.8px}}
@media(orientation:landscape) and (max-height:560px){.page{grid-template-rows:54px minmax(0,1fr) 34px;padding-left:30px;padding-right:30px}.brand{width:120px}.status{font-size:9px;padding:6px 10px}.hero{grid-template-columns:1.1fr 1fr;grid-template-rows:minmax(0,1fr);grid-template-areas:"content art";padding:12px 0;column-gap:15px}.hero-copy{padding-bottom:12px}.eyebrow{font-size:6.5px;letter-spacing:1.2px;margin-bottom:9px}h1{font-size:clamp(28px,4.6vw,45px);letter-spacing:-1.8px;margin-bottom:9px}.description{font-size:11px;line-height:1.4}.description br{display:none}.features-intro{font-size:8px;margin-bottom:6px}.features ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.features li{font-size:8px;line-height:1.2;gap:5px;min-height:25px}.features svg{width:13px;height:13px}.satellite{font-size:8px;padding:7px;gap:4px}.satellite svg{width:13px;height:13px}.coordinate{font-size:5px}.core-inner>span{font-size:4px;letter-spacing:.7px}.site-footer{font-size:8px}.footer-note{font-size:6px}}
@media(max-width:350px) and (orientation:portrait){.features li{font-size:10px}.features li span{max-width:82px}.hero{padding-top:12px}.status{font-size:8px}.eyebrow{letter-spacing:1px}h1{font-size:31px}.description{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.orbital-stage{transform:none!important}}
@media(max-height:350px){.page{height:auto;min-height:100svh}.hero{min-height:280px}}