:root{
  --bg:#06121a; --ink:#eaf4f3; --dim:#7d97a0; --c1:#28e0c8; --c2:#5b8cff; --c3:#ff5fa2;
  --panel:#0c1f2a; --line:#13303a;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  min-height:100svh;background:var(--bg);color:var(--ink);
  font-family:'Sora',system-ui,sans-serif;
  background-image:
    radial-gradient(900px 600px at 82% -12%, rgba(40,224,200,.13), transparent 70%),
    radial-gradient(820px 620px at -10% 112%, rgba(91,140,255,.13), transparent 72%);
}
nav{
  display:flex;justify-content:space-between;align-items:center;
  padding:20px 32px;
}
.mark{font-family:'Space Grotesk';font-weight:700;font-size:19px;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}
.mark i{font-style:normal;color:var(--c1)}
nav .r a{color:var(--c1);text-decoration:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
main{max-width:980px;margin:0 auto;padding:28px 32px 80px}
.eyebrow{font-family:'Space Grotesk';font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--c1);margin-bottom:14px}
h1{font-family:'Space Grotesk';font-weight:700;font-size:clamp(40px,7vw,76px);line-height:1.02;letter-spacing:-.03em}
h1 em{font-style:normal;background:linear-gradient(120deg,var(--c1),var(--c2),var(--c3));-webkit-background-clip:text;background-clip:text;color:transparent}
.lede{margin-top:16px;max-width:560px;color:var(--dim);font-size:16px;line-height:1.6}
.ip-card,.test{
  margin-top:28px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px;
}
.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--c1)}
.ip{font-family:'Space Grotesk';font-weight:700;font-size:clamp(32px,6vw,56px);letter-spacing:-.03em;margin-top:8px;word-break:break-all}
.place{color:var(--dim);margin-top:8px;min-height:1.4em}
.facts{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 22px}
.facts div{min-width:0}
.facts dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}
.facts dd{font-size:15px;line-height:1.4;overflow-wrap:anywhere}
button{
  font:600 14px/1 'Sora';color:#06121a;background:var(--c1);border:0;border-radius:999px;
  padding:16px 26px;cursor:pointer;
}
button:hover{transform:translateY(-2px)}
button:disabled{opacity:.55;cursor:progress;transform:none}
.status{color:var(--dim);margin-top:14px;min-height:1.4em}
.meters{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.meters article{border-top:1px solid var(--line);padding-top:14px}
.meters p{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.meters strong{display:block;font-family:'Space Grotesk';font-size:clamp(32px,5vw,48px);letter-spacing:-.03em;margin-top:6px}
.meters span{color:var(--c1);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
footer{border-top:1px solid var(--line);padding:28px 32px;text-align:center;color:var(--dim);font-size:12px}
footer a{color:var(--c1);text-decoration:none}
@media (max-width:720px){
  nav,main,footer{padding-left:18px;padding-right:18px}
  .ip-card,.test{padding:20px}
  .meters{grid-template-columns:1fr}
  button{width:100%}
}