.mobile-hero{padding:48px 0 40px}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center}
.mobile-hero h1{font-size:clamp(3.2rem,5.8vw,5.9rem);line-height:.9;letter-spacing:-.06em;margin:12px 0 20px}
.lead{font-size:1.17rem;line-height:1.65;color:#d8dde7}
.wtf{margin:20px 0;padding:15px 17px;border-left:3px solid var(--cyan);background:rgba(86,215,255,.055);border-radius:0 12px 12px 0;font-weight:850}
.tower-scene{width:min(100%,480px);justify-self:center;position:relative;height:400px;display:grid;place-items:center}
.mast{position:absolute;bottom:20px;width:20px;height:300px;background:linear-gradient(#89919b,#30363c);border-radius:7px;z-index:3}
.arm{position:absolute;width:160px;height:8px;background:#626a74;left:50%;transform:translateX(-50%);top:70px}
.arm.a2{top:145px}
.ant{position:absolute;width:18px!important;height:72px!important;min-width:18px!important;max-width:18px!important;min-height:72px!important;max-height:72px!important;background:#ececec;border:2px solid #aaa;border-radius:5px;z-index:4;box-sizing:border-box}
.ant.l1{left:calc(50% - 78px);top:92px}
.ant.r1{left:calc(50% + 60px);top:92px}
.ant.l2{left:calc(50% - 78px);top:167px}
.ant.r2{left:calc(50% + 60px);top:167px}
.ring{position:absolute;border:2px solid rgba(86,215,255,.35);border-radius:50%;animation:pulse 2.4s infinite}
.r1{width:240px;height:135px}.r2{width:355px;height:225px;animation-delay:.8s}.r3{width:470px;height:330px;animation-delay:1.6s}
@keyframes pulse{0%,100%{opacity:.12;transform:scale(.9)}50%{opacity:.7;transform:scale(1)}}
.badge5g{position:absolute;right:35px;top:25px;font-size:3rem;font-weight:950;color:#fff;text-shadow:0 0 22px var(--cyan)}
.fact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:28px}
.fact{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:17px}
.fact strong{display:block;color:var(--gold);font-size:1.18rem}.fact small{color:var(--muted)}
.race-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px}
.race-row{display:grid;grid-template-columns:105px 1fr 110px;gap:10px;align-items:center;margin:18px 0}
.track{height:25px;background:#0d121a;border-radius:99px;overflow:hidden;border:1px solid var(--line)}
.runner{height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--cyan));transition:width 1.8s cubic-bezier(.2,.8,.2,1)}
.race-row span:last-child{text-align:right}
.range{width:100%;accent-color:var(--orange);margin:17px 0}
.bigtime{font-size:clamp(2.6rem,6vw,4.7rem);font-weight:950;color:var(--gold);line-height:1}
.times{display:grid;gap:8px;margin-top:17px}.time-row{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--line)}
.latency-lab{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pingbox{min-height:260px;border-radius:20px;background:#0c121b;border:1px solid var(--line);display:grid;place-items:center;text-align:center;padding:25px}
.pingdot{width:48px;height:48px;border-radius:50%;background:var(--orange);box-shadow:0 0 24px rgba(255,138,42,.55);cursor:pointer;display:none}
.pingdot.show{display:block}
.ping-result{font-size:2rem;font-weight:950;color:var(--gold);margin-top:12px}
.network-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.network-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}.network-card .g{font-size:2.5rem;font-weight:950;color:var(--cyan)}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.choice{padding:14px;border:1px solid var(--line);border-radius:12px;background:#202631;color:#fff;font-weight:900;cursor:pointer}.choice.good{outline:2px solid var(--green)}.choice.bad{outline:2px solid #ff6969}.quiz-result{min-height:44px;margin-top:14px;font-weight:850}
.adbox{border:1px solid rgba(255,190,70,.42);border-radius:25px;padding:28px;background:linear-gradient(135deg,rgba(255,138,36,.13),rgba(49,204,255,.08),var(--panel))}
.adlabel{display:inline-block;font-size:.68rem;letter-spacing:.14em;font-weight:900;border:1px solid #717784;border-radius:99px;padding:5px 9px;color:#b8bec9}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:16px 18px;margin:9px 0}.faq summary{font-weight:900;cursor:pointer}
.sources{color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.sources a{color:#a9e8ff}
.next-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.next-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:19px;text-decoration:none}.next-card strong{display:block;margin:5px 0}.next-card small{color:var(--muted)}
@media(max-width:820px){
 .hero-grid,.race-grid,.latency-lab{grid-template-columns:1fr}
 .fact-strip{grid-template-columns:1fr 1fr}
 .network-cards{grid-template-columns:1fr}
 .mobile-hero h1{font-size:clamp(3rem,14vw,5rem)}
 .tower-scene{transform:scale(.83);margin:-25px 0}
 .race-row{grid-template-columns:80px 1fr 85px;font-size:.8rem}
 .quiz-options,.next-cards{grid-template-columns:1fr}
}

/* Hero mast correction */
.tower-scene .mast{left:50%;transform:translateX(-50%);bottom:25px}
.tower-scene .arm{left:50%;transform:translateX(-50%);width:155px}
.tower-scene .badge5g{z-index:6}
@media(max-width:820px){
 .tower-scene .ant{width:16px!important;height:62px!important;min-width:16px!important;max-width:16px!important;min-height:62px!important;max-height:62px!important}
 .tower-scene .ant.l1{left:calc(50% - 66px);top:103px}
 .tower-scene .ant.r1{left:calc(50% + 50px);top:103px}
 .tower-scene .ant.l2{left:calc(50% - 66px);top:169px}
 .tower-scene .ant.r2{left:calc(50% + 50px);top:169px}
}