@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#10253b;--muted:#718093;--mint:#4ee0b4;--blue:#3f75ff;--sky:#e9f2ff;--line:#dfe9f0}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:'IBM Plex Sans Arabic',Arial,sans-serif;color:var(--ink);background:#f8fbfd;overflow-x:hidden}.orb{position:fixed;border-radius:50%;filter:blur(3px);opacity:.65;z-index:-1}.o1{width:420px;height:420px;top:-240px;right:-120px;background:#dcefff}.o2{width:340px;height:340px;bottom:-160px;left:-120px;background:#dcfff4}header{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;padding:0 28px;margin:auto;direction:ltr}.brand{color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:8px}.brand>span:last-child span{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:29px;height:29px;background:var(--ink);border-radius:9px;color:var(--mint);font-size:24px;line-height:1}.header-actions{display:flex;align-items:center;gap:19px;direction:rtl}.secure{font-size:12px;color:#617083;display:flex;gap:7px;align-items:center}.secure i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #d7f8ee}.lang{font:600 12px 'DM Mono';background:transparent;border:1px solid #d9e5eb;border-radius:7px;color:var(--ink);padding:7px 9px;cursor:pointer}main{max-width:1040px;padding:42px 28px 55px;margin:auto}.intro{text-align:center}.eyebrow{font-size:12px;font-weight:600;color:#517099;margin:0 0 12px}.eyebrow:before{content:'';display:inline-block;width:18px;border-top:2px solid var(--mint);vertical-align:middle;margin-left:8px}h1{font-size:42px;line-height:1.32;letter-spacing:-1.2px;margin:0;font-weight:700}h1 em{font-style:normal;color:var(--blue)}.lead{font-size:14px;line-height:1.9;color:var(--muted);max-width:460px;margin:13px auto 0}.test-card{max-width:580px;min-height:455px;background:rgba(255,255,255,.75);border:1px solid #e4edf3;border-radius:22px;margin:35px auto 38px;display:flex;align-items:center;flex-direction:column;box-shadow:0 18px 45px #6990ad12;padding:25px}.state{font-size:12px;color:#728193;background:#f0f5f8;border-radius:20px;padding:6px 15px}.state.running{background:#e5fbf4;color:#147b63}.state.done{background:#eaf0ff;color:#3f6cdd}.dial{width:254px;height:254px;position:relative;margin:11px 0 8px}.ring{position:absolute;border-radius:50%;inset:14px;border:1px solid #deebf0}.ring1{border-color:transparent;border-top-color:var(--mint);border-right-color:var(--mint);transform:rotate(-45deg)}.ring2{inset:0;border:1px dashed #d9e7ed}.dial:after,.dial:before{position:absolute;color:#9cafbb;font:10px 'DM Mono';top:46%;z-index:1}.dial:before{content:'0';right:5px}.dial:after{content:'100+';left:-8px}.needle{position:absolute;width:2px;height:75px;bottom:50%;left:50%;background:linear-gradient(var(--mint),transparent);transform-origin:bottom;transform:rotate(-126deg);transition:transform .35s ease;z-index:2}.needle:after{content:'';position:absolute;width:9px;height:9px;bottom:-4px;left:-3px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #ddfff4}.dial-main{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.dial-main strong{font:600 37px 'DM Mono';letter-spacing:-3px}.dial-main span{font:11px 'DM Mono';color:#59708c;margin-top:1px}.dial-main small{font-size:11px;color:#8b9aa9;margin-top:11px}.go{border:0;color:#082239;background:var(--mint);border-radius:9px;padding:13px 25px;font-family:inherit;font-weight:700;cursor:pointer;box-shadow:0 7px 18px #46dfb44a;transition:.2s}.go:hover{transform:translateY(-2px);background:#71ebc8}.go:disabled{opacity:.65;cursor:not-allowed}.play{font-size:10px;margin-left:7px}.notice{font-size:11px;color:#8a99a7;margin:18px 0 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.metrics article{padding:23px 28px;position:relative}.metrics article+article{border-right:1px solid var(--line)}.metric-icon{position:absolute;left:24px;top:24px;width:26px;height:26px;border-radius:8px;text-align:center;line-height:26px;font-weight:bold}.latency{background:#fff1e7;color:#e8843d}.down{background:#eaf0ff;color:#4f77e9}.up{background:#e6faf4;color:#32aa88}.metrics p,.connection p{font-size:12px;color:#718193;margin:0 0 7px}.metrics strong{font:600 23px 'DM Mono';letter-spacing:-1.6px}.metrics strong small{font-size:11px;color:#73849a;letter-spacing:0}.metrics span{font-size:10px;color:#98a7b2;display:block;margin-top:7px;direction:ltr;text-align:right}.connection{margin-top:16px;padding:20px 27px;background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;justify-content:space-between}.connection strong{font:500 14px 'DM Mono';direction:ltr;display:inline-block}.connection span{font-size:10px;color:#8c9baa;margin-right:12px;direction:ltr;display:inline-block}.quality{text-align:left}.quality strong{font-family:inherit}.bars{display:flex;gap:3px;direction:ltr;margin-top:7px}.bars i{display:block;background:#dce7ec;width:15px;height:4px;border-radius:4px}.bars i.active{background:var(--mint)}.foot{text-align:center;font-size:10px;line-height:1.8;color:#94a2af;margin:20px auto;max-width:690px}body.en{font-family:Arial,sans-serif;direction:ltr}body.en .header-actions{direction:ltr}body.en .eyebrow:before{margin-left:0;margin-right:8px}body.en .metrics article+article{border-right:0;border-left:1px solid var(--line)}body.en .metric-icon{left:auto;right:24px}body.en .metrics span{text-align:left}.go .play{margin-left:0;margin-right:7px}@media(max-width:600px){header{padding:0 18px}main{padding:25px 16px}h1{font-size:32px}.test-card{margin-top:25px;min-height:425px}.metrics{grid-template-columns:1fr}.metrics article+article,.metrics article+article{border-right:0;border-left:0;border-top:1px solid var(--line)}.connection{padding:18px;gap:20px}.connection span{display:block;margin:5px 0 0}.dial{transform:scale(.93);margin:-1px 0 -2px}.quality{flex-shrink:0}}