@font-face{font-family:Atlas;src:url('/manrope-latin.woff2?v=1') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px;color-scheme:dark}body{margin:0;background:#101719;color:#edf1ee;font:15px Atlas,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#b6efd5;color:#101719}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a,input,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #b6efd5}button{cursor:pointer}header,main,footer{width:min(1280px,calc(100% - 96px));margin:auto}header{height:108px;display:flex;align-items:center;gap:70px;border-bottom:1px solid #2d3536}.brand{font-size:28px;font-weight:650;letter-spacing:-1px;display:flex;align-items:center;text-decoration:none}.brand svg{width:29px;height:29px;margin-right:10px;fill:none;stroke:#b6efd5;stroke-width:2.8}.brand-dot,h1 span{color:#b6efd5}nav{display:flex;gap:30px}nav a{font-size:13px;text-decoration:none;color:#b9c4c0}nav a:hover{color:white}.header-note{margin-left:auto;font-size:12px;color:#a3b2ac}.workspace{display:grid;grid-template-columns:1fr 1fr;min-height:650px;align-items:center;position:relative}.intro{z-index:1;padding:52px 0}h1{font-size:clamp(48px,5.4vw,76px);line-height:1.08;letter-spacing:-.04em;font-weight:500;margin:0 0 26px;max-width:650px}p{line-height:1.75;color:#b4c0bb}.lead{font-size:17px;margin:0 0 38px}form label{display:block;font-size:12px;font-weight:600;margin-bottom:12px}.input-row{display:flex;background:#1b2527;border:1px solid #51615b;padding:7px;border-radius:9px;align-items:center;gap:10px;max-width:550px}.input-row:focus-within{border-color:#b6efd5}.input-row>svg{margin-left:8px;width:20px;height:20px;stroke:#9bb4a8;fill:none;stroke-width:1.3;flex-shrink:0}input{width:100%;min-width:0;background:transparent;border:0;outline:none!important;color:white;padding:10px 0;caret-color:#b6efd5}input::placeholder{color:#a6b7b0}button{border:0;border-radius:6px;background:#b6efd5;color:#153329;padding:14px 18px;font-weight:600;white-space:nowrap;transition:background .2s}button:hover{background:#d5f9e8}button:disabled{cursor:wait;opacity:.65}#test-button span{margin-left:14px}#input-help{font-size:12px;margin:11px 0 0;color:#a3b4ac}#notice{font-size:13px;min-height:20px;margin:12px 0;color:#e7c7ae}#notice:empty{display:none}.examples{display:flex;gap:14px;align-items:center;margin-top:27px;font-size:11px;color:#9caea5}.examples button{padding:0 0 3px;background:none;color:#c6d4cd;font-size:11px;border-radius:0;border-bottom:1px solid #52645b;font-weight:400}.examples button:hover{color:#b6efd5}.globe-wrap{height:590px;position:relative;margin-right:-28px;touch-action:pan-y}canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}canvas:active{cursor:grabbing}.globe-caption{position:absolute;bottom:29px;width:100%;text-align:center;color:#bac9c2;font-size:11px;letter-spacing:.03em}.live-dot{display:inline-block;width:5px;height:5px;background:#b6efd5;border-radius:50%;margin-right:9px}.rotate{position:absolute;right:20px;top:20px;background:none;color:#a3b4ac;font-size:10px;padding:8px;border:1px solid #34423c}.rotate:hover{background:#23332c}.results{padding-top:24px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px}h2{font-weight:500;font-size:28px;letter-spacing:-.025em;line-height:1.25;margin:0 0 10px}.section-top p{font-size:13px;margin:0}.result-actions{text-align:right;font-size:11px;color:#a8bab0;display:flex;align-items:center;gap:16px}.result-actions button{background:none;color:#b6efd5;padding:8px;border:1px solid #51615b}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;font-variant-numeric:tabular-nums}th{color:#adbbb4;font-size:11px;font-weight:500;padding:16px 20px;border-top:1px solid #415149;border-bottom:1px solid #415149}td{padding:15px 20px;border-bottom:1px solid #2a3831}tbody tr:hover{background:#16211d}.city{font-weight:500}.country{color:#9bb0a3;font-size:11px;margin-left:9px}.region{color:#adbbb4;font-size:12px}.latency{min-width:200px}.latency-inner{display:flex;align-items:center;gap:15px}.bar{height:3px;background:#6ca98b;width:var(--bar,0);max-width:90px}.pending{color:#8ca093}.ms{color:#b6efd5;min-width:65px}.bad{color:#edb399}.status{color:#a7bbb0}.measurement-note{font-size:11px;margin-top:18px;max-width:85ch}#summary{padding:16px 20px;background:#1a2b23;margin-bottom:20px;line-height:1.7;color:#c7e7d5;font-size:13px}.explain,.coverage{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:110px 0 85px;border-bottom:1px solid #2e3c34}.explain h2,.coverage h2{font-size:44px;line-height:1.15}.explain p{margin:0 0 18px;max-width:65ch;font-size:14px}.coverage{padding-top:85px}.coverage p{max-width:37ch;font-size:14px}.coverage dl{margin:0}.coverage dl>div{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #35463b}.coverage dt{font-size:15px;display:flex;justify-content:space-between}.coverage dt span{color:#b6efd5;font-size:12px}.coverage dd{margin:9px 0 0;font-size:12px;line-height:1.7;color:#aabfb2}.faq{max-width:850px;margin:90px auto 100px}.faq h2{margin-bottom:28px}.faq details{border-bottom:1px solid #344439;padding:21px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:15px}.faq summary:after{content:'+';color:#b6efd5}.faq details[open] summary:after{content:'−'}.faq p{font-size:14px;max-width:70ch}footer{border-top:1px solid #344439;padding:32px 0;display:flex;gap:28px;align-items:center;flex-wrap:wrap}footer .brand{font-size:23px}footer p{font-size:12px}footer>a:last-of-type{font-size:12px;margin-left:auto}footer small{width:100%;font-size:10px;color:#a1b4a8}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:fixed;top:10px;left:10px;background:#b6efd5;color:#101719;padding:10px;z-index:10}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-thumb{background:#52685a}@media(min-width:1500px){.workspace{min-height:710px}.globe-wrap{height:650px}}@media(max-width:1000px){header,main,footer{width:calc(100% - 48px)}.header-note{display:none}header{justify-content:space-between;gap:20px}.workspace{grid-template-columns:1.1fr 1fr}.globe-wrap{margin-right:-10px;height:480px}.input-row{gap:7px}#test-button{padding:13px}#test-button span{display:none}h1{font-size:55px}.explain,.coverage{gap:45px}.country{display:block;margin:5px 0 0}}@media(max-width:700px){header,main,footer{width:calc(100% - 36px)}header{height:82px}nav{gap:17px}nav a{font-size:11px}.brand{font-size:24px}.brand svg{width:24px;margin-right:7px}.workspace{display:flex;flex-direction:column;min-height:auto}.intro{width:100%;padding:48px 0 0}h1{font-size:52px;margin-bottom:20px}.lead{font-size:15px;margin-bottom:28px}.globe-wrap{width:100%;height:390px;margin:0}.rotate{top:15px;right:0}.globe-caption{bottom:15px}.examples{gap:12px}.section-top{align-items:flex-start;flex-direction:column;margin-top:20px}.section-top h2{font-size:25px}.result-actions{width:100%;justify-content:space-between}th,td{padding:13px 8px}.latency{min-width:110px}.latency-inner{gap:5px}.bar{max-width:45px}.country{font-size:10px}.status{font-size:11px}.explain,.coverage{grid-template-columns:1fr;gap:25px;padding:64px 0 45px}.explain h2,.coverage h2{font-size:36px}.faq{margin:60px 0}.faq h2{font-size:26px}footer{gap:8px 20px}footer p{width:100%;order:3}footer small{order:4}footer>a:last-of-type{font-size:11px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Center the tool around its single task. */
.workspace{display:flex;flex-direction:column;min-height:0}.intro{width:100%;max-width:850px;text-align:center;padding:68px 0 0}h1{max-width:none;font-size:clamp(42px,5vw,68px);line-height:1.13;margin-bottom:22px}h1 br{display:none}h1 span{color:inherit}.lead{font-size:16px;margin-bottom:30px}form{max-width:590px;margin:auto}form label{text-align:left}.input-row{max-width:none}.examples{justify-content:center;margin-top:20px}.globe-wrap{width:min(850px,100%);height:570px;margin:0 auto}.globe-caption{bottom:12px}.header-note{display:none}header{justify-content:space-between}nav{margin-left:auto}.explain h2,.coverage h2{font-size:36px}.rotate{top:24px;right:20px}.results{padding-top:35px}#notice{min-height:22px}#notice:empty{display:block}#summary{background:none;border-top:1px solid #415149;border-bottom:1px solid #415149;padding:15px 0}tbody tr:hover{background:#17201d}@media(max-width:700px){.intro{padding:40px 0 0}h1{font-size:42px;text-wrap:balance;max-width:350px;margin:0 auto 20px}.lead{font-size:14px}.globe-wrap{height:430px}.rotate{right:0;top:16px}.results{padding-top:15px}.globe-caption{font-size:10px}.examples{font-size:10px}.explain h2,.coverage h2{font-size:30px}}
@media(min-width:701px){h1 br{display:block}}

h1 br{display:block}@media(max-width:700px){h1{font-size:36px;max-width:350px}.intro{padding-top:38px}}
/* A quieter tool surface: retain just the task and its results. */
.brand{gap:10px;letter-spacing:-.035em;font-size:27px}.brand svg{width:30px;height:30px;margin:0;stroke-width:2.4;color:#b6efd5}header{height:92px}.intro{padding-top:52px}.lead{margin-bottom:27px}form label.sr-only{margin:0}#notice:empty{display:none}#notice{margin:14px 0 0;min-height:0}.globe-wrap{width:min(960px,100%);height:710px;margin:14px auto 0;touch-action:auto}#globe{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}#globe:active{cursor:grabbing}#globe:focus{outline:none}#globe:focus-visible{outline:1px dashed #719e82;outline-offset:-10px}.globe-caption{bottom:4px;font-size:11px}.results{padding-top:36px}.result-actions{min-width:210px}#daily{font-size:12px;color:#b5c5bc;font-variant-numeric:tabular-nums}#daily strong{color:#d9eee2;font-size:15px;font-weight:600}.faq{max-width:760px;margin:44px auto 72px}.faq h2{font-size:24px}footer{padding:28px 0 34px;justify-content:space-between;gap:20px}footer .brand{font-size:21px}footer .brand svg{width:23px;height:23px}footer>a:last-of-type{margin:0;font-size:12px;text-decoration:none;color:#b4c4ba}footer>a:last-of-type:hover{color:#eef5f0}@media(max-width:1000px){.globe-wrap{height:650px}}@media(max-width:700px){header{height:76px}.brand{font-size:24px;gap:8px}.brand svg{width:26px;height:26px}.intro{padding-top:34px}.lead{margin-bottom:24px}.globe-wrap{height:490px;margin-top:10px}.globe-caption{font-size:10px}.results{padding-top:24px}.section-top{margin-top:0;gap:15px}.result-actions{min-width:0}.faq{margin:36px auto 44px}.faq h2{font-size:22px}footer{padding:24px 0 28px}}
.location-cell{display:flex;align-items:center;gap:13px}.country-flag{width:24px;height:18px;object-fit:cover;flex-shrink:0;border-radius:2px;outline:1px solid #ffffff1c}.location-cell .country{display:block;margin:4px 0 0}.location-cell .city{display:block}@media(max-width:700px){.location-cell{gap:9px}.country-flag{width:20px;height:15px}}

/* Measured results, with semantic feedback and a clear comparison scale. */
#notice{color:#b4c0bb;display:flex;align-items:center;justify-content:center;gap:7px}#notice[data-state="success"]{color:#b6efd5}#notice[data-state="error"]{color:#f0b09c}.notice-icon{display:inline-flex}.notice-icon svg,.http-state svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
table{table-layout:fixed}th:first-child{width:38%}th:nth-child(2){width:36%}th:last-child{width:26%}.latency{min-width:0}.latency-inner{display:flex;align-items:baseline;justify-content:space-between;gap:8px;max-width:240px}.ms{font-size:11px;min-width:0;white-space:nowrap}.ms strong{font-size:19px;font-weight:550;letter-spacing:-.02em}.ms.pending,.ms.bad{font-size:12px}.latency-detail{color:#c4e5d2;font-size:10px}.bar-track{height:4px;background:#273a31;width:100%;max-width:240px;margin-top:9px;border-radius:2px;overflow:hidden}.bar{display:block;height:100%;width:var(--bar,0);max-width:none;background:#6ca98b;border-radius:2px}.fastest .bar{background:#b6efd5}.http-state{display:inline-flex;align-items:center;gap:7px;font-size:12px;line-height:1.5}.http-state.success{color:#b6efd5}.http-state.error{color:#f0b09c}.http-state.redirect{color:#e7cd9e}.globe-caption{display:flex;justify-content:center;align-items:center;gap:16px;letter-spacing:0}.globe-caption button{background:transparent;color:#bac9c2;padding:7px 0;font-size:11px;font-weight:400;text-decoration:underline;text-underline-offset:4px}.globe-caption button:hover{color:#edf1ee}.bar-track[hidden]{display:none}
@media(max-width:700px){th:first-child{width:42%}th:nth-child(2){width:29%}th:last-child{width:29%}.ms strong{font-size:17px}.latency-detail{display:none}.http-state{font-size:11px;gap:5px}.http-state svg{width:14px;height:14px}.globe-caption{gap:12px;font-size:10px}.globe-caption button{font-size:10px}.bar-track{margin-top:7px}.location-cell{gap:8px}.city{font-size:12px}}

/* Keep measurement guidance in the FAQ, beside the other explanations. */
.faq{max-width:none;margin:56px 0 64px}.faq h2{font-size:26px;margin-bottom:24px}.faq details{padding:20px 0}.faq p{max-width:70ch}.faq summary{gap:24px;line-height:1.5}.faq summary:after{flex-shrink:0}@media(max-width:700px){.faq{margin:36px 0 44px}.faq h2{font-size:23px}.faq details{padding:18px 0}}

.sort-header{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;white-space:normal;user-select:none;min-height:24px}.sort-header:hover{background:transparent;color:#edf1ee}.sort-header svg{width:10px;height:14px;flex-shrink:0;fill:none;stroke:#82968a;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}th[aria-sort="ascending"] .sort-up,th[aria-sort="descending"] .sort-down{stroke:#b6efd5;stroke-width:2}th[aria-sort="ascending"] .sort-down,th[aria-sort="descending"] .sort-up{opacity:.2}th[aria-sort]:not([aria-sort="none"]){color:#b6efd5}@media(max-width:700px){.sort-header{gap:4px}.sort-header svg{width:8px}}

/* The whole header cell is one conventional click/tap target. */
th[data-sort]{padding:0}.sort-header{display:flex;width:100%;min-height:52px;padding:16px 20px;justify-content:space-between;gap:10px}.sort-header:hover{background:#1b2922;color:#edf1ee}.sort-header:focus-visible{outline-offset:-3px}.sort-header svg{width:13px;height:16px;stroke:#a7b9ad;stroke-width:1.6}.sort-header:active{background:#25382c}@media(max-width:700px){.sort-header{padding:13px 8px;gap:6px;min-height:50px}.sort-header svg{width:11px}}

.faq-intro{max-width:70ch;font-size:14px;margin:0 0 20px;line-height:1.8}

/* These explicit display bands apply equally to numbers and comparison bars. */
tr[data-latency="low"]{--latency-color:#b6efd5}tr[data-latency="medium"]{--latency-color:#e7cd9e}tr[data-latency="high"]{--latency-color:#f0a09c}tr[data-latency] .ms,tr[data-latency] .latency-detail{color:var(--latency-color)}tr[data-latency] .bar{background:var(--latency-color)}.latency-key{display:flex;flex-wrap:wrap;gap:8px 22px;margin:-8px 0 22px;padding:0;list-style:none;font-size:11px;line-height:1.7}.latency-key .low{color:#b6efd5}.latency-key .medium{color:#e7cd9e}.latency-key .high{color:#f0a09c}@media(max-width:700px){.latency-key{gap:6px 14px;font-size:10px;margin-top:-8px}}

/* Bring the tool into one consistent reading width and tighten its vertical rhythm. */
header,main,footer{width:min(1120px,calc(100% - 64px))}header{height:88px}nav a{font-size:14px}.brand{font-size:28px}.intro{padding-top:48px}.globe-wrap{height:680px;margin-top:6px}.results{padding-top:16px}.section-top{margin-bottom:25px;gap:24px;align-items:center}.section-top p{font-size:14px;line-height:1.6}.section-top h2{margin-bottom:9px}.result-actions{gap:14px}.table-wrap{border-top:1px solid #415149}th{border-top:0}.sort-header{justify-content:flex-start;gap:9px;font-size:12px}.sort-header svg{width:12px;opacity:.8}th[aria-sort]:not([aria-sort="none"]) .sort-header svg{opacity:1}td{padding:13px 18px}.city{font-size:14px;font-weight:550}.country{font-size:11px;color:#a5b9ac}.http-state{font-size:13px}.status{color:#a7bbb0}.latency-key{margin-bottom:18px}.measurement-note{line-height:1.7;margin-top:17px}.faq{margin-top:48px}.faq-intro{margin-bottom:24px}.faq details{padding:19px 0}footer{padding:26px 0 30px}
@media(max-width:1000px){header,main,footer{width:calc(100% - 48px)}.globe-wrap{height:620px}}@media(max-width:700px){header,main,footer{width:calc(100% - 36px)}header{height:74px}.brand{font-size:24px}nav a{font-size:12px}.intro{padding-top:32px}.globe-wrap{height:clamp(360px,calc(100vw + 30px),490px);margin-top:4px}.results{padding-top:18px}.section-top{align-items:flex-start;gap:14px;margin-bottom:22px}.section-top h2{font-size:24px}.section-top p{font-size:12px}.sort-header{font-size:11px;gap:5px}.sort-header svg{width:10px}td{padding:13px 8px}.city{font-size:12px}.http-state{font-size:11px}.faq{margin-top:36px}.faq details{padding:18px 0}}

#verification{display:flex;justify-content:center}#verification:not(:empty){margin-top:12px}#verification iframe{border:0;max-width:100%}

/* One-page tool: begin with the task, without a separate navigation bar. */
.intro{padding-top:68px}@media(max-width:700px){.intro{padding-top:42px}}
