/* GearCheck Lab Internet Speed Test — premium diagnostic layout */
:root{--st-cyan:#35e7ff;--st-teal:#41ffd2;--st-blue:#1aaee6;--st-violet:#9368ff;--st-panel:#06121e;--st-panel2:#081927;--st-line:#16435b;--st-text:#eefbff;--st-muted:#9cb8c7}
html{background:#030811}
body{overflow-x:hidden;background:radial-gradient(circle at 78% 13%,rgba(53,231,255,.13),transparent 34rem),radial-gradient(circle at 12% 42%,rgba(26,174,230,.08),transparent 28rem),linear-gradient(rgba(30,87,112,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(30,87,112,.045) 1px,transparent 1px),#030811!important;background-size:auto,auto,34px 34px,34px 34px!important}
.network-utility{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(53,231,255,.14);background:linear-gradient(90deg,#06192a,#082237 48%,#06192a);color:#bfd8e5;font:800 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.network-utility-inner{width:min(1540px,calc(100% - 48px));display:flex;align-items:center;justify-content:space-between;gap:24px}
.utility-lead{display:flex;align-items:center;gap:10px;color:#d6e9f0}.utility-lead:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--st-cyan);box-shadow:0 0 14px var(--st-cyan)}
.utility-points{display:flex;align-items:center;gap:28px;color:#88dff0}.utility-points span{white-space:nowrap}
.shell{max-width:1540px!important;margin:0 auto!important;padding:0 48px 80px!important}
header{height:116px!important;position:relative!important;top:auto!important;z-index:5!important;margin:0!important;padding:0!important;border-bottom:1px solid rgba(53,231,255,.18)!important;background:rgba(3,8,17,.75)!important;backdrop-filter:blur(18px)!important;overflow:visible!important}
header .brand{font-size:1.15rem;letter-spacing:.07em;gap:12px!important;white-space:nowrap}
header .brand:before{content:"";width:44px;height:44px;display:inline-block;border:3px solid #b8f6ff;border-radius:12px;box-shadow:inset 0 0 0 5px rgba(53,231,255,.08),0 0 20px rgba(53,231,255,.13);background:radial-gradient(circle,#0d2535 0 26%,transparent 28%),conic-gradient(from 45deg,var(--st-cyan),#dffcff,var(--st-cyan),#dffcff,var(--st-cyan));-webkit-mask:radial-gradient(circle,transparent 0 27%,#000 29% 100%);mask:radial-gradient(circle,transparent 0 27%,#000 29% 100%)}
header nav{display:flex!important;gap:14px!important;flex-wrap:nowrap!important;align-items:center;overflow:visible!important}
header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px!important;border:1px solid #17415a!important;border-radius:999px!important;background:linear-gradient(180deg,#081a28,#06131f)!important;color:#d8edf6!important;font-size:.84rem!important;font-weight:850!important;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.18)}
header nav a:hover,header nav a:focus-visible{border-color:var(--st-cyan)!important;color:#fff!important;box-shadow:0 0 0 3px rgba(53,231,255,.08),0 0 28px rgba(53,231,255,.09)}
main{padding-top:0!important;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(520px,.98fr);gap:38px 54px;align-items:start}
.hero{padding:72px 0 22px!important;min-width:0;position:relative}
.hero:before{content:"";position:absolute;left:-48px;top:34px;width:370px;height:370px;background:radial-gradient(circle,rgba(53,231,255,.08),transparent 68%);pointer-events:none}
.eyebrow{position:relative;color:var(--st-cyan)!important;font-size:.82rem!important;letter-spacing:.20em!important;margin-bottom:16px!important}
.hero h1{position:relative;font-size:clamp(4rem,6.3vw,7.2rem)!important;line-height:.86!important;letter-spacing:-.065em!important;margin:0 0 28px!important;max-width:760px;text-transform:uppercase}
.hero h1 span{display:block;color:var(--st-cyan)!important;text-shadow:0 0 26px rgba(53,231,255,.10)}
.hero>p{position:relative;max-width:760px!important;color:#c2d2db!important;font-size:clamp(1.02rem,1.3vw,1.25rem)!important;line-height:1.75!important;margin:0}
.hero-meta{position:relative;margin-top:30px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,max-content));gap:13px 32px!important}
.hero-meta span{border:0!important;background:transparent!important;border-radius:0!important;padding:0!important;color:#8fddec!important;font-size:.9rem!important;display:flex;align-items:center;gap:10px}
.hero-meta span:before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border:1px solid #1b88a9;border-radius:50%;color:var(--st-cyan);font-size:.72rem;box-shadow:0 0 16px rgba(53,231,255,.10)}
.toc{position:relative;margin-top:34px!important;padding:17px 18px!important;border-color:#123c53!important;background:rgba(5,18,30,.72)!important;box-shadow:inset 0 1px rgba(255,255,255,.015)}
.toc strong{font:800 .7rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#7e9ead}
.toc-links{gap:8px!important}.toc a{padding:7px 10px;border:1px solid #153d52;border-radius:999px;background:#061521;color:#9beeff!important;font-size:.78rem!important}
.lab{margin:56px 0 0!important;min-width:0;position:relative;padding:32px 32px 28px!important;border:1px solid #16445d!important;border-radius:28px!important;background:radial-gradient(circle at 50% 20%,rgba(53,231,255,.10),transparent 42%),linear-gradient(145deg,rgba(7,26,41,.98),rgba(3,12,21,.99))!important;box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.025)!important;overflow:hidden}
.lab:before,.lab:after{content:"";position:absolute;pointer-events:none}.lab:before{inset:0;background:linear-gradient(rgba(53,231,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(53,231,255,.028) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}.lab:after{width:240px;height:240px;right:-90px;top:-100px;border:1px solid rgba(53,231,255,.10);border-radius:50%;box-shadow:0 0 0 34px rgba(53,231,255,.018),0 0 0 68px rgba(53,231,255,.012)}
.status{position:relative;z-index:1;justify-content:center;color:#8effd6!important;font-size:.75rem!important;margin-bottom:8px}.dot{background:var(--st-teal)!important;box-shadow:0 0 18px var(--st-teal)!important}
.gauge{position:relative;z-index:1;width:min(430px,86vw)!important;margin:28px auto 0!important;overflow:hidden!important}
.arc{border-width:26px!important;border-color:#113149!important;border-left-color:#1aaee6!important;border-top-color:var(--st-cyan)!important;border-right-color:var(--st-teal)!important;filter:drop-shadow(0 0 12px rgba(53,231,255,.16))}
.needle{height:5px!important;background:linear-gradient(90deg,#d6fbff,var(--st-teal))!important;box-shadow:0 0 20px var(--st-cyan)!important}.needle:after{background:#dffcff!important;box-shadow:0 0 18px rgba(53,231,255,.7)}
.speed{position:relative;z-index:2;margin-top:-2px}.speed strong{font-size:clamp(4.3rem,7vw,6.6rem)!important;letter-spacing:-.055em;color:#f1fcff;text-shadow:0 10px 28px rgba(0,0,0,.35)}.speed span{font-size:1rem;color:#b8d0dc!important}
.phase{position:relative;z-index:2;margin-top:10px!important;font-size:.78rem!important;color:var(--st-teal)!important}
.run{position:relative;z-index:2;margin:22px auto 0!important;min-width:190px;min-height:50px;border-radius:12px!important;border:1px solid var(--st-cyan)!important;background:linear-gradient(135deg,var(--st-cyan),#35c8ff)!important;box-shadow:0 10px 34px rgba(53,231,255,.12);transition:transform .18s ease,box-shadow .18s ease}.run:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 40px rgba(53,231,255,.20)}
.error{position:relative;z-index:2}
.metrics{position:relative;z-index:2;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:28px!important}
.metric{min-width:0;padding:15px!important;border-color:#16445d!important;background:linear-gradient(180deg,rgba(7,26,41,.92),rgba(4,15,25,.95))!important;box-shadow:inset 0 1px rgba(255,255,255,.02)}
.metric span{color:#8eb2c3!important;font-size:.66rem!important}.metric strong{font-size:1.55rem!important;color:#f0fbff}.metric em{color:#63cfe3!important}
.metric:nth-child(1){border-top:2px solid var(--st-cyan)!important}.metric:nth-child(2){border-top:2px solid var(--st-teal)!important}.metric:nth-child(3){border-top:2px solid var(--st-blue)!important}.metric:nth-child(4){border-top:2px solid var(--st-violet)!important}
.quality{position:relative;z-index:2;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:10px!important}.quality div{padding:14px!important;border-color:#153d53!important;background:#051522!important}.quality b{color:var(--st-cyan)!important;font-size:.84rem}.quality span{font-size:.76rem!important;line-height:1.35;display:block;margin-top:3px}
.content{grid-column:1/-1;margin-top:4px!important;max-width:1260px;width:100%;justify-self:center;padding-top:34px}
.content .section{padding:36px 0!important}.content h2{font-size:clamp(1.8rem,3vw,2.7rem)!important;letter-spacing:-.025em}.content .card,.table-wrap,.step,.faq details,.related-links a{background:linear-gradient(180deg,rgba(7,23,37,.92),rgba(4,15,25,.96))!important;border-color:#164058!important}.content a{color:#67e9ff}
footer{grid-column:1/-1}
@media(max-width:1180px){.shell{padding-left:28px!important;padding-right:28px!important}header{height:100px!important}header nav{gap:8px!important}header nav a{padding:0 15px!important;min-height:44px}main{grid-template-columns:minmax(0,1fr) minmax(440px,.9fr);gap:34px}.hero h1{font-size:clamp(3.7rem,7vw,6rem)!important}.lab{padding:28px 22px 24px!important}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){.network-utility-inner{width:calc(100% - 28px)}.utility-points{display:none}.shell{padding:0 18px 64px!important}header{height:82px!important;position:relative!important}header .brand:before{width:36px;height:36px}header nav{display:flex!important}header nav a{font-size:.73rem!important;padding:0 12px!important;min-height:40px}main{display:block}.hero{padding:50px 0 20px!important}.hero h1{font-size:clamp(3.2rem,11vw,5.3rem)!important}.lab{margin:22px 0 0!important}.content{padding-top:28px}}
@media(max-width:650px){.network-utility{min-height:38px}.network-utility-inner{justify-content:center}.utility-lead{font-size:.63rem;text-align:center}header{height:74px!important}header .brand{font-size:.95rem}header .brand:before{width:30px;height:30px;border-width:2px}header nav{display:none!important}.hero{padding-top:38px!important}.hero h1{font-size:clamp(2.9rem,15vw,4.4rem)!important}.hero>p{font-size:1rem!important}.hero-meta{grid-template-columns:1fr!important;gap:10px!important}.toc{padding:14px!important}.lab{padding:22px 14px 20px!important;border-radius:20px!important}.gauge{width:min(330px,86vw)!important}.arc{border-width:20px!important}.speed strong{font-size:4.2rem!important}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quality{grid-template-columns:1fr!important}.content{padding-top:20px}.content .section{padding:28px 0!important}}