body.system-page{--field:#0b0b0a;--field2:#050505;--accent:#c9a34b;--paperhero:#f3ecdb;--glow:rgba(201,163,75,.22)}body.system-search-radar{--field:#0b2730;--field2:#041015;--glow:rgba(91,180,197,.15)}body.system-distribution-radar{--field:#1b180f;--field2:#080704;--glow:rgba(210,168,79,.17)}body.system-operator{--field:#111923;--field2:#05080d;--glow:rgba(117,151,181,.13)}body.system-search-systems{--field:#152019;--field2:#060906;--glow:rgba(130,168,132,.11)}body.system-client-portals{--field:#1b161c;--field2:#080608;--glow:rgba(166,132,166,.12)}body.system-page .frame{background:radial-gradient(circle at 71% 18%,var(--field) 0,var(--field2) 32%,#030303 68%,#020202 100%)}body.system-page .grid{opacity:.92}body.system-page .hero{isolation:isolate;overflow:hidden}body.system-page .hero::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 28% 48%,var(--glow),transparent 32%),linear-gradient(115deg,rgba(255,255,255,.012),transparent 36%,rgba(201,163,75,.025) 64%,transparent)}body.system-page .hero::after{content:"";position:absolute;inset:10% 2% 9%;z-index:-1;pointer-events:none;border:1px solid rgba(201,163,75,.08);clip-path:polygon(7% 0,93% 0,100% 8%,100% 92%,93% 100%,7% 100%,0 92%,0 8%)}body.system-page .copy{background:linear-gradient(148deg,#fbf6e8 0,var(--paperhero) 58%,#e3d9c5 100%);box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 0 1px rgba(201,163,75,.12),inset 0 0 0 6px rgba(255,255,255,.45),inset 0 0 0 7px rgba(77,57,23,.38)}body.system-page .copy h1{text-shadow:0 1px 0 #fff}body.system-page .instrument{min-height:720px;filter:drop-shadow(0 28px 50px rgba(0,0,0,.46))}body.system-page .instrument::before{width:min(664px,48vw);border-color:rgba(244,241,233,.25);box-shadow:0 0 0 28px rgba(201,163,75,.012),0 0 0 70px rgba(244,241,233,.012),0 0 110px var(--glow);animation:instrumentBreath 7s ease-in-out infinite}body.system-page .instrument::after{width:min(548px,40vw);border-color:rgba(201,163,75,.54);animation:instrumentOrbit 44s linear infinite}body.system-page .glyph{width:min(625px,45vw);filter:drop-shadow(0 42px 68px rgba(0,0,0,.78))}body.system-page .glyph::before{inset:13%;background:radial-gradient(circle,var(--glow),transparent 66%);filter:blur(14px)}body.system-page .glyph::after{content:"";position:absolute;inset:4%;border-radius:50%;pointer-events:none;background:conic-gradient(from 12deg,transparent 0 303deg,rgba(241,238,229,.015) 318deg,rgba(241,238,229,.12) 336deg,rgba(201,163,75,.2) 344deg,transparent 360deg);mix-blend-mode:screen;opacity:.55;animation:instrumentSweep 15s linear infinite}body.system-page .glyph svg{position:relative;z-index:2;filter:drop-shadow(0 0 8px rgba(241,238,229,.055))}body.system-page .orbit-label{color:#c5aa6b;text-shadow:0 0 18px rgba(201,163,75,.22)}body.system-page .section{background:linear-gradient(180deg,color-mix(in srgb,var(--field2) 78%,#090909 22%),#020202 96%)}body.system-page .cap{background:linear-gradient(145deg,color-mix(in srgb,var(--field) 28%,#0b0b0a 72%),#050505)}body.system-page .cap:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(0,0,0,.25)}body.system-page .threshold>div{background:linear-gradient(145deg,color-mix(in srgb,var(--field) 18%,#0b0b0a 82%),#050505)}body.system-page .button{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}body.system-page .button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.24)}body.system-search-radar .instrument::before{box-shadow:0 0 0 28px rgba(201,163,75,.012),0 0 0 68px rgba(87,162,177,.018),0 0 120px rgba(80,172,188,.16)}body.system-search-radar .glyph::after{opacity:.78;background:conic-gradient(from 15deg,transparent 0 300deg,rgba(99,194,211,.02) 316deg,rgba(136,218,231,.18) 337deg,rgba(201,163,75,.26) 346deg,transparent 360deg)}body.system-distribution-radar .glyph svg{animation:distributionPulse 8s ease-in-out infinite}body.system-operator .glyph svg{animation:operatorNudge 6s ease-in-out infinite}body.system-search-systems .instrument::after{animation-duration:58s}body.system-client-portals .instrument::before{border-radius:0;transform:rotate(45deg) scale(.72);animation:portalBreath 8s ease-in-out infinite}body.system-client-portals .instrument::after{animation-duration:70s}.systems-overview .systems-hero{position:relative;isolation:isolate}.systems-overview .systems-hero::after{content:"";position:absolute;right:-1%;top:-8%;z-index:-1;width:min(520px,42vw);aspect-ratio:1;border-radius:50%;border:1px solid rgba(201,163,75,.1);box-shadow:0 0 0 44px rgba(241,238,229,.01),0 0 0 88px rgba(201,163,75,.008);background:radial-gradient(circle,rgba(201,163,75,.055) 0 2px,transparent 3px),conic-gradient(from 0deg,transparent,rgba(201,163,75,.05),transparent 18%,transparent 50%,rgba(241,238,229,.03),transparent 70%);opacity:.8}.systems-overview .system-card{box-shadow:0 20px 50px rgba(0,0,0,.14)}.systems-overview .system-card:hover{box-shadow:0 22px 52px rgba(0,0,0,.28)}@keyframes instrumentSweep{to{transform:rotate(360deg)}}@keyframes instrumentOrbit{to{transform:rotate(-360deg)}}@keyframes instrumentBreath{0%,100%{transform:scale(.985);opacity:.82}50%{transform:scale(1.015);opacity:1}}@keyframes distributionPulse{0%,100%{transform:scale(.992)}50%{transform:scale(1.008)}}@keyframes operatorNudge{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes portalBreath{0%,100%{transform:rotate(45deg) scale(.70);opacity:.72}50%{transform:rotate(45deg) scale(.74);opacity:.95}}@media(max-width:1080px){body.system-page .instrument{min-height:590px}body.system-page .glyph{width:min(590px,80vw)}body.system-page .instrument::before{width:min(620px,82vw)}body.system-page .instrument::after{width:min(510px,68vw)}}@media(max-width:680px){body.system-page .hero::after{inset:5px}body.system-page .instrument{min-height:420px}body.system-page .glyph{width:min(450px,94vw)}body.system-page .instrument::before{width:min(450px,90vw)}body.system-page .instrument::after{width:min(370px,74vw)}.systems-overview .systems-hero::after{width:80vw;right:-35vw;top:2%}}@media(prefers-reduced-motion:reduce){body.system-page .instrument::before,body.system-page .instrument::after,body.system-page .glyph::after,body.system-page .glyph svg{animation:none!important}}
