:root{--bg:#f7f9fc;--panel:#fff;--text:#101828;--muted:#667085;--accent:#175cd3;--line:#e4e7ec;color-scheme:light}html[data-theme=dark]{--bg:#0b1220;--panel:#111b2e;--text:#f0f4ff;--muted:#a8b3cf;--accent:#74a7ff;--line:#263450;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}header,footer{max-width:1120px;margin:auto;padding:1.2rem;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;font-size:1.2rem}a{color:var(--accent);text-decoration:none}nav{display:flex;gap:1rem;align-items:center}button,.primary{border:1px solid var(--line);border-radius:999px;padding:.7rem 1.2rem;background:var(--panel);color:var(--text);cursor:pointer}.hero{text-align:center;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}h1{font-size:clamp(2rem,6vw,4.5rem);line-height:1.05}.eyebrow{letter-spacing:.25em;color:var(--muted)}.go{width:150px;height:150px;background:var(--accent);color:white;border:10px solid color-mix(in srgb,var(--accent),transparent 75%);font-size:2.2rem;font-weight:800}.metrics{width:min(850px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}.metrics div{display:grid}.metrics span,.metrics small,.note{color:var(--muted)}.metrics strong{font-size:clamp(2rem,5vw,4rem);line-height:1.1}.links,.content{max-width:900px;margin:2rem auto;padding:2rem}.links{display:flex;flex-wrap:wrap;gap:1rem}.links h2{width:100%}.content{background:var(--panel);border:1px solid var(--line);border-radius:20px}.content h1{font-size:clamp(2rem,5vw,3.5rem)}.ip{font-size:clamp(1.7rem,5vw,3.5rem);font-weight:800;overflow-wrap:anywhere}dl{display:grid;grid-template-columns:1fr 2fr}dt{color:var(--muted)}table{width:100%;border-collapse:collapse}td,th{padding:.7rem;border-bottom:1px solid var(--line);text-align:left}form{display:grid;gap:1rem;max-width:520px}label{display:grid;gap:.3rem}input,select,textarea{padding:.7rem;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text)}footer{border-top:1px solid var(--line);flex-wrap:wrap;color:var(--muted)}@media(max-width:650px){header{align-items:flex-start}.brand{margin-right:.5rem}nav{gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.metrics{grid-template-columns:1fr 1fr}.go{width:125px;height:125px}.content{margin:1rem;border-radius:14px;padding:1.25rem}}