/* SpeedMyInternet V10 — final presentation layer */
:root{--display-font:"Sora","Segoe UI Variable Display","Segoe UI Variable Text",system-ui,sans-serif;--body-font:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,sans-serif}
html{font-synthesis:none;text-rendering:optimizeLegibility}
body{font-family:var(--body-font)!important;letter-spacing:-.006em}
.brand,.brand-name,.hero-copy h1,.section-intro h2,.tools-copy h2,.speed-guide h2,.metric-card strong,.dialog-head h2,.explain-grid h3,summary,.start-label,.speed-readout b,
.header .brand,.hero h1,.section h2,.section h3,.side-card h3,.fact strong{font-family:var(--display-font)!important}

/* Bright day mode: crisp white, sky blue and violet; no gray wash. */
body.light{--bg:#f8fcff!important;--bg-soft:#eef8ff!important;--surface:#ffffff!important;--surface-2:#f5fbff!important;--surface-3:#edf7ff!important;--text:#10244a!important;--muted:#557099!important;--subtle:#7890b3!important;--line:rgba(18,101,187,.105)!important;--line-strong:rgba(18,101,187,.19)!important;--blue:#1685f8!important;--blue-deep:#0869dd!important;--violet:#7857ef!important;--cyan:#05bfe7!important;--shadow:0 32px 90px rgba(28,111,189,.14)!important;color-scheme:light}
body.light::before{background:radial-gradient(ellipse 58% 42% at 3% -5%,rgba(0,174,255,.24),transparent 68%),radial-gradient(ellipse 50% 40% at 98% 3%,rgba(125,82,244,.17),transparent 70%),radial-gradient(ellipse 44% 34% at 52% 83%,rgba(0,211,226,.10),transparent 74%),linear-gradient(180deg,#ffffff 0%,#f7fcff 44%,#eff9ff 100%)!important}
body.light::after{opacity:.055!important;background-image:radial-gradient(rgba(25,126,214,.28) .55px,transparent .6px)!important}
body.light .mesh{opacity:.19!important;background-image:linear-gradient(rgba(16,123,216,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(16,123,216,.05) 1px,transparent 1px)!important}
body.light .site-header,body.light .header{background:rgba(255,255,255,.86)!important;border-color:rgba(21,111,194,.10)!important;box-shadow:0 10px 36px rgba(32,116,188,.08)!important}
body.light .test-console{background:radial-gradient(circle at 8% 10%,rgba(0,170,255,.115),transparent 34%),radial-gradient(circle at 95% 8%,rgba(122,83,244,.075),transparent 30%),linear-gradient(145deg,#ffffff,#f3faff)!important;border-color:rgba(20,111,199,.16)!important;box-shadow:0 35px 100px rgba(30,108,178,.16)!important}
body.light .network-profile{background:linear-gradient(90deg,rgba(0,158,239,.045),rgba(125,82,244,.03))!important}
body.light .network-profile strong{color:#173966!important}body.light .network-profile small,body.light .network-profile-title b{color:#6481aa!important}
body.light .core-zone{background:radial-gradient(circle at 50% 44%,rgba(0,168,255,.17),transparent 44%),linear-gradient(145deg,#edf9ff,#f8f5ff)!important;border-color:rgba(15,124,217,.14)!important}
body.light .metric-card{background:linear-gradient(145deg,#ffffff,#f1f9ff)!important;border-color:rgba(18,111,199,.12)!important;box-shadow:0 12px 34px rgba(28,111,189,.055)!important}
body.light .metric-card:hover{background:linear-gradient(145deg,#ffffff,#eaf7ff)!important;border-color:rgba(17,132,227,.25)!important;box-shadow:0 17px 42px rgba(28,111,189,.10)!important}
body.light .metric-title{color:#526f9a!important}body.light .metric-card p{color:#7790b2!important}body.light .metric-card small{color:#617da7!important}
body.light .test-sequence,body.light .result-panel{background:rgba(235,247,255,.42)!important}
body.light .proof-strip,body.light .explain-section,body.light .faq-section,body.light .speed-guide{background:transparent!important}
body.light .explain-grid article,body.light .faq details{background:rgba(255,255,255,.68)!important;border-color:rgba(18,111,199,.10)!important}
body.light .tools-section{background:radial-gradient(circle at 92% 0%,rgba(122,82,244,.11),transparent 38%),linear-gradient(135deg,#ffffff,#ecf8ff)!important;border-color:rgba(20,111,199,.12)!important}
body.light footer,body.light .footer{background:#eaf7ff!important;color:#5d789f!important}
body.light .language-menu,body.light .lang-menu{background:rgba(255,255,255,.985)!important}
body.light .header-icon,body.light .header-button,body.light .language-trigger,body.light .theme,body.light .lang-trigger{background:#fff!important;border-color:rgba(19,110,196,.12)!important}

/* Perfectly centered circular control. */
.test-core{width:252px!important;height:252px!important;aspect-ratio:1/1!important;border-radius:50%!important;display:grid!important;place-items:center!important;overflow:visible!important}
.test-core::before,.test-core::after{border-radius:50%!important}
.core-content{position:relative!important;width:190px!important;height:176px!important;display:grid!important;grid-template-rows:24px 1fr 24px!important;place-items:center!important;text-align:center!important;z-index:4!important}
.phase{grid-row:1!important;align-self:start!important;margin:0!important;line-height:1!important;white-space:nowrap!important}
.start-label{grid-row:2!important;align-self:center!important;justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:178px!important;min-height:72px!important;margin:0!important;font-size:31px!important;line-height:1.05!important;letter-spacing:-.045em!important;text-align:center!important}
.core-hint{grid-row:3!important;align-self:end!important;line-height:1.2!important;white-space:nowrap!important}
.speed-readout{grid-row:2!important;align-self:center!important;justify-self:center!important;display:none!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;margin:0!important;width:100%!important;min-width:0!important;text-align:center!important}
.speed-readout b{display:block!important;font-size:46px!important;line-height:.95!important;letter-spacing:-.06em!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;max-width:190px!important}
.speed-readout em{display:block!important;margin:0!important;font-size:10px!important;line-height:1!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.test-core.has-reading:not(.testing) .speed-readout{display:flex!important}.test-core.has-reading:not(.testing) .start-label{display:none!important}

/* Rocket progress animation: calm, layered, and readable. */
.rocket-scene{position:absolute;left:50%;top:50%;width:128px;height:128px;transform:translate(-50%,-50%);display:none;z-index:5;pointer-events:none}
.test-core.testing .rocket-scene{display:block}.test-core.testing .start-label{opacity:0!important;visibility:hidden!important}.test-core.testing .speed-readout{display:flex!important;position:absolute!important;left:0!important;right:0!important;bottom:-3px!important;width:100%!important;transform:none!important;gap:2px!important}.test-core.testing .speed-readout b{font-size:19px!important;letter-spacing:-.035em!important}.test-core.testing .speed-readout em{font-size:8px!important}.test-core.testing .core-hint{opacity:0!important}.test-core.testing .phase{position:absolute!important;top:0!important;left:0!important;right:0!important;text-align:center!important;z-index:8!important}
.rocket-orbit{position:absolute;inset:8px;border:1px solid rgba(255,255,255,.20);border-radius:50%;animation:rocketOrbit 2.8s linear infinite}
.rocket-orbit::before{content:"";position:absolute;inset:15px;border:1px dashed rgba(255,255,255,.13);border-radius:50%}
.rocket-craft{position:absolute;width:25px;height:43px;left:50%;top:-7px;transform:translateX(-50%);border-radius:52% 52% 42% 42%;background:linear-gradient(90deg,#dff8ff 0%,#fff 48%,#b9ddff 100%);box-shadow:0 0 18px rgba(179,232,255,.75);filter:drop-shadow(0 4px 4px rgba(12,38,91,.22))}
.rocket-craft::before{content:"";position:absolute;width:9px;height:9px;left:8px;top:11px;border-radius:50%;background:linear-gradient(145deg,#38d8ff,#6e82ff);box-shadow:inset 0 0 0 2px rgba(255,255,255,.72)}
.rocket-craft::after{content:"";position:absolute;width:12px;height:22px;left:6px;top:36px;border-radius:50% 50% 70% 70%;background:linear-gradient(180deg,#eaffff 0%,#62e7ff 27%,#7a7bff 67%,transparent 100%);filter:blur(.35px);transform-origin:50% 0;animation:rocketFlame .42s ease-in-out infinite alternate}
.rocket-star{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.9);animation:starPulse 1.35s ease-in-out infinite}.rocket-star-a{left:12px;top:45px}.rocket-star-b{right:14px;top:69px;animation-delay:-.5s}.rocket-star-c{left:49px;bottom:8px;animation-delay:-.9s}
.test-core.testing::after{animation:coreShimmer 2.2s ease-in-out infinite!important}
@keyframes rocketOrbit{to{transform:rotate(360deg)}}
@keyframes rocketFlame{from{transform:scaleY(.78);opacity:.72}to{transform:scaleY(1.18);opacity:1}}
@keyframes starPulse{0%,100%{transform:scale(.6);opacity:.35}50%{transform:scale(1.25);opacity:1}}
@keyframes coreShimmer{0%,100%{background-position:0% 50%!important}50%{background-position:100% 50%!important}}

/* Consistent result alignment. */
.metric-card>div:nth-child(2){display:grid!important;grid-template-columns:minmax(0,auto) auto!important;align-items:end!important;justify-content:start!important;column-gap:7px!important;min-width:0!important}
.metric-card strong{font-family:var(--display-font)!important;font-variant-numeric:tabular-nums!important;font-feature-settings:"tnum" 1,"lnum" 1!important;letter-spacing:-.055em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;font-size:clamp(27px,2vw,35px)!important;line-height:1!important}
.metric-card small{margin:0 0 3px!important;white-space:nowrap!important;line-height:1!important}

/* Article pages: same professional font and genuinely bright day mode. */
body.light .hero-card{background:radial-gradient(circle at 94% 2%,rgba(0,172,255,.13),transparent 40%),linear-gradient(145deg,#ffffff,#eff9ff)!important;border-color:rgba(18,111,199,.14)!important;box-shadow:0 30px 90px rgba(30,108,178,.13)!important}
body.light .section,body.light .side-card{background:linear-gradient(145deg,#ffffff,#f2faff)!important;border-color:rgba(18,111,199,.11)!important;box-shadow:0 18px 52px rgba(30,108,178,.055)!important}
body.light .fact,body.light .mini-grid div,body.light .related a,body.light .faq details{background:#f4fbff!important;border-color:rgba(18,111,199,.10)!important}
body.light .section p,body.light .section li,body.light .hero-lead{color:#557098!important}body.light .section h2,body.light .section h3{color:#10264b!important}

.local-warning{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#f8fcff,#ecf8ff);color:#10244a}.local-warning-card{width:min(540px,100%);padding:34px;border:1px solid rgba(18,111,199,.16);border-radius:26px;background:#fff;box-shadow:0 30px 90px rgba(30,108,178,.16);text-align:center}.local-warning-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:linear-gradient(145deg,#16a8ff,#7657ef);color:#fff;font:800 20px var(--display-font)}.local-warning h2{font:800 25px/1.2 var(--display-font);margin:0 0 12px}.local-warning p{margin:0;color:#557098;line-height:1.7}

@media(max-width:650px){.test-core{width:230px!important;height:230px!important}.core-content{width:174px!important;height:162px!important}.start-label{font-size:29px!important}.speed-readout b{font-size:42px!important}.rocket-scene{width:116px;height:116px}.metric-card strong{font-size:clamp(24px,7vw,30px)!important}}
@media(max-width:390px){.test-core{width:216px!important;height:216px!important}.core-content{width:164px!important}.start-label{font-size:27px!important}.speed-readout b{font-size:39px!important}.metric-card strong{font-size:24px!important}.metric-card>div:nth-child(2){column-gap:4px!important}}
@media(prefers-reduced-motion:reduce){.rocket-orbit,.rocket-craft::after,.rocket-star,.test-core.testing::after{animation:none!important}}