/* GHOSTvpn APEX — original cinematic interaction layer.
   Pure CSS: no external shaders, trackers, requests or heavy rendering libraries. */
:root{--apex-ice:#b6f9ff;--apex-aqua:#6ce4e0;--apex-electric:#45a9ff;--apex-iris:#b7a4ff;--apex-bg:#030810;--apex-dim:#92b7c9}
body{background:radial-gradient(ellipse at 80% -15%,#173b6155,transparent 42%),radial-gradient(ellipse at 2% 33%,#36155729,transparent 48%),var(--apex-bg)}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.35;background-image:radial-gradient(#b4f7ff9c .6px,transparent 1px),radial-gradient(#b4f7ff38 .55px,transparent 1px);background-size:113px 117px,67px 71px;background-position:0 0,13px 29px}
.app-shell{grid-template-columns:250px minmax(0,1fr)}
.sidebar{background:linear-gradient(170deg,#091a29fa,#040a14fa 70%);border-right:1px solid #396f8159;box-shadow:6px 0 44px #0003}
.brand{position:relative}.brand:after{content:"APEX";position:absolute;right:3px;top:-10px;color:#9ed9e8;font:800 8px ui-monospace,monospace;letter-spacing:.2em;border:1px solid #5db6bf70;border-radius:4px;padding:1px 6px;background:#0c3540}
.brand strong{letter-spacing:-.09em;font-size:22px}.brand img{box-shadow:0 0 34px #4ee8ff29;border:1px solid #4d93ad6e}
.side-nav a{position:relative;border-radius:11px;font-weight:640;transition:background .22s,transform .22s}
.side-nav a:hover{transform:translateX(3px);background:#16465b7d}
.side-nav a.active{border-color:#6be9e8a6;background:linear-gradient(105deg,#1d5562b0,#0e2940c9);color:#edffff;box-shadow:inset 3px 0 #77f7ef,0 0 22px #49cbd30c}
.side-nav a.active .nav-icon{color:#bffaff}
.main-column{background:linear-gradient(140deg,#091a2719,transparent 43%)}
.topbar{background:#071220de;border-color:#39687969;backdrop-filter:blur(23px)}
.topbar-crest{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #88dbe478;border-radius:7px;color:#b9f9ff;box-shadow:0 0 15px #36d6dd18}
.header-status{color:#ffccad}.header-status i{background:#f0b17d}
main{max-width:1650px}
.connection-center{border-radius:26px;border:1px solid #408c9b8c;background:linear-gradient(137deg,#081b2a 3%,#06101e 58%,#0b0c1e);box-shadow:0 38px 120px #0009,0 0 0 1px #8ceaf911,inset 0 1px #d1f6ff23}
.connection-center:before{background:linear-gradient(115deg,#4af2ef0b,transparent 49%),repeating-linear-gradient(90deg,transparent 0 70px,#92eafa05 71px 72px)}
.apex-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.apex-atmosphere:after{content:"";position:absolute;width:950px;height:500px;right:-230px;top:-150px;background:radial-gradient(ellipse,#245f9b35,transparent 68%);filter:blur(10px)}
.apex-beam{position:absolute;width:1px;height:190%;left:26%;top:-40%;background:linear-gradient(180deg,transparent,#7bdfff18,transparent);transform:rotate(30deg)}
.apex-beam.b2{left:60%;transform:rotate(37deg);opacity:.4}.apex-beam.b3{left:81%;transform:rotate(22deg);opacity:.3}
.experience-topline{background:#0a1c2a9e;border-color:#3c7d8c7d;font-size:9px;color:#c6eef5}
.experience-revision{border:1px solid #d9aa7957;background:#573f3224;color:#fed4ac;border-radius:5px;padding:5px 9px}
.apex-masthead{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:293px;padding:43px clamp(27px,4.1vw,66px) 29px;background:radial-gradient(ellipse at 75% 55%,#15567935,transparent 48%);overflow:hidden;border-bottom:1px solid #3b65777a}
.apex-masthead-copy{position:relative;z-index:2}
.apex-pretitle{display:block;color:#89d7e1;letter-spacing:.18em;font:750 10px/1.5 ui-monospace,monospace;text-transform:uppercase}
.apex-pretitle i{font-style:normal;color:#d1a9ff;padding:0 8px}
.apex-masthead-copy>strong{display:block;margin-top:13px;color:#eafcff;letter-spacing:-.09em;line-height:.91;font-size:clamp(45px,5.6vw,85px);font-weight:780;text-shadow:0 12px 35px #0005}
.apex-masthead-copy>strong em{font-style:normal;background:linear-gradient(100deg,#aaf5ff 7%,#7de0df 45%,#ada7ff 96%);color:transparent;background-clip:text;-webkit-background-clip:text}
.apex-masthead-copy>p{font-size:13px;color:#a6c8d3;margin:21px 0 14px;letter-spacing:.012em}
.apex-microproof{display:flex;gap:18px;flex-wrap:wrap;font:650 9px ui-monospace,monospace;letter-spacing:.07em;color:#92bdc9}
.apex-microproof span{display:inline-flex;align-items:center;gap:7px}.apex-microproof i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#eeae77;box-shadow:0 0 12px #eeae7759}
.apex-orbital{height:245px;position:relative;display:grid;place-items:center;min-width:0}
.orbital-galaxy{width:244px;height:244px;position:relative;display:grid;place-items:center;transform:perspective(800px) rotateX(12deg)}
.orbital-galaxy:before,.orbital-galaxy:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 37deg,transparent,#68f4e46b 19%,transparent 26%,transparent 64%,#bc9dff5c 72%,transparent 83%);opacity:.52;filter:blur(15px);animation:apex-spin 27s linear infinite}
.orbital-galaxy:after{inset:37px;opacity:.3;animation-direction:reverse}
.orbit{position:absolute;width:97%;height:57%;border:1px solid #76dcf972;border-radius:50%;box-shadow:0 0 25px #40b8d922;transform:rotate(-29deg)}
.orbit-one{animation:apex-orbit 18s linear infinite}.orbit-two{width:117%;height:66%;border-color:#b3a4ff4c;transform:rotate(52deg);animation:apex-orbit-b 23s linear infinite}.orbit-three{width:76%;height:89%;border-color:#3fdcd143;transform:rotate(-72deg);animation:apex-orbit-c 17s linear infinite}
.orbital-globe{position:absolute;width:158px;height:158px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 29% 23%,#4cb5c06b,transparent 35%),radial-gradient(circle at 62% 73%,#192f56,#061b29 59%,#06101b 83%);border:1px solid #91eaf290;box-shadow:inset -19px -18px 27px #020a16c4,inset 8px 8px 30px #43dbf71d,0 0 41px #50eae235,0 0 100px #28a5eb1a;display:grid;place-items:center}
.orbital-globe:before{content:"";position:absolute;inset:-20px;background:repeating-linear-gradient(0deg,transparent 0 15px,#9beaff30 16px 17px),repeating-linear-gradient(90deg,transparent 0 17px,#9beaff17 18px 19px);border-radius:50%;transform:rotate(-17deg);mask-image:radial-gradient(circle,#000 0 63%,transparent 77%);opacity:.7}
.orbital-globe:after{content:"";position:absolute;inset:0;background:linear-gradient(126deg,transparent 29%,#abfaff17 50%,transparent 70%);animation:apex-shimmer 6s ease-in-out infinite}
.orbital-globe span{position:relative;z-index:2;color:#dbffff;font:750 76px/1 ui-sans-serif,system-ui;letter-spacing:-.12em;text-shadow:0 0 25px #86ffff62;transform:translateX(-4px)}
.orbital-caption{position:absolute;bottom:0;color:#80a4b6;font:650 8px ui-monospace,monospace;letter-spacing:.13em}
.experience-main{background:linear-gradient(100deg,#07182538,#050e1b80);grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)}
.connection-pane{border-right-color:#3d63786f;padding:35px clamp(22px,3vw,48px)}
.offline-shield{border:1px solid #9decf48f;background:linear-gradient(145deg,#236171,#0c2436);box-shadow:0 0 35px #61e4d625,inset 0 1px #daffff1e}
.connection-top h1{font-weight:760;color:#f5ffff;font-size:clamp(32px,3.5vw,52px)}
.connect-primary{border:1px solid #bbffff;background:linear-gradient(103deg,#b9fff2,#9beaff 62%,#c9dfff);box-shadow:0 11px 41px #1caad02d;position:relative;overflow:hidden}
.connect-primary:before{content:"";position:absolute;top:0;bottom:0;width:100px;left:-150px;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:skew(-21deg);transition:left .7s}
.connect-primary:hover:before{left:110%}
.connect-primary:focus-visible{outline-color:#fff}
.connection-status-grid{border-color:#4b7b8b70}
.connection-status-grid span{background:linear-gradient(110deg,#103043bc,#0a1c2b)}
.quick-chip{border-radius:10px}.quick-chip.current{box-shadow:0 0 0 1px #8be7ec1c,0 0 22px #8be7ec18}
.identity-pane{background:radial-gradient(ellipse at 100% 5%,#1847605e,transparent 54%),linear-gradient(140deg,#0a2230,#071322);border-left:1px solid #254f6875}
.identity-item{border:1px solid #34596f70;background:#071a28ba;transition:border-color .2s,background .2s}
.identity-item:hover{border-color:#8bdde37c;background:#112c3b}
.identity-item strong{color:#efffff}
.atlas-section{scroll-margin-top:92px}
.atlas{border:1px solid #368b9d93;box-shadow:0 15px 70px #0008,0 0 0 1px #9beaff0c}
.atlas-top{background:linear-gradient(93deg,#0b2c3c,#0b1928);border-color:#3380925f}
.world-stage{isolation:isolate;min-height:340px}
.world-stage #worldMap{position:relative;z-index:1;filter:saturate(1.35) contrast(1.08)}
.world-stage:before{z-index:2;background:radial-gradient(ellipse at 50% 45%,transparent 14%,#03111b9f 103%),linear-gradient(0deg,#06101f96,transparent 30%);pointer-events:none}
.atlas-fx{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.atlas-fx:after{content:"";position:absolute;inset:0;opacity:.3;background:repeating-linear-gradient(0deg,transparent 0 6px,#d6fcff06 7px 8px)}
.atlas-scanner{position:absolute;left:-35%;top:-5%;height:160%;width:30%;background:linear-gradient(90deg,transparent,#59ffec0c,#5dcfe72a 60%,transparent);transform:skew(-17deg);animation:apex-sweep 19s ease-in-out infinite}
.atlas-reticle{width:240px;height:240px;border:1px solid #7af8ef24;border-radius:50%;position:absolute;left:17%;top:24%}
.atlas-reticle.a2{width:380px;height:380px;left:13%;top:8%;border-style:dashed;border-color:#7af8ef13;animation:apex-spin 60s linear infinite}
.atlas-crosshair{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;border:1px solid #91f7ed45;box-shadow:0 0 0 16px #62eafa08,0 0 0 39px #62eafa04}
.world-stage .map-tooltip{z-index:4;background:#051624e6;backdrop-filter:blur(10px);border-color:#468d9e70}
.world-stage .map-corner-label{z-index:4}
.map-node-core{filter:drop-shadow(0 0 12px #5dffff)}
.route-path{stroke-width:2.7;stroke:#9ffbf0;filter:drop-shadow(0 0 8px #49fff3)}
.route-path.ghost{stroke:#c9b3ff;stroke-width:3}
.atlas-bottom{background:#061827;padding-block:16px}
.atlas-wave{display:flex;gap:4px;align-items:center;height:22px}.atlas-wave span{width:3px;height:13px;background:#6fe3df;border-radius:7px;opacity:.65;animation:apex-wave 1.4s ease-in-out infinite alternate}
.atlas-wave span:nth-child(2n){height:21px;animation-delay:-.5s}.atlas-wave span:nth-child(3n){height:9px;animation-delay:-.9s}
.route-card{background:linear-gradient(145deg,#0d2735,#071827);border-color:#3771825c}
.route-card.selected{border-color:#8cf8ec;background:radial-gradient(circle at 100% 0,#1d5865aa,transparent 70%),#0e2938;box-shadow:inset 0 0 30px #7cfff70a}
.map-explorer-controls .map-search-label{border-color:#448c9d80;background:#0b2532d6}
.feature-card{border-color:#39758b70;box-shadow:inset 0 1px #d6ffff08;transition:transform .25s,border-color .25s,box-shadow .25s}
.feature-card:hover{transform:translateY(-4px);border-color:#8cf1ed92;box-shadow:0 20px 36px #0004}
.sentinel-section{margin-top:90px;scroll-margin-top:100px;background:linear-gradient(132deg,#071924,#050c18 60%,#12122b);border:1px solid #396d8e83;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 25px 80px #0006}
.sentinel-section:before{content:"";position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(circle at 12% 23%,#134f5c56,transparent 38%),radial-gradient(circle at 85% 70%,#4e3d8e33,transparent 37%)}
.sentinel-heading{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:35px clamp(24px,4vw,54px) 0}
.sentinel-heading h2{font-size:clamp(37px,4vw,60px);letter-spacing:-.075em;line-height:1.06;margin:13px 0 12px}
.sentinel-heading h2 em{font-style:normal;color:transparent;background:linear-gradient(120deg,#a1fcf0,#beb0ff);background-clip:text;-webkit-background-clip:text}
.sentinel-heading p{max-width:560px;color:#a0bbcf;font-size:12px}
.sentinel-state{margin-top:8px;border:1px solid #ae836564;border-radius:6px;background:#4f352b40;color:#f4c49d;padding:9px 11px;font:750 9px ui-monospace,monospace;white-space:nowrap}
.sentinel-state i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f0b07d;margin-right:6px}
.sentinel-visual{position:relative;z-index:1;display:grid;grid-template-columns:190px 1fr;align-items:center;gap:30px;padding:18px clamp(24px,4vw,54px) 39px}
.sentinel-core{width:180px;height:180px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 37% 35%,#215e70,#0b2035 70%,#091221);border:1px solid #82e2ef82;border-radius:50%;box-shadow:0 0 0 23px #6dfcf006,0 0 65px #3debd028,inset -13px -9px 31px #000a}
.sentinel-heart{font:800 81px ui-sans-serif,system-ui;color:#cbfbff;line-height:1;filter:drop-shadow(0 0 15px #88f6f38f)}
.sentinel-orbit{position:absolute;width:190px;height:95px;border-radius:50%;border:1px solid #7bf1ea83;transform:rotate(31deg);animation:apex-orbit 28s linear infinite}
.sentinel-orbit.second{width:193px;height:130px;border-color:#bca7f766;transform:rotate(-52deg);animation:apex-orbit-b 22s linear infinite}
.sentinel-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sentinel-gate{background:linear-gradient(130deg,#0f3040b7,#0b1b2d);border:1px solid #375974b7;border-radius:12px;min-height:144px;padding:18px;display:grid;gap:4px;align-content:start}
.sentinel-gate .gate-number{font:800 10px ui-monospace,monospace;color:#7fe9e4}
.sentinel-gate b{font-size:12px;letter-spacing:.06em;color:#ddf9ff}
.sentinel-gate p{font-size:10px;line-height:1.6;color:#99b7c7;margin:4px 0 5px}
.sentinel-gate strong{font:750 9px ui-monospace,monospace;color:#e6b791}
.sentinel-footer{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:19px;padding:16px clamp(24px,4vw,54px);border-top:1px solid #345977;background:#0b1b2b9a;color:#95bacd;font:700 9px ui-monospace,monospace;letter-spacing:.09em}
.sentinel-footer span:before{content:"◈";color:#8ce9e9;padding-right:8px}
@keyframes apex-spin{to{transform:rotate(360deg)}}
@keyframes apex-orbit{to{transform:rotate(331deg)}}@keyframes apex-orbit-b{to{transform:rotate(412deg)}}@keyframes apex-orbit-c{to{transform:rotate(288deg)}}
@keyframes apex-shimmer{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes apex-wave{from{transform:scaleY(.3);opacity:.35}to{transform:scaleY(1);opacity:1}}
@keyframes apex-sweep{0%{left:-35%;opacity:0}25%{opacity:1}75%{opacity:1}100%{left:116%;opacity:0}}
@media(max-width:1350px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.apex-masthead{grid-template-columns:minmax(0,1fr) 250px}.orbital-galaxy{transform:scale(.88)}.experience-main{grid-template-columns:1fr}.connection-pane{border-right:0;border-bottom:1px solid #36556b}.identity-pane{border:0}.sentinel-visual{grid-template-columns:155px 1fr}.sentinel-core{transform:scale(.8);transform-origin:left center}}
@media(max-width:920px){.app-shell{display:block}.apex-masthead{grid-template-columns:minmax(0,1fr) 220px;min-height:260px;padding:31px 28px}.apex-masthead-copy>strong{font-size:clamp(43px,6.3vw,67px)}.orbital-galaxy{transform:scale(.78)}.sentinel-visual{grid-template-columns:145px 1fr}.sentinel-core{transform:scale(.74)}}
@media(max-width:730px){.apex-masthead{display:block;padding:27px 21px 145px;min-height:370px}.apex-masthead-copy>strong{font-size:clamp(43px,11vw,69px)}.apex-masthead-copy>p{font-size:11px;margin-block:14px}.apex-pretitle{font-size:8px}.apex-orbital{position:absolute;right:-42px;bottom:-37px;height:224px;width:220px;opacity:.65;pointer-events:none}.orbital-galaxy{transform:scale(.65)}.orbital-caption{display:none}.apex-microproof{max-width:65%;gap:7px;font-size:7px}.experience-main{display:block}.connection-pane{padding:25px 18px}.identity-pane{padding:25px 18px}.sentinel-heading{display:block;padding:28px 20px 0}.sentinel-state{display:inline-flex;margin-top:9px}.sentinel-visual{display:block;padding:20px}.sentinel-core{margin:0 auto 15px;transform:scale(.68);height:134px}.sentinel-channels{grid-template-columns:1fr 1fr;gap:8px}.sentinel-gate{min-height:160px;padding:13px}.sentinel-gate p{font-size:9px}.sentinel-footer{gap:9px;padding:15px 20px;font-size:8px}.world-stage{min-height:0}.atlas-wave{display:none}}
@media(max-width:410px){.apex-masthead{padding-bottom:140px}.apex-masthead-copy>strong{font-size:46px}.apex-microproof{max-width:73%}.sentinel-channels{grid-template-columns:1fr}.sentinel-gate{min-height:0}.sentinel-heading h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.apex-atmosphere *,.apex-orbital *,.atlas-fx *,.atlas-wave *,.sentinel-core *,.connect-primary:before{animation:none!important;transition:none!important}html{scroll-behavior:auto!important}}


/* GHOST SHIELD / actual leak and correlation assurance, never fabricated status. */
.privacy-lab{margin-top:76px;scroll-margin-top:95px;background:radial-gradient(ellipse at 17% 0%,#1b617047,transparent 55%),linear-gradient(135deg,#091e2e,#070d1b);border:1px solid #396b89;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px #0006}
.privacy-lab-head{padding:33px 36px 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:25px}
.privacy-lab-head h2{font-size:clamp(30px,4vw,52px);line-height:1.08;letter-spacing:-.065em;margin:9px 0 12px}
.privacy-lab-head h2 em{font-style:normal;color:#98edee}
.privacy-lab-head p{font-size:12px;max-width:630px;color:#a5bdcc;line-height:1.75}
.privacy-warning{flex:none;border:1px solid #ab8560a1;background:#53392136;border-radius:8px;color:#f6c39b;padding:10px 11px;font:750 9px ui-monospace,monospace}
.privacy-warning i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#edba88;margin-right:7px}
.privacy-lab-grid{padding:0 36px 28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.privacy-lab-grid article{padding:20px 18px;border:1px solid #34566b;border-radius:13px;background:linear-gradient(125deg,#0f2a3b,#081a2b);display:flex;flex-direction:column;gap:8px}
.privacy-lab-grid .risk-glyph{font:800 12px ui-monospace,monospace;color:#7cece8}
.privacy-lab-grid b{font-size:13px;color:#eaf9ff}
.privacy-lab-grid p{font-size:10px;line-height:1.65;color:#9eb9c8;margin:0 0 8px}
.privacy-lab-grid article strong{margin-top:auto;color:#eac49c;font:750 9px ui-monospace,monospace}
.privacy-lab-foot{padding:15px 36px;border-top:1px solid #355775;display:flex;flex-wrap:wrap;gap:20px;color:#8bbdc7;font:700 9px ui-monospace,monospace}
.privacy-lab-foot span:before{content:"◇";color:#7cece8;margin-right:8px}
@media(max-width:1180px){.privacy-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:730px){.privacy-lab-head{padding:24px 20px 17px;display:block}.privacy-lab-head p{font-size:11px}.privacy-warning{display:inline-flex;margin-top:10px}.privacy-lab-grid{padding:0 20px 24px;grid-template-columns:1fr 1fr}.privacy-lab-foot{padding:14px 20px;gap:10px;font-size:8px}}
@media(max-width:420px){.privacy-lab-grid{grid-template-columns:1fr}}


/* HORIZON 13–64-hop research lab: no live security indicator. */
.horizon-lab{margin-top:66px;margin-bottom:28px;padding:0;border:1px solid #507eaa99;border-radius:21px;background:radial-gradient(ellipse at 80% 3%,#3b28743b,transparent 46%),linear-gradient(140deg,#0a1d2d,#080d1c);box-shadow:0 20px 65px #0007;overflow:hidden;scroll-margin-top:90px}
.horizon-head{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;padding:31px clamp(20px,3.4vw,42px) 19px}
.horizon-head h2{font-size:clamp(31px,3.8vw,52px);letter-spacing:-.07em;margin:12px 0}
.horizon-head h2 em{font-style:normal;color:#c3a6ff}
.horizon-head p{max-width:620px;font-size:12px;line-height:1.75;color:#acc6d3}
.horizon-state{margin-top:7px;white-space:nowrap;border:1px solid #d8a17e7a;background:#523b3340;color:#f3c7a9;border-radius:8px;padding:10px;font:750 10px ui-monospace,monospace}
.horizon-body{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:0 clamp(20px,3.4vw,42px) 29px}
.horizon-choice{border:1px solid #365875;background:#10203485;border-radius:13px;padding:23px}
.horizon-choice label{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px;color:#b5d2df}
.horizon-choice label strong{font-size:18px;color:#e6fbff}
.horizon-choice input[type="range"]{width:100%;margin:24px 0 20px;accent-color:#7cebdd;cursor:pointer}
.horizon-presets{display:flex;gap:9px;flex-wrap:wrap}
.horizon-presets button{cursor:pointer;color:#c3e4ef;border:1px solid #47677c;background:#102c3e;padding:9px 13px;border-radius:9px;font:650 11px system-ui,sans-serif}
.horizon-presets button:hover,.horizon-presets button[aria-pressed="true"]{border-color:#98f0e9;background:#20505c;color:#fff}
.horizon-presets button:focus-visible,.horizon-choice input[type="range"]:focus-visible{outline:2px solid #b4ffff;outline-offset:3px}
.horizon-note{font-size:10px;line-height:1.7;color:#9dbcca;margin:22px 0 0}
.horizon-readouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.horizon-readouts>div{border:1px solid #345d75;border-radius:12px;background:linear-gradient(110deg,#0d2e42,#102035);display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:20px}
.horizon-readouts>div span{font-size:11px;color:#b8d0dc}
.horizon-readouts strong{font-size:clamp(25px,2.8vw,39px);color:#dbfaff;letter-spacing:-.05em}
.horizon-foot{display:flex;flex-wrap:wrap;gap:18px;padding:16px clamp(20px,3.4vw,42px);border-top:1px solid #3764766e;background:#0b1d2d;font:700 9px ui-monospace,monospace;color:#9abfcf}
.horizon-foot span:before{content:"◇";color:#88eadf;margin-right:8px}
@media(max-width:1000px){.horizon-head{display:block}.horizon-state{display:inline-flex;margin:7px 0 12px}.horizon-body{grid-template-columns:1fr}}
@media(max-width:520px){.horizon-readouts{grid-template-columns:1fr 1fr}.horizon-readouts>div{padding:13px}.horizon-readouts strong{font-size:24px}.horizon-choice{padding:16px}.horizon-head p{font-size:11px}.horizon-foot{gap:11px}}
@media(prefers-reduced-motion:reduce){.horizon-lab *{transition:none!important;animation:none!important}}