.speed-page{min-height:calc(100vh - 300px);background:radial-gradient(ellipse at 80% 3%,rgba(34,139,255,.13),transparent 42%),radial-gradient(ellipse at 10% 45%,rgba(0,207,255,.08),transparent 38%),#f4f8ff;color:#102b55;padding:56px clamp(16px,5vw,84px) 84px;}
.speed-wrap{max-width:1180px;margin:0 auto}
.speed-breadcrumb{display:flex;align-items:center;gap:10px;font-size:13px;color:#58718f;font-weight:800;margin-bottom:22px}
.speed-breadcrumb a{color:#0063dc;text-decoration:none}.speed-breadcrumb span{opacity:.65}
.speed-intro{text-align:center;max-width:760px;margin:0 auto 28px}
.speed-kicker{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;background:#dff3ff;color:#0066c6;font-weight:900;font-size:12px;letter-spacing:1.6px;text-transform:uppercase}
.speed-kicker::before{content:'';width:9px;height:9px;border-radius:100%;background:#00b0ff;box-shadow:0 0 0 4px #38ccff2c}
.speed-intro h1{font-size:clamp(32px,5.5vw,60px);line-height:1.05;letter-spacing:-2px;margin:18px auto 16px;color:#081f4b;font-weight:900}
.speed-intro p{margin:auto;color:#596e8a;line-height:1.75;font-size:16px;max-width:680px}
.speed-card{border-radius:30px;overflow:hidden;border:1px solid rgba(52,131,218,.18);background:#fff;box-shadow:0 25px 85px rgba(8,38,93,.12)}
.speed-toolbar{background:linear-gradient(110deg,#061c43,#0a3d83 58%,#0759c6);padding:24px clamp(16px,3.7vw,36px);display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;color:white}
.speed-toolbar-left{display:flex;gap:14px;align-items:center}.speed-gauge{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#13ceff,#1263ff);box-shadow:0 10px 25px #004aab88}.speed-gauge svg{height:27px;width:27px;fill:none;stroke:white;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.speed-toolbar h2{margin:0 0 5px;color:#fff;font-size:20px;letter-spacing:-.6px}.speed-toolbar p{margin:0;color:#b7d9f8;font-size:13px}
.speed-switch{display:flex;align-items:center;gap:6px;border:1px solid #7dc5ff30;padding:5px;border-radius:16px;background:#031a3b80}
.speed-switch button{border:none;background:transparent;border-radius:12px;padding:12px 14px;color:#bcd8f2;font:800 13px Manrope,Arial,sans-serif;cursor:pointer;transition:.2s}
.speed-switch button[aria-selected="true"]{background:#ffffff;color:#075cc7;box-shadow:0 6px 25px #02102460}
.speed-switch button:focus-visible{outline:3px solid #3ad9ff;outline-offset:2px}
.speed-area{padding:clamp(12px,3vw,26px);background:linear-gradient(145deg,#f7fbff,#eef5ff)}
.speed-provider{display:none}.speed-provider.active{display:block}
.speed-frame-box{position:relative;border-radius:20px;overflow:hidden;background:#071934;border:1px solid #d8e7fa;box-shadow:0 8px 25px #0f376a14;min-height:410px}
.speed-frame{display:block;width:100%;height:470px;border:0;background:white}
.speed-note{padding:14px 4px 0;color:#62738f;font-size:13px;line-height:1.6}
.speed-note strong{color:#214b7c}
.speed-warning{display:flex;gap:13px;align-items:flex-start;background:#e7f3ff;border:1px solid #b6d9fa;border-radius:14px;padding:16px 18px;color:#1b4c7e;font-size:14px;line-height:1.6;margin-bottom:18px}
.speed-warning svg{width:21px;height:21px;flex:0 0 21px;stroke:#0867c7;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.speed-warning p{margin:0}.speed-warning strong{color:#0b3671}
.speed-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:18px}
.speed-primary-link{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(110deg,#095eff,#00a9f0);color:white!important;font-weight:900;font-size:14px;padding:14px 19px;border-radius:13px;text-decoration:none;box-shadow:0 8px 23px #167cff33}
.speed-alt-link{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;border-radius:13px;border:1px solid #b8d5f4;color:#13549d!important;text-decoration:none;font-size:13px;font-weight:900}
.speed-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:25px 0 0}
.speed-info article{background:#fff;border:1px solid #e0eafb;border-radius:18px;padding:23px;box-shadow:0 8px 26px #0c3a760d}
.speed-info strong{display:flex;align-items:center;gap:10px;color:#0d3274;margin-bottom:8px;font-size:15px}.speed-info svg{width:22px;height:22px;stroke:#0872e7;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.speed-info p{margin:0;color:#63758b;font-size:13px;line-height:1.65}
.speed-tip{font-size:13px;color:#607792;text-align:center;line-height:1.7;margin:23px 0 0}
@media(max-width:850px){.speed-page{padding:38px 5% 60px}.speed-info{grid-template-columns:1fr}.speed-frame{height:440px}.speed-switch{width:100%;justify-content:stretch}.speed-switch button{flex:1}.speed-toolbar-left{align-items:flex-start}}
@media(max-width:500px){.speed-intro h1{letter-spacing:-1px}.speed-frame{height:410px}.speed-toolbar{padding:20px 16px}.speed-toolbar h2{font-size:18px}.speed-switch button{font-size:11px;padding:12px 8px}.speed-frame-box{min-height:350px}}

.speedtest-new{padding-top:38px;padding-bottom:82px;background:linear-gradient(180deg,#edf5ff,#f7fbff)}
.speedtest-new .speed-wrap{max-width:1180px;margin:0 auto;padding:0 5%}
.speedtest-new .speed-breadcrumb{margin-bottom:26px}
.speedtest-new .speed-intro{text-align:center;margin-bottom:40px}
.speedtest-new .speed-intro h1{font-size:clamp(32px,4.3vw,54px);line-height:1.1;letter-spacing:-2px;margin:15px auto 14px;color:#09275b}
.speedtest-new .speed-intro h1 span{color:#006af1}
.speedtest-new .speed-intro p{color:#607898;font-size:16px;line-height:1.75;max-width:780px;margin:auto}
.speedtest-new .speed-kicker,.speedtest-new .alt-kicker{font-size:12px;letter-spacing:1.4px;font-weight:900;color:#0879e9}
.speed-layout{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(330px,.83fr);gap:24px;align-items:stretch}
.speed-meter{background:linear-gradient(145deg,#071a3b,#082c67 72%,#0b3680);color:#fff;border:1px solid #285488;border-radius:30px;padding:30px;box-shadow:0 25px 64px #082f6c32}
.speed-meter-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.speed-meter-head h2{font-size:23px;color:#fff;line-height:1.25;margin:7px 0 0}
.meter-label{font-weight:900;font-size:11px;letter-spacing:1.4px;color:#6ce7ff}
.meter-status{display:flex;align-items:center;gap:8px;color:#c5e9ff;font-size:12px;font-weight:700;border:1px solid #3b6a9e;border-radius:99px;padding:8px 12px;background:#ffffff0c}
.meter-status-dot{width:8px;height:8px;background:#56e7ad;border-radius:50%;box-shadow:0 0 14px #3af4b4}
.meter-status.running .meter-status-dot{background:#f9ca52;box-shadow:0 0 14px #f9ca52}
.meter-status.error .meter-status-dot{background:#ff8f8f;box-shadow:0 0 14px #ff8f8f}
.speed-visual{height:205px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:6px}
.speed-arc{position:absolute;width:320px;max-width:92%;height:185px;top:0}
#speed-progress{transition:stroke-dashoffset .2s ease}
.speed-center{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:65px}
.speed-center strong{font-size:60px;letter-spacing:-2.5px;color:#fff;line-height:1;font-weight:900}
.speed-center span{font-size:14px;color:#9acffa;font-weight:800}
.speed-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.speed-metrics .metric{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;gap:5px;padding:18px 8px;background:#ffffff0e;border:1px solid #ffffff23;border-radius:16px}
.metric-icon{font-weight:900;color:#60dfff;font-size:22px}.metric>span:nth-child(2){font-size:10px;font-weight:900;letter-spacing:1px;color:#a6ccea}.metric strong{font-size:26px;color:#fff;font-weight:900}.metric small{color:#abd4ee;font-size:11px}
.speed-start{width:100%;border:0;color:#fff;cursor:pointer;font:900 15px Manrope,Arial,sans-serif;padding:18px;border-radius:15px;margin-top:20px;background:linear-gradient(100deg,#0069ff,#06b6f2);box-shadow:0 13px 35px #006be147;display:flex;align-items:center;justify-content:center;gap:15px}
.speed-start:hover{filter:brightness(1.12)}.speed-start:disabled{opacity:.65;cursor:wait}
.speed-feedback{font-size:13px;font-weight:700;color:#b1ecff;text-align:center;line-height:1.65;margin:17px auto 8px;max-width:490px}.speed-feedback.error{color:#ffbbbb}
.speed-footnote{font-size:11px;text-align:center;color:#acc3df;max-width:530px;margin:0 auto;line-height:1.65}
.speed-alternatives{background:white;border:1px solid #d8e6f7;box-shadow:0 20px 50px #082f6c10;border-radius:30px;padding:30px}
.speed-alternatives h2{font-size:clamp(23px,2.3vw,30px);letter-spacing:-.8px;line-height:1.2;color:#092d63;margin:12px 0}
.speed-alternatives>p{color:#667f9c;font-size:14px;line-height:1.75;margin:0 0 22px}
.speed-provider{display:flex!important;align-items:center;gap:16px;border:1px solid #d8e7f9;border-radius:17px;padding:17px 14px;margin:12px 0;background:#f8fbff;transition:transform .2s,border-color .2s,box-shadow .2s}
.speed-provider:hover{transform:translateY(-3px);border-color:#55b9ff;box-shadow:0 13px 30px #0876ed18}
.provider-mark{width:78px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:900}
.fast-mark{font-size:20px;letter-spacing:-1px;color:#d91221}.fast-mark span{font-size:11px}.google-mark{font-family:Arial,sans-serif;font-size:42px;color:#4285f4}
.provider-description{display:flex;flex-direction:column;font-size:13px;font-weight:900;color:#10396c;gap:4px}.provider-description span{font-size:12px;font-weight:500;color:#6b809d;line-height:1.45}
.provider-arrow{margin-left:auto;color:#067ded;font-size:22px;font-weight:900}
.speed-help{border-top:1px solid #e0ebfa;margin-top:22px;padding-top:19px}.speed-help strong{font-size:15px;color:#07376f}.speed-help ul{padding-left:20px;margin:12px 0 0;color:#5a7593;font-size:13px;line-height:2}
.speed-requirement{margin-top:22px;padding:18px 20px;border:1px solid #bddaff;background:#e8f3ff;border-radius:17px;color:#345c84;font-size:13px;line-height:1.65}.speed-requirement strong{color:#07437d}
.speed-requirement code{font-size:12px;white-space:nowrap}
@media(max-width:920px){.speed-layout{grid-template-columns:1fr}.speedtest-new .speed-wrap{padding:0 6%}}
@media(max-width:560px){.speedtest-new{padding-top:25px}.speed-meter,.speed-alternatives{padding:20px;border-radius:22px}.speed-visual{height:180px}.speed-arc{height:160px}.speed-center{padding-top:50px}.speed-center strong{font-size:48px}.speed-metrics{gap:7px}.speed-metrics .metric{padding:12px 4px}.metric strong{font-size:22px}.provider-mark{width:65px}.speedtest-new .speed-intro h1{letter-spacing:-.8px}}