/* OAIQO™ Final System — single-build approved front-door composition RC2 */
:root{
  color-scheme:dark;
  --bg:#010205;--ink:#f7f3ea;--muted:#98999e;--gold:#e8c45c;--gold2:#fff0a5;
  --orbit:rgba(177,180,188,.30);--orbit-soft:rgba(177,180,188,.12);--glass:rgba(5,7,11,.46);
  --safe-t:max(12px,env(safe-area-inset-top));--safe-r:max(12px,env(safe-area-inset-right));
  --safe-b:max(12px,env(safe-area-inset-bottom));--safe-l:max(12px,env(safe-area-inset-left));
  --ease:cubic-bezier(.16,1,.3,1);--earth-scale:.56;--hero-scale:1;--hero-opacity:1;
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:auto}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:"Instrument Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}body{min-height:1000vh}button,a{font:inherit;color:inherit}button{cursor:pointer}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip{position:fixed;left:12px;top:-80px;z-index:400;background:#fff;color:#111;padding:10px 14px;border-radius:12px;text-decoration:none}.skip:focus{top:12px}

.frontdoor{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 52% 48%,#060912 0,#020409 44%,#010205 78%)}
#stars{position:absolute;inset:0;width:100%;height:100%;z-index:-20}.nebula{position:absolute;inset:-25%;z-index:-19;pointer-events:none;background:radial-gradient(circle at 14% 25%,rgba(106,75,190,.08),transparent 31%),radial-gradient(circle at 84% 70%,rgba(30,80,130,.055),transparent 34%);filter:blur(96px)}
.vignette{position:absolute;inset:0;z-index:70;pointer-events:none;background:radial-gradient(circle at 50% 49%,transparent 0 48%,rgba(0,0,0,.12) 69%,rgba(0,0,0,.70) 100%),linear-gradient(180deg,rgba(0,0,0,.31),transparent 20%,transparent 79%,rgba(0,0,0,.55))}.grain{position:absolute;inset:-15%;z-index:69;pointer-events:none;opacity:.018;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}

/* One restrained orbital system anchors the composition. It is cinematic, never labelled LIVE. */
.system-orbit{position:absolute;z-index:-9;left:50%;top:51%;width:min(1160px,86vw);height:min(610px,64vh);transform:translate(-50%,-50%) rotate(-11deg);pointer-events:none;opacity:.82;filter:drop-shadow(0 0 22px rgba(255,255,255,.02))}.orbit-line{position:absolute;inset:0;border:1px solid var(--orbit);border-radius:50%;box-shadow:inset 0 0 22px rgba(255,255,255,.012)}.orbit-line-b{inset:7% 4%;border-color:rgba(175,180,192,.105);transform:rotate(6deg)}.orbit-satellite{position:absolute;width:30px;height:14px;transform:translate(-50%,-50%) rotate(11deg);opacity:.54}.orbit-satellite:before,.orbit-satellite:after{content:"";position:absolute;top:4px;width:10px;height:6px;border:1px solid rgba(194,202,214,.46);background:linear-gradient(90deg,rgba(99,123,157,.15),rgba(191,208,232,.28),rgba(99,123,157,.12))}.orbit-satellite:before{left:0}.orbit-satellite:after{right:0}.orbit-satellite span{position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:2px;background:#9fa5ac;box-shadow:0 0 8px rgba(180,200,220,.25)}.orbit-satellite-a{left:10%;top:68%;animation:orbitBreathA 14s ease-in-out infinite}.orbit-satellite-b{left:72%;top:7%;transform:translate(-50%,-50%) rotate(-18deg) scale(.82);animation:orbitBreathB 17s ease-in-out infinite}.orbit-satellite-c{left:93%;top:57%;transform:translate(-50%,-50%) rotate(28deg) scale(.67);opacity:.38;animation:orbitBreathC 20s ease-in-out infinite}@keyframes orbitBreathA{50%{transform:translate(-50%,-52%) rotate(11deg)}}@keyframes orbitBreathB{50%{transform:translate(-52%,-50%) rotate(-18deg) scale(.82)}}@keyframes orbitBreathC{50%{transform:translate(-48%,-52%) rotate(28deg) scale(.67)}}

/* Exact canonical vector — never text-rebuilt. */
.brand-hero,.brand-dock{position:fixed;z-index:108;left:50%;display:flex;align-items:center;justify-content:center;line-height:0;pointer-events:none}.brand-hero{top:23%;width:min(840px,78vw);height:150px;transform:translate(-50%,-50%) scale(var(--hero-scale));opacity:var(--hero-opacity);will-change:top,transform,opacity}.brand-dock{top:calc(var(--safe-t) + 5px);width:min(190px,34vw);height:42px;transform:translateX(-50%);opacity:0;transition:opacity .18s linear;pointer-events:auto}.brand-hero img,.brand-dock img,.menu-brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 20px rgba(232,196,92,.18))}.q-glow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;filter:drop-shadow(0 0 3px rgba(255,247,201,.9)) drop-shadow(0 0 10px rgba(235,194,66,.62));animation:qStandby 3.8s ease-in-out infinite}@keyframes qStandby{0%,100%{opacity:.28}44%{opacity:.52}54%{opacity:.92}66%{opacity:.42}}

