:root{color-scheme:dark;--cyan:#15d9fa;--orange:#ff970e;--muted:#a6b4cc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 68% 52%,#08234a70,transparent 48%),#030c20;color:#f5f8ff;font-family:Arial,Helvetica,sans-serif;min-height:100vh}body:after{content:"";position:fixed;bottom:-90px;left:-5%;width:110%;height:170px;border-top:2px solid #09baff;box-shadow:0 -8px 28px #00aaff35;transform:rotate(-3deg);pointer-events:none;z-index:-1}header{min-height:100px;border-bottom:1px solid #16719a80;display:flex;align-items:center;justify-content:space-between;padding:12px 5%;gap:20px}.brand{display:flex;align-items:center;gap:25px;color:white;text-decoration:none}.brand img{width:200px;height:80px;object-fit:contain}.brand span{font-weight:800;font-style:italic;font-size:27px;border-left:1px solid #54637c;padding-left:25px}nav{display:flex;align-items:center;gap:25px}nav a,nav button{color:#e3edff;text-decoration:none;font-size:15px;background:none;border:0;padding:15px 0;cursor:pointer}.selected{border-bottom:2px solid var(--cyan)}main{max-width:1100px;margin:auto;padding:22px 25px 10px}.intro{text-align:center}.intro h1{font-size:clamp(25px,3.3vw,43px);margin:8px 0 12px;font-style:italic;letter-spacing:-1px}.intro em{color:var(--orange)}.intro p{color:#c2cee3;letter-spacing:2px;font-size:17px;margin:0 0 24px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metrics article{border:1px solid #1477c2;border-radius:19px;background:linear-gradient(135deg,#0a2140,#030c20);box-shadow:inset 0 0 22px #0065c51a;padding:15px;text-align:center}.label{font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:12px}.label i{font-style:normal;font-size:27px;color:var(--cyan)}.orange .label i{color:var(--orange)}.metrics strong{display:block;font-size:34px;line-height:1.2;margin:6px 0;font-variant-numeric:tabular-nums}.metrics small{color:var(--muted);font-size:14px}.metrics article.active{border-color:var(--cyan);box-shadow:0 0 20px #00caff30}.metrics article.orange.active{border-color:var(--orange)}.hero{display:flex;align-items:center;justify-content:center;gap:70px;margin-top:22px}.meter-area{text-align:center;width:380px;flex-shrink:0}.dial{display:block;position:relative;width:340px;height:340px;border-radius:50%;margin:0 auto;background:radial-gradient(circle at 50% 25%,#0a355b,#031026 65%);border:0;color:white;cursor:pointer;box-shadow:0 0 32px #00c8ff25,inset 0 0 35px #08a5ff20;transition:box-shadow .25s}.dial:hover{box-shadow:0 0 40px #00c8ff50}.dial:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.dial:disabled{cursor:wait;opacity:.6}.dial svg{width:100%;height:100%;position:absolute;inset:0;fill:none;stroke-linecap:round}.track{stroke:#08729c;stroke-width:4}#arc{stroke:var(--cyan);stroke-width:5;stroke-dasharray:917.35;stroke-dashoffset:110;transform:rotate(-90deg);transform-origin:center;filter:drop-shadow(0 0 5px #00dfff);transition:stroke-dashoffset .3s,stroke .3s}.gauge{stroke:var(--cyan);stroke-width:5}#needle{stroke:var(--orange);stroke-width:6;transform-origin:160px 121px;transition:transform .3s}.pivot{fill:var(--orange)}.dial-copy{position:absolute;top:48%;left:0;width:100%;display:flex;flex-direction:column;gap:9px;align-items:center}.dial-copy strong{font-size:45px;font-style:italic;font-variant-numeric:tabular-nums}.dial-copy span{font-size:12px;letter-spacing:1.6px}.dial-copy small{font-size:12px;color:var(--muted)}#status{font-size:14px;color:#b8cce3;min-height:20px;margin:14px 0 0}figure{margin:0;width:310px;text-align:center}.fox{display:block;width:100%;height:355px;object-fit:contain;filter:drop-shadow(0 12px 24px #007aff25)}figcaption{color:#aebed6;font-style:italic;font-size:14px}.server{display:flex;justify-content:center;gap:24px;font-size:15px;margin:20px 0}.server span+span{border-left:1px solid #35516d;padding-left:24px}.tip{border:1px solid #245a83;background:#071b32;border-radius:30px;padding:13px 20px;text-align:center;max-width:760px;margin:18px auto;color:#dfebfb;font-size:14px}.disclosure,.client{font-size:12px;line-height:1.6;text-align:center;color:#91a3bf;max-width:780px;margin:8px auto}.client{min-height:18px}footer{border-top:1px solid #20588380;margin-top:18px;padding:22px 5%;display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#bbcae1}footer a{color:#a5bfdc;text-decoration:none}dialog{max-width:540px;width:90%;background:#081b33;color:#e9f1ff;border:1px solid #2383bd;border-radius:20px;padding:28px;line-height:1.7}dialog::backdrop{background:#000a}.close{float:right;border:0;background:none;font-size:28px;color:white;cursor:pointer}h2{margin-top:0}@media(max-width:750px){header{min-height:80px;padding:8px 18px}.brand{gap:12px}.brand img{width:135px;height:62px}.brand span{font-size:18px;padding-left:12px}nav .selected{display:none}nav button{font-size:13px}.hero{gap:10px}.meter-area{width:320px}.dial{width:295px;height:295px}figure{width:210px}.fox{height:280px}.intro p{font-size:14px;letter-spacing:1px}.metrics{gap:10px}.label{font-size:12px;gap:5px}.metrics strong{font-size:27px}.metrics article{padding:10px}.server{font-size:13px}}@media(max-width:540px){main{padding:18px 17px 5px}.intro h1{font-size:28px;line-height:1.2}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article{border-radius:14px}.metrics strong{font-size:29px;margin:2px 0}.label{font-size:13px}.hero{position:relative;margin-top:22px;display:block}.meter-area{width:100%}.dial{width:270px;height:270px}.dial-copy strong{font-size:38px}figure{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px}.fox{height:125px;width:112px}figcaption{font-size:13px;width:120px;text-align:left}.server{gap:9px;flex-direction:column;align-items:center;margin:12px 0}.server span+span{border:0;padding:0}.tip{font-size:12px;line-height:1.6;padding:10px 15px;margin:13px auto}.disclosure{font-size:11px}footer{flex-direction:column;align-items:center;text-align:center;font-size:12px}.brand span{font-size:16px}.brand img{width:125px}nav button{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}