.modem-hero{padding:48px 0 40px}.modem-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center}
.modem-hero h1{font-size:clamp(3.3rem,5.7vw,5.9rem);line-height:.9;letter-spacing:-.06em;margin:12px 0 20px;max-width:760px}
.modem-hero .lead{font-size:1.17rem;line-height:1.65;color:#d8dde7}
.hero-photo{width:min(100%,480px);justify-self:end;background:#f2f2f2;border:1px solid var(--line);border-radius:27px;overflow:hidden;box-shadow:var(--shadow)}
.hero-photo img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain}.credit{padding:8px 11px;background:var(--panel);font-size:.72rem;color:var(--muted)}
.wtf{margin:20px 0;padding:15px 17px;border-left:3px solid #56d7ff;background:rgba(86,215,255,.055);border-radius:0 12px 12px 0;font-weight:850}
.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.22rem}.fact small{color:var(--muted)}
.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.history-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden}.history-card img{width:100%;height:250px;object-fit:contain;background:#f2f2f2;display:block}.history-card .body{padding:18px}.history-card h3{font-size:1.45rem;margin:4px 0 9px}.history-card p{color:var(--muted)}
.dial-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.modem-box,.phone-box{background:linear-gradient(145deg,#161b25,#0c1017);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}
.modem-face{background:#0c0d11;border:2px solid #282b32;border-radius:15px;padding:18px}.leds{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:15px}.led{font:700 11px monospace;color:#848b97}.led::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#47211f;margin-right:5px}.led.on::before{background:#ff4438;box-shadow:0 0 11px #ff4438}
.modem-display{background:#07110a;color:#75ff8a;border:1px solid #25442c;border-radius:10px;padding:16px;min-height:160px;font-family:"Courier New",monospace;white-space:pre-line;line-height:1.5}
.modem-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.phone{font-size:5rem;text-align:center;margin:12px}.line-state{padding:15px;border-radius:13px;background:#121720;text-align:center;font-weight:900}.line-state.busy{background:#351616;color:#ff9b95}.line-state.free{background:#12301b;color:#8dffa3}
.speed-lab{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:25px}.range{width:100%;accent-color:var(--orange);margin:18px 0}.download-result{font-size:clamp(2.5rem,6vw,4.8rem);font-weight:950;line-height:1;color:var(--gold)}.download-small{color:var(--muted);margin-top:8px}.bars{margin-top:22px}.speedbar{margin:12px 0}.speedbar label{display:flex;justify-content:space-between;font-weight:800}.bar{height:13px;background:#222a35;border-radius:99px;overflow:hidden;margin-top:6px}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--cyan));min-width:3px}
.quiz{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:23px}.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}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare>div{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}.compare strong{font-size:1.5rem}
.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){.modem-grid,.history-grid,.dial-grid,.compare{grid-template-columns:1fr}.hero-photo{justify-self:center;width:min(100%,430px)}.fact-strip{grid-template-columns:1fr 1fr}.modem-hero h1{font-size:clamp(3rem,14vw,5rem)}.quiz-options,.next-cards{grid-template-columns:1fr}.history-card img{height:auto;max-height:360px}}