/* Floating round utilities: search / language / account / menu. */
.utility-rail{position:fixed;z-index:145;right:calc(var(--safe-r) + clamp(4px,1.7vw,20px));top:calc(var(--safe-t) + 4px);display:flex;align-items:center;gap:8px}.utility-button{position:relative;width:43px;height:43px;min-width:43px;padding:0;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:rgba(5,7,11,.40);backdrop-filter:blur(18px) saturate(130%);display:grid;place-items:center;text-decoration:none;color:#b7b7bb;transition:transform .22s var(--ease),border-color .22s,background .22s,color .22s}.utility-button:hover,.utility-button:focus-visible{transform:translateY(-2px);border-color:rgba(232,196,92,.28);background:rgba(13,15,20,.68);color:#f4e4a0;outline:none}.utility-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.language b{position:absolute;right:-3px;bottom:-3px;min-width:20px;height:18px;padding:0 4px;border-radius:999px;border:1px solid rgba(232,196,92,.22);background:#07090d;color:#ead275;font-size:.48rem;line-height:16px;text-align:center}.utility-menu{position:relative}.utility-menu summary{list-style:none}.utility-menu summary::-webkit-details-marker{display:none}.utility-menu-panel{position:absolute;right:0;top:54px;width:min(286px,calc(100vw - 24px));padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(5,7,11,.90);backdrop-filter:blur(30px) saturate(140%);box-shadow:0 30px 90px rgba(0,0,0,.52)}.menu-brand{width:145px;margin:7px 8px 13px}.utility-menu-panel>a,.utility-menu-panel>.sound{width:100%;min-height:43px;padding:0 11px;border:0;border-radius:12px;background:transparent;color:#c9c6c0;text-decoration:none;display:flex;align-items:center;justify-content:space-between;font-size:.76rem}.utility-menu-panel>a:hover,.utility-menu-panel>.sound:hover{background:rgba(255,255,255,.05);color:#fff}.sound{cursor:pointer}.sound i{width:6px;height:6px;border-radius:50%;background:#686b71}.sound[data-on="true"] i{background:#edcf6a;box-shadow:0 0 10px rgba(237,207,106,.62)}

/* Celestial layer */
.sun,.moon{position:absolute;border-radius:50%;pointer-events:none;will-change:left,top,opacity,transform}.sun{z-index:-4;left:88%;top:10.5%;width:clamp(68px,7vw,116px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle at 42% 38%,#fffde9 0 2%,#fff3aa 7%,#ffd64e 22%,#ff9d27 49%,#9b2b08 76%,#210600 100%);box-shadow:0 0 15px #ffd75a,0 0 54px rgba(255,157,28,.48),0 0 126px rgba(255,112,14,.17);opacity:.98}.sun:after{content:"";position:absolute;inset:-62%;border-radius:50%;background:radial-gradient(circle,rgba(255,225,125,.12),rgba(255,132,34,.04) 39%,transparent 70%);filter:blur(14px)}.moon{z-index:-4;left:88%;top:68%;width:clamp(26px,2.7vw,43px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 31%,#f4f0e5,#a6a69d 36%,#444653 70%,#141723);box-shadow:inset -9px -3px 13px rgba(0,0,0,.67),0 0 18px rgba(164,192,255,.12);opacity:.72;overflow:hidden}.moon-shadow{position:absolute;inset:-5%;border-radius:50%;background:#06070b;opacity:.72;transform:translateX(var(--moon-shadow-x,36%)) scaleX(var(--moon-shadow-scale,.66));filter:blur(.5px)}
.earth-wrap{position:absolute;z-index:-5;left:68%;top:63%;width:min(74vmin,840px);height:min(74vmin,840px);transform:translate(-50%,-50%) scale(var(--earth-scale));transform-origin:center;pointer-events:none;will-change:transform,left,top;filter:drop-shadow(0 38px 88px rgba(0,0,0,.50))}.earth-wrap:before{content:"";position:absolute;inset:-5%;border-radius:50%;background:radial-gradient(circle,transparent 57%,rgba(76,145,255,.06) 63%,transparent 73%);filter:blur(15px);pointer-events:none}.earth-fallback{position:absolute;inset:2.8%;border-radius:50%;overflow:hidden;background-image:linear-gradient(108deg,rgba(0,0,0,.68),transparent 45%,rgba(0,0,0,.62)),url('https://eoimages.gsfc.nasa.gov/images/imagerecords/74000/74218/world.200412.3x21600x10800.jpg');background-size:auto 100%;background-position:48% center;box-shadow:inset 10px 0 22px rgba(88,191,255,.16),inset -28px 0 42px rgba(0,0,0,.78),0 0 24px rgba(73,186,255,.18)}#earth{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;clip-path:circle(49.4% at 50% 50%);background:transparent}.webgl-ready .earth-fallback{opacity:0;transition:opacity .55s ease}.earth-ring{position:absolute;inset:0;border:1px solid rgba(124,150,187,.07);border-radius:50%;transform:scale(1.035)}.earth-ring.r2{transform:scale(1.075);border-color:rgba(232,196,92,.04)}
.country-marker,.world-object,.sat-marker{position:fixed;z-index:45;left:0;top:0;pointer-events:none;transform:translate(-50%,-50%);opacity:0;will-change:transform,opacity}.country-marker{display:grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border-radius:999px;border:1px solid rgba(255,235,159,.58);background:radial-gradient(circle at 50% 45%,rgba(240,201,74,.20),rgba(4,6,10,.86));box-shadow:0 0 0 5px rgba(226,188,62,.04),0 0 20px rgba(229,190,61,.32);font-size:13px}.country-marker[data-dot="true"]{width:9px;min-width:9px;height:9px;padding:0;font-size:0}.country-marker:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(255,224,125,.18);border-radius:50%;animation:countryPulse 2.4s ease-out infinite}@keyframes countryPulse{0%{transform:scale(.55);opacity:.55}100%{transform:scale(1.9);opacity:0}}.sat-marker{display:flex;align-items:center;gap:5px;color:#c7dded;font:700 .40rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;text-shadow:0 2px 8px #000}.sat-marker i{width:6px;height:6px;border-radius:1px;background:#75c9ff;box-shadow:0 0 10px rgba(90,195,255,.55)}.world-object{display:flex;align-items:center;gap:5px;max-width:160px;color:#d8d0bd;font:700 .42rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.055em;text-transform:uppercase;text-shadow:0 2px 8px #000}.world-object i{width:6px;height:6px;border-radius:50%;background:#d7b950;box-shadow:0 0 10px rgba(215,185,80,.45)}.world-object[data-kind="cargo_aircraft"] i{border-radius:2px;background:#c8e2ff}.world-object[data-kind*="vessel"] i{border-radius:1px;width:8px;height:4px;background:#75c5e5}
.asteroid-field{position:absolute;inset:0;z-index:-11;pointer-events:none;overflow:hidden}.asteroid{position:absolute;width:2px;height:2px;border-radius:50%;background:#c8c2b5;box-shadow:0 0 4px rgba(210,204,190,.28);opacity:.09;animation:asteroidDrift var(--dur) linear infinite var(--delay)}@keyframes asteroidDrift{from{transform:translate3d(-8vw,-4vh,0)}to{transform:translate3d(112vw,38vh,0)}}

/* Cinematic text is the foreground; scenery stays subordinate. */
.cinema{position:absolute;inset:0;z-index:25;pointer-events:none}.act{position:absolute;inset:0;display:grid;place-items:center;padding:108px clamp(18px,5vw,80px) 122px;opacity:0;filter:blur(9px);will-change:opacity,filter}.act-inner{text-align:center;width:min(1100px,92vw);text-shadow:0 18px 58px rgba(0,0,0,.86)}.eyebrow{color:var(--gold);font-size:clamp(.56rem,.72vw,.72rem);font-weight:760;letter-spacing:.27em;text-transform:uppercase;margin-bottom:17px}.act h1,.act h2{margin:0;line-height:.88;letter-spacing:-.052em;font-weight:600;text-transform:uppercase}.act h1{font-size:clamp(4rem,8.5vw,9.3rem)}.act h2{font-size:clamp(3.45rem,7.7vw,8.25rem)}.motion-line{display:block;will-change:transform,letter-spacing;backface-visibility:hidden}.gold{color:#edca64}.act[data-act="global"] h2{font-size:clamp(2.3rem,4.8vw,5.1rem);color:#ead275;text-shadow:0 0 26px rgba(225,187,71,.13),0 14px 45px #000}.act[data-act="global"] .motion-line{display:inline-block;padding:.07em .18em;background:linear-gradient(90deg,transparent,rgba(15,14,11,.20),transparent)}.act[data-act="enter"]{pointer-events:auto}.enter-actions{margin-top:30px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;opacity:0;transform:translateY(10px);transition:opacity .2s linear,transform .2s linear}.enter-actions.show{opacity:1;transform:none}.primary{min-height:48px;padding:0 20px;border-radius:999px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:840;letter-spacing:.02em;border:1px solid rgba(255,238,163,.22);background:linear-gradient(135deg,#fff0aa,#c99b31);color:#191306;box-shadow:0 14px 38px rgba(195,147,30,.16)}

/* Location/privacy is a single quiet bar, not a diagnostic HUD. */
.privacy-location{position:fixed;z-index:130;left:50%;bottom:calc(var(--safe-b) + 2px);transform:translateX(-50%);min-height:42px;max-width:calc(100vw - 26px);padding:5px 7px 5px 12px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:rgba(4,6,10,.54);backdrop-filter:blur(20px) saturate(125%);display:flex;align-items:center;gap:9px;box-shadow:0 15px 44px rgba(0,0,0,.22)}.privacy-status{display:flex;align-items:center;gap:7px;min-width:0;color:#9d9da2;font-size:.62rem;white-space:nowrap}.privacy-status i{width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:#73859e;box-shadow:0 0 8px rgba(102,140,195,.35)}.privacy-location button,.privacy-location a{min-height:30px;border-radius:999px;padding:0 10px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);color:#d0cbc1;text-decoration:none;display:inline-flex;align-items:center;font-size:.58rem;font-weight:780}.privacy-location button:hover,.privacy-location a:hover{border-color:rgba(232,196,92,.20);color:#f3df97}.privacy-location button:disabled{opacity:.72;cursor:default}.truth-data{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.scroll-cue{position:fixed;z-index:99;left:50%;bottom:calc(var(--safe-b) + 58px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;color:#6f6e71;font-size:.50rem;letter-spacing:.18em;text-transform:uppercase;pointer-events:none}.scroll-cue i{width:1px;height:28px;background:linear-gradient(var(--gold),transparent);animation:cue 1.9s ease-in-out infinite}@keyframes cue{0%,100%{transform:scaleY(.38);opacity:.28;transform-origin:top}50%{transform:scaleY(1);opacity:.78}}.progress{position:fixed;z-index:98;right:3px;top:24%;width:1px;height:52%;background:rgba(255,255,255,.055)}.progress i{display:block;width:1px;height:0;background:linear-gradient(#a6a8ae,var(--gold));box-shadow:0 0 8px rgba(232,196,92,.24)}

.lang-panel{position:fixed;z-index:180;right:calc(var(--safe-r) + 58px);top:calc(var(--safe-t) + 58px);width:min(330px,calc(100vw - 24px));padding:12px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(5,8,13,.91);backdrop-filter:blur(26px) saturate(140%);box-shadow:0 26px 74px rgba(0,0,0,.52);opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:.22s var(--ease)}.lang-panel.open{opacity:1;transform:none;pointer-events:auto}.lang-panel header{padding:5px 7px 9px}.lang-panel h2{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;margin:0;color:#ddd6c8}.lang-panel button{width:100%;border:0;background:transparent;text-align:left;padding:11px 10px;border-radius:12px;color:#c9c3b8;display:flex;justify-content:space-between}.lang-panel button:hover,.lang-panel button[aria-current="true"]{background:rgba(255,255,255,.05);color:#fff}.lang-panel small{color:#7e7a73}.legal{position:fixed;z-index:96;left:50%;bottom:calc(var(--safe-b) + 54px);transform:translateX(-50%);display:flex;gap:12px;opacity:0;pointer-events:none;transition:opacity .2s linear}.legal.show{opacity:.66;pointer-events:auto}.legal a{color:#77736b;font-size:.60rem;text-decoration:none}.legal a:hover{color:#d6d0c4}

@media(max-width:900px){body{min-height:940vh}.system-orbit{width:108vw;height:55vh;top:52%;opacity:.66}.brand-hero{top:22%;width:82vw}.brand-dock{top:calc(var(--safe-t) + 3px);width:min(158px,38vw)}.utility-rail{gap:6px}.utility-button{width:40px;height:40px;min-width:40px}.sun{width:clamp(54px,14vw,82px)}.moon{width:32px}.earth-wrap{left:68%;top:66%;width:min(94vmin,740px);height:min(94vmin,740px)}.act{padding:96px 16px 124px}.act h1{font-size:clamp(3.1rem,15vw,5.8rem)}.act h2{font-size:clamp(2.85rem,13.7vw,5.2rem)}.scroll-cue{bottom:calc(var(--safe-b) + 58px);font-size:.42rem}.sat-marker,.world-object{font-size:.35rem}}
@media(max-width:620px){body{min-height:920vh}.brand-hero{top:20%;width:86vw;height:110px}.brand-dock{left:var(--safe-l);transform:none;width:150px}.utility-rail{right:calc(var(--safe-r) + 2px);top:calc(var(--safe-t) + 1px)}.utility-button{width:38px;height:38px;min-width:38px}.utility-button svg{width:16px;height:16px}.system-orbit{width:126vw;height:50vh;top:51%;transform:translate(-50%,-50%) rotate(-16deg);opacity:.53}.orbit-satellite{transform:translate(-50%,-50%) rotate(16deg) scale(.72)}.earth-wrap{left:67%;top:68%;width:103vmin;height:103vmin}.act{padding:86px 14px 132px}.act h1{font-size:clamp(2.9rem,15.7vw,4.7rem)}.act h2{font-size:clamp(2.65rem,14.4vw,4.45rem)}.act[data-act="global"] h2{font-size:clamp(1.65rem,8vw,2.5rem)}.eyebrow{font-size:.50rem}.privacy-location{left:var(--safe-l);right:var(--safe-r);transform:none;max-width:none;justify-content:space-between;padding-left:10px;gap:5px}.privacy-status{flex:1;font-size:.53rem;overflow:hidden}.privacy-status span{overflow:hidden;text-overflow:ellipsis}.privacy-location button,.privacy-location a{padding:0 8px;font-size:.52rem}.scroll-cue{bottom:calc(var(--safe-b) + 56px)}.scroll-cue span{display:none}.legal{display:none}.lang-panel{right:var(--safe-r);top:calc(var(--safe-t) + 52px)}.orbit-satellite-c{display:none}}
@media(max-width:430px){.brand-dock{width:132px}.utility-rail{gap:4px}.utility-button{width:35px;height:35px;min-width:35px}.utility-button svg{width:15px;height:15px}.language b{font-size:.42rem;min-width:18px;height:16px;line-height:14px}.privacy-status{font-size:.49rem}.privacy-location button{max-width:100px;white-space:normal;text-align:center;line-height:1.05}.privacy-location a{display:none}.earth-wrap{left:68%;width:110vmin;height:110vmin}.act h1{font-size:clamp(2.7rem,15.4vw,4rem)}.act h2{font-size:clamp(2.45rem,14.2vw,3.75rem)}}
@media(prefers-reduced-motion:reduce){.q-glow,.country-marker:after,.asteroid,.scroll-cue i,.orbit-satellite{animation:none!important}.nebula,.asteroid-field{display:none}.brand-hero,.earth-wrap,.motion-line{will-change:auto}.system-orbit{opacity:.45}}