:root{font-family:Manrope,system-ui,sans-serif;color:#172119;background:#f3f4ee}*{box-sizing:border-box}body{min-width:320px;margin:0;background:linear-gradient(#243c2909 1px,transparent 1px),linear-gradient(90deg,#243c2909 1px,transparent 1px),#f3f4ee;background-size:48px 48px}.page-shell{width:min(1180px,100%);margin:auto;padding:28px 24px 48px}.topbar,.brand,.status,.ip-card,dl>div,footer{display:flex;align-items:center}.topbar,.ip-card,dl>div,footer{justify-content:space-between}.brand{gap:10px;color:inherit;font-weight:700;text-decoration:none}.brand b{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#fff;background:#1d4c2e}.status{gap:8px;padding:8px 12px;border-radius:99px;color:#245d35;background:#e8f5e8;font-size:12px;font-weight:700}.status i{width:7px;height:7px;border-radius:50%;background:#3ba55c;box-shadow:0 0 0 4px #3ba55c22}.status.offline{color:#8a402d;background:#fff0e8}.status.offline i{background:#d26849}.hero{padding:88px 0 44px}.eyebrow{margin:0 0 10px;color:#67806c;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(48px,8vw,90px);line-height:.94;letter-spacing:-.07em}.hero h1 span{color:#53705b}.hero>p:not(.eyebrow){max-width:560px;margin:24px 0 32px;color:#677068;font-size:15px;line-height:1.65}.ip-card{gap:24px;width:min(620px,100%);padding:20px 22px;border:1px solid #1c32211f;border-radius:20px;background:#fffffcdd;box-shadow:0 14px 40px #20312314}.ip-card div{min-width:0}.ip-card small{display:block;margin-bottom:5px;color:#7a827b}.ip-card strong{display:block;overflow:hidden;font-size:clamp(19px,4vw,29px);text-overflow:ellipsis}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{padding:26px;border:1px solid #1c32211f;border-radius:24px;background:#fffffce8;box-shadow:0 18px 55px #20312312}.panel h2{margin:0;font-size:21px;letter-spacing:-.03em}dl{margin:20px 0 0;border-top:1px solid #e3e7df}dl>div{gap:18px;min-height:49px;border-bottom:1px solid #e3e7df}dt{color:#747d75;font-size:12px}dt small{padding:2px 5px;border-radius:4px;background:#f0eee5;font-size:8px;text-transform:uppercase}dd{max-width:62%;margin:0;overflow-wrap:anywhere;text-align:right;font-size:13px;font-weight:600}.good{color:#27633a}.warn{color:#9a562f}.muted{color:#818781}button{border:0;border-radius:12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.ip-card button{padding:10px 13px;color:#1d4c2e;background:#e8f0e7}.ip-card button:disabled{opacity:.5}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.results div{padding:17px 8px;border-radius:15px;background:#f3f5ef;text-align:center}.results span,.results small{display:block;color:#747d75;font-size:10px}.results strong{display:block;margin:6px 0 3px;font-size:25px}.speed>button{width:100%;padding:14px;color:#fff;background:#1d4c2e}.speed>button:disabled{opacity:.6;cursor:wait}.speed>p{margin:12px 0 0;color:#818781;font-size:10px;text-align:center}footer{flex-wrap:wrap;gap:18px;padding:30px 4px 0;color:#7f877f;font-size:10px}footer p{max-width:580px;margin:0}footer a{color:#1d4c2e;font-weight:700;text-decoration:none}@media(max-width:760px){.page-shell{padding:20px 15px 35px}.hero{padding:62px 0 34px}.grid{grid-template-columns:1fr}.panel{padding:21px;border-radius:20px}footer{align-items:flex-start;flex-direction:column}}