.stats-intro{padding:65px 0 35px}.stats-intro h1{font-size:clamp(40px,6vw,78px);max-width:900px}.stats-intro .lead{max-width:750px}.stats-live{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--ic-87afb8);border-radius:12px;background:var(--ic-e7f6f8);padding:15px 20px;margin-bottom:25px}.stats-live p{font-size:12px;margin:0;line-height:1.7}.stats-live p:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ic-00a999);margin-right:9px}.stats-live p[data-state=stale]:before{background:var(--ic-c38913)}.stats-live button{white-space:nowrap;border:1px solid var(--ic-698ea5);color:var(--ic-082d50);background:white;border-radius:8px;padding:9px 12px;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:38px}.stats-card{padding:23px 24px;border:1px solid var(--ic-c1d5e6);border-radius:15px;background:linear-gradient(130deg,var(--ic-fff),var(--ic-edf7ff));min-width:0}.stats-card strong{display:block;font:750 clamp(30px,4vw,47px)/1.25 'Segoe UI',sans-serif;color:var(--ic-633783);font-variant-numeric:tabular-nums}.stats-card span{display:block;font-size:13px;color:var(--ic-345e72);margin-top:7px}.stats-card small{font-size:10px;display:block;color:var(--ic-657e91);margin-top:5px}.stats-grid.now .stats-card{background:linear-gradient(135deg,var(--ic-0b374b),var(--ic-163e5f));border-color:var(--ic-4c8797)}.stats-grid.now strong{color:var(--ic-87f5ec)}.stats-grid.now span,.stats-grid.now small{color:var(--ic-d2e8f0)}.stats-panel{padding:28px;margin:25px 0;border:1px solid var(--ic-b9d0df);border-radius:18px;background:var(--ic-fff)}.stats-panel h2{font-size:26px;letter-spacing:-.7px}.stats-section-title{font-size:25px;letter-spacing:-.5px;margin-top:35px}.stats-rankings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.stats-rankings .stats-panel{margin:0;padding:22px}.stats-rankings h2{font-size:21px}.stats-ranking{list-style:none;padding:0;margin:20px 0 0}.stats-ranking li{border-top:1px solid var(--ic-dce8f0)}.stats-ranking a{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:15px 0;color:var(--ic-163d56);text-decoration:none;font-size:12px}.stats-ranking a:hover strong{text-decoration:underline}.stats-ranking strong{display:block;overflow-wrap:anywhere;line-height:1.5}.stats-ranking small{display:block;color:var(--ic-638093);margin-top:4px;overflow-wrap:anywhere}.stats-ranking b{grid-column:2;color:var(--ic-633783);font-size:11px}.stats-rank{color:var(--ic-00a7b4);font-weight:700}.stats-empty{padding:18px 0;color:var(--ic-648292);font-size:13px;line-height:1.7}.stats-week{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;padding:0;margin:40px 0 0}.stats-week li{text-align:center;font-size:11px;color:var(--ic-527487);min-width:0}.stats-bar{height:125px;border-bottom:2px solid var(--ic-c4dce7);display:flex;align-items:flex-end;justify-content:center;position:relative;margin-bottom:10px;background:linear-gradient(to top,var(--ic-e9f6fc),transparent)}.stats-bar:before{content:'';position:absolute;bottom:0;width:65%;height:var(--fill);background:linear-gradient(to top,var(--ic-00aeb9),var(--ic-865bb1));border-radius:6px 6px 0 0}.stats-bar b{position:relative;z-index:1;align-self:flex-start;font-size:12px;color:var(--ic-082d50);transform:translateY(-23px)}.stats-method{padding-block:45px 65px}.stats-method h2{font-size:27px}.stats-method p,.stats-method li{font-size:14px;line-height:1.85;color:var(--ic-456b80)}.stats-summary{padding-block:55px}.stats-summary h2{font-size:35px}.stats-summary .stats-grid{margin-bottom:16px}.stats-summary .stats-card{padding:20px}.stats-summary .stats-card strong{font-size:34px}@media(max-width:950px){.stats-rankings{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-week{gap:8px}.stats-intro{padding-top:40px}}@media(max-width:480px){.stats-card{padding:17px 14px}.stats-live{align-items:flex-start;gap:10px;padding:12px;flex-direction:column}.stats-panel{padding:19px}.stats-week{gap:4px}.stats-week li{font-size:9px}.stats-intro h1{letter-spacing:-1.5px}.stats-summary h2{font-size:30px}.stats-summary .stats-card strong{font-size:30px}}

.connection-heading{display:flex;gap:20px;align-items:center;justify-content:space-between}.connection-heading h2{margin:10px 0}.connection-heading strong{font-size:24px;white-space:nowrap;color:var(--ic-087e78)}.connection-panel[data-quality=medium] .connection-heading strong{color:var(--ic-a66700)}.connection-panel[data-quality=slow] .connection-heading strong{color:var(--ic-b63259)}.connection-panel[data-quality=unknown] .connection-heading strong{color:var(--ic-526b7d)}.connection-panel .latency-plot{position:relative;padding-left:55px;margin:25px 0 10px}.connection-panel .latency-graph{width:100%;height:180px;overflow:visible}.connection-panel .latency-tick{position:absolute;left:0;transform:translateY(-50%);font-size:11px;color:var(--ic-526f83)}.connection-panel .chart-band.fast{fill:var(--ic-71d6c410)}.connection-panel .chart-band.medium{fill:var(--ic-f9c45d13)}.connection-panel .chart-band.slow{fill:var(--ic-ef728c14)}.connection-panel .chart-grid{stroke:var(--ic-94b4cb65);stroke-width:.5;vector-effect:non-scaling-stroke}.connection-panel .chart-series{stroke:var(--ic-087e78);stroke-width:2;fill:none;vector-effect:non-scaling-stroke}.connection-panel .chart-point{fill:var(--ic-087e78)}.connection-panel .chart-spike{fill:var(--ic-a66700)}.connection-panel .chart-empty{fill:var(--ic-95acbf);font-size:10px}.connection-panel .latency-hover{position:absolute;top:0;right:0;padding:6px 9px;background:var(--ic-173448);color:var(--ic-e4faff);border-radius:8px;font-size:11px}#connection-range{font-size:12px;color:var(--ic-526f83);text-align:right}@media(max-width:600px){.connection-heading{align-items:start;flex-direction:column}.connection-panel .latency-graph{height:130px}}

.server-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.server-metrics article{display:flex;flex-direction:column;gap:9px;padding:18px;border:1px solid var(--ic-cbdfe5);border-radius:13px;background:linear-gradient(120deg,var(--ic-f3fafb),var(--ic-f6f3fa));min-width:0}.server-metrics span{font-size:12px;color:var(--ic-526b7b)}.server-metrics strong{font-size:22px;color:var(--ic-35586d);line-height:1.25}.server-metrics small{font-size:11px;line-height:1.6;color:var(--ic-687f8d)}.server-metrics [data-state=online]{color:var(--ic-137a68)}.server-metrics [data-state=offline]{color:var(--ic-b03c60)}.server-metrics [data-state=medium]{color:var(--ic-926000)}.server-metrics [data-state=unknown]{color:var(--ic-73818d)}@media(max-width:1050px){.server-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.server-metrics{grid-template-columns:1fr}.server-metrics article{padding:14px}.server-metrics strong{font-size:20px}}