/* Compare-cluster skin, usefulHQ design language, teal "value/pricing" accent. */
:root{
  --bg:#eaf1f2; --card:#ffffff; --ink:#12181a; --mut:#556468;
  --acc:#0891b2; --acc2:#f59e0b; --line:#d7e3e5;
  --best:rgba(8,145,178,.12); --good:#0891b2; --yes:#16a34a;
}
@media(prefers-color-scheme:dark){:root{
  --bg:#0e1618; --card:#152023; --ink:#eaf3f4; --mut:#93a6aa;
  --acc:#22d3ee; --acc2:#fbbf24; --line:#1f2f33;
  --best:rgba(34,211,238,.16); --good:#22d3ee; --yes:#4ade80;
}}
body{font-family:'Hanken Grotesk',system-ui,-apple-system,Segoe UI,Roboto,sans-serif !important;
  background-image:radial-gradient(rgba(60,120,140,.16) .5px,transparent .5px);background-size:22px 22px}
h1,h2,h3,.brand{font-family:'Bricolage Grotesque',system-ui,sans-serif !important;letter-spacing:-.02em}
h1{font-weight:800 !important}
.adslot{display:none !important}
.tnav{padding:14px 0 4px;text-align:center}
.tnav a{display:inline-block;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:13px;
  color:var(--ink);text-decoration:none;background:var(--card);border:2.5px solid var(--ink);border-radius:999px;
  padding:6px 14px;box-shadow:3px 3px 0 var(--ink)}
.tnav a:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}