:root{--webkit-gold:#d8aa4f;--webkit-gold-hi:#ffe8a7;--webkit-glass:rgba(7,8,10,.48)}
.webkit-topbar{position:fixed;z-index:190;top:max(14px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));height:58px;display:grid;grid-template-columns:130px 1fr auto;align-items:center;padding:0 12px 0 16px;border:1px solid rgba(224,177,91,.18);border-radius:16px;background:linear-gradient(180deg,rgba(10,11,12,.5),rgba(4,5,6,.28));box-shadow:inset 0 1px rgba(255,234,173,.04),0 18px 54px rgba(0,0,0,.18);backdrop-filter:blur(20px) saturate(120%)}
.webkit-mini-brand{width:66px;display:flex;align-items:center}.webkit-mini-brand img{width:100%;display:block;filter:brightness(0) saturate(100%) invert(82%) sepia(37%) saturate(1030%) hue-rotate(348deg) brightness(101%) contrast(94%) drop-shadow(0 0 8px rgba(235,187,89,.2))}
.webkit-nav{justify-self:center;display:flex;align-items:center;gap:clamp(24px,3vw,52px)}.webkit-nav a{position:relative;color:#d3bf95;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.webkit-nav a:first-child{color:#ffe5a5}.webkit-nav a:first-child:after{content:"";position:absolute;left:50%;bottom:-10px;width:3px;height:3px;border-radius:50%;background:#eac46c;box-shadow:0 0 10px rgba(234,196,108,.72)}
.webkit-tools{display:flex;align-items:center;gap:14px;color:#cdb67f}.webkit-tools time{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#858077;padding-right:13px;border-right:1px solid rgba(224,177,91,.11)}.webkit-tools button{border:0;background:transparent;color:#ccb47e;font-size:10px;letter-spacing:.12em;cursor:pointer}.webkit-tools>a{height:36px;min-width:96px;padding:0 18px;display:grid;place-items:center;border:1px solid rgba(231,187,97,.46);border-radius:999px;color:#f0d69a;font-size:10px;text-transform:uppercase;letter-spacing:.14em;transition:.25s}.webkit-tools>a:hover,.webkit-tools>a:focus-visible{border-color:#e0ae52;background:rgba(221,165,57,.08);box-shadow:0 0 28px rgba(220,160,49,.14)}
.utility-rail{display:none!important}
.brand-hero{z-index:160!important;top:18.2%!important;width:min(650px,46vw)!important;height:auto!important;aspect-ratio:3650.39/908.29;transform:translate(-50%,-50%) scale(var(--hero-scale));filter:drop-shadow(0 10px 20px rgba(0,0,0,.65))}.brand-hero .brand-master{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:brightness(0) saturate(100%) invert(61%) sepia(53%) saturate(820%) hue-rotate(357deg) brightness(91%) contrast(96%) drop-shadow(0 0 7px rgba(255,224,147,.22))}.brand-gold-sheen{position:absolute;inset:0;background:linear-gradient(105deg,rgba(89,53,15,.68) 2%,rgba(216,156,58,.9) 25%,rgba(255,235,171,.98) 44%,rgba(183,116,31,.82) 61%,rgba(255,219,119,.95) 78%,rgba(103,61,17,.72) 98%);-webkit-mask:url('/assets/OAIQO_ALIGNED_CANONICAL_MASTER.svg') center/100% 100% no-repeat;mask:url('/assets/OAIQO_ALIGNED_CANONICAL_MASTER.svg') center/100% 100% no-repeat;mix-blend-mode:screen;opacity:.82;animation:webkitGoldBreath 7s ease-in-out infinite}.brand-q-overlay{position:absolute;left:72.045%;top:69.8%;width:3.29%!important;height:14.3%!important;object-fit:fill;filter:brightness(2.35) saturate(.55) sepia(.75) hue-rotate(342deg) drop-shadow(0 0 7px rgba(252,216,116,.92)) drop-shadow(0 0 15px rgba(92,119,255,.28));mix-blend-mode:screen;opacity:.82;animation:webkitQ 3.8s ease-in-out infinite}
.webkit-hero-copy{position:fixed;z-index:161;top:25.3%;left:50%;transform:translateX(-50%);color:#d4a54b;font-size:clamp(9px,.8vw,12px);text-transform:uppercase;letter-spacing:.43em;white-space:nowrap;text-shadow:0 0 18px rgba(213,151,42,.16);pointer-events:none;transition:opacity .25s linear}
.webkit-entry{position:fixed;z-index:165;left:50%;top:59.5%;width:min(410px,80vw);transform:translateX(-50%);text-align:center;transition:opacity .22s linear,transform .22s linear}.webkit-target{position:relative;width:46px;height:46px;margin:0 auto 58px;border:1px solid rgba(227,180,85,.2);border-radius:50%;box-shadow:inset 0 0 0 9px rgba(220,166,65,.018)}.webkit-target:before,.webkit-target:after{content:"";position:absolute;left:50%;top:50%;background:rgba(230,182,84,.3);transform:translate(-50%,-50%)}.webkit-target:before{width:1px;height:88px}.webkit-target:after{height:1px;width:88px}.webkit-target i,.webkit-target b{position:absolute;border:1px solid rgba(232,185,92,.34);border-radius:50%}.webkit-target i{inset:8px}.webkit-target b{inset:15px;border-color:rgba(255,216,125,.58)}.webkit-target span{position:absolute;left:50%;top:50%;width:6px;height:6px;border:1px solid #efbd5e;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px rgba(238,182,75,.68)}
.webkit-enter{height:50px;width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 22px 0 32px;border:1px solid rgba(237,190,90,.88);border-radius:999px;background:linear-gradient(180deg,rgba(45,32,11,.18),rgba(4,5,6,.72));box-shadow:0 0 0 1px rgba(0,0,0,.78),0 0 28px rgba(213,151,44,.1),inset 0 0 24px rgba(220,165,57,.035);color:#f0cf87;text-transform:uppercase;letter-spacing:.24em;font-size:10px}.webkit-enter>b{font-size:20px;font-weight:300;color:#dba950}.webkit-enter:hover,.webkit-enter:focus-visible{background:linear-gradient(180deg,rgba(67,47,14,.28),rgba(6,7,8,.76));box-shadow:0 0 38px rgba(220,163,52,.16)}.webkit-entry small{display:block;margin-top:15px;color:#79756e;font-size:8px;text-transform:uppercase;letter-spacing:.29em}
.webkit-status{position:fixed;z-index:170;left:50%;bottom:max(46px,calc(env(safe-area-inset-bottom) + 42px));transform:translateX(-50%);width:min(1110px,calc(100vw - 96px));display:grid;grid-template-columns:repeat(3,1fr);gap:13px;transition:opacity .22s linear}.webkit-status>button,.webkit-status>a,.webkit-status>div{min-height:100px;display:grid;grid-template-columns:50px 1fr;align-items:center;gap:14px;padding:15px 18px;border:1px solid rgba(195,154,82,.16);border-radius:13px;background:linear-gradient(180deg,rgba(6,8,10,.55),rgba(3,4,5,.77));backdrop-filter:blur(18px) saturate(115%);box-shadow:inset 0 1px rgba(255,231,170,.025),0 14px 38px rgba(0,0,0,.16);color:inherit;text-align:left}.webkit-status>button{cursor:pointer}.webkit-status>button:hover,.webkit-status>a:hover{border-color:rgba(218,173,86,.3)}.webkit-status>*>i{position:relative;width:48px;height:48px;border:1px solid rgba(224,171,68,.54);border-radius:50%;box-shadow:0 0 18px rgba(212,150,38,.1),inset 0 0 19px rgba(228,169,51,.05)}.webkit-status span{min-width:0;display:flex;flex-direction:column;gap:5px}.webkit-status small{color:#9f9686;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.webkit-status b{overflow:hidden;text-overflow:ellipsis;color:#d9d5cd;font-size:10px;font-weight:500;white-space:nowrap}.webkit-status em{color:#777970;font-size:8px;font-style:normal}.webkit-status em.ok{color:#969b8c}.webkit-status em.ok::first-letter{color:#45c875}.webkit-status .pin:before{content:"";position:absolute;left:50%;top:12px;width:13px;height:17px;border:1.7px solid #edbb5b;border-radius:50%;transform:translateX(-50%)}.webkit-status .pin:after{content:"";position:absolute;left:50%;top:17px;width:3px;height:3px;border:1px solid #edbb5b;border-radius:50%;transform:translateX(-50%)}.webkit-status .shield:before{content:"";position:absolute;left:14px;top:11px;width:18px;height:22px;border:1.5px solid #edbb5b;clip-path:polygon(50% 0,100% 18%,91% 78%,50% 100%,9% 78%,0 18%)}.webkit-status .globe:before{content:"";position:absolute;left:12px;top:12px;width:22px;height:22px;border:1.3px solid #edbb5b;border-radius:50%;background:linear-gradient(90deg,transparent 47%,#edbb5b 48% 52%,transparent 53%)}
.privacy-location{position:fixed!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;opacity:0!important;pointer-events:none!important}.scroll-cue{bottom:14px!important;z-index:171!important}.scroll-cue span{font-size:7px!important;letter-spacing:.35em!important}.progress{z-index:172!important}
.frontdoor{background:radial-gradient(circle at 50% 42%,rgba(114,80,23,.06),transparent 30%),radial-gradient(circle at 50% 50%,#05080e 0,#020409 43%,#010205 78%)!important}.nebula{opacity:.72}.earth-wrap{z-index:2!important}.sun{z-index:4!important}.moon{z-index:3!important}.cinema{z-index:120!important}.capability-constellation{z-index:126!important}.act{padding-top:138px!important;padding-bottom:138px!important}
@keyframes webkitGoldBreath{0%,100%{opacity:.52;filter:brightness(.98)}50%{opacity:.68;filter:brightness(1.1)}}@keyframes webkitQ{0%,100%{opacity:.62}44%{opacity:.88}55%{opacity:.96}68%{opacity:.7}}
@media(max-width:1100px){.webkit-topbar{grid-template-columns:90px 1fr auto}.webkit-nav{gap:20px}.webkit-nav a{font-size:9px}.webkit-tools time{display:none}.brand-hero{width:min(610px,56vw)!important;top:19%!important}.webkit-status{width:calc(100vw - 52px)}}
@media(max-width:820px){.webkit-topbar{left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));height:54px;grid-template-columns:1fr auto}.webkit-nav{display:none}.webkit-mini-brand{width:58px}.webkit-tools button{display:none}.webkit-tools>a{height:34px;min-width:84px;padding:0 14px;font-size:9px}.brand-hero{top:18.5%!important;width:min(70vw,520px)!important}.webkit-hero-copy{top:25.5%;font-size:8px;letter-spacing:.3em}.webkit-entry{top:57.5%;width:min(370px,80vw)}.webkit-target{margin-bottom:48px}.webkit-enter{height:46px;font-size:9px}.webkit-status{bottom:max(42px,calc(env(safe-area-inset-bottom) + 38px));width:calc(100vw - 24px);gap:7px}.webkit-status>button,.webkit-status>a,.webkit-status>div{min-height:82px;grid-template-columns:36px 1fr;gap:8px;padding:10px 9px}.webkit-status>*>i{width:34px;height:34px}.webkit-status small{font-size:6.5px}.webkit-status b{font-size:8px}.webkit-status em{font-size:6.5px}.webkit-status .pin:before{top:8px;transform:translateX(-50%) scale(.72)}.webkit-status .pin:after{top:12px;transform:translateX(-50%) scale(.72)}.webkit-status .shield:before{left:8px;top:5px;transform:scale(.72)}.webkit-status .globe:before{left:6px;top:6px;transform:scale(.72)}}
@media(max-width:520px){.webkit-topbar{top:max(8px,env(safe-area-inset-top));height:50px;border-radius:13px;padding-left:12px}.webkit-mini-brand{width:52px}.webkit-tools>a{height:32px;min-width:76px}.brand-hero{top:17.7%!important;width:78vw!important}.webkit-hero-copy{top:24.2%;font-size:7px;letter-spacing:.22em}.webkit-entry{top:55.5%;width:82vw}.webkit-target{width:38px;height:38px;margin-bottom:38px}.webkit-target:before{height:70px}.webkit-target:after{width:70px}.webkit-enter{height:44px;padding:0 16px 0 22px;letter-spacing:.18em;font-size:8px}.webkit-entry small{margin-top:10px;font-size:6px;letter-spacing:.2em}.webkit-status{bottom:max(40px,calc(env(safe-area-inset-bottom) + 36px));width:calc(100vw - 14px);gap:5px}.webkit-status>button,.webkit-status>a,.webkit-status>div{min-height:66px;display:flex;gap:6px;padding:7px 5px}.webkit-status>*>i{flex:0 0 29px;width:29px;height:29px}.webkit-status b{display:none}.webkit-status small,.webkit-status em{font-size:5.8px}.scroll-cue{bottom:8px!important}}
@media(orientation:landscape) and (max-height:520px){.webkit-topbar{top:7px;height:46px}.brand-hero{top:16%!important;width:min(42vw,360px)!important}.webkit-hero-copy{top:25%;font-size:6px}.webkit-entry{top:49%;width:320px}.webkit-target{display:none}.webkit-enter{height:38px;font-size:7px}.webkit-entry small{margin-top:6px}.webkit-status{bottom:18px;width:calc(100vw - 28px);gap:7px}.webkit-status>button,.webkit-status>a,.webkit-status>div{min-height:54px;padding:6px 9px}.webkit-status>*>i{width:30px;height:30px}.scroll-cue{display:none!important}}
@media(prefers-reduced-motion:reduce){.brand-gold-sheen,.brand-q-overlay{animation:none!important}.webkit-enter{transition:none}}

.earth-fallback{background-image:linear-gradient(108deg,rgba(0,0,0,.42),transparent 44%,rgba(0,0,0,.48)),url('/assets/earth-day.jpg')!important;background-size:auto 100%!important;background-position:50% center!important}