:root{
  --bg:#f3f7fb;
  --bg-accent:#e7eef7;
  --panel:#ffffff;
  --panel-soft:#f8fbff;
  --line:#dbe5ef;
  --line-strong:#c8d5e3;
  --text:#0f172a;
  --muted:#526377;
  --primary:#12345a;
  --primary-soft:#eef5fb;
  --accent:#0f5bd7;
  --accent-strong:#0a46a8;
  --success:#15803d;
  --danger:#b91c1c;
  --warning:#b45309;
  --radius-xl:24px;
  --radius-lg:18px;
  --radius-md:14px;
  --shadow-soft:0 12px 30px rgba(15,23,42,.06);
  --shadow:0 18px 38px rgba(15,23,42,.12);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  min-height:100vh;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(15,91,215,.08), transparent 28%),
    radial-gradient(circle at top right, rgba(18,52,90,.08), transparent 22%),
    linear-gradient(180deg,var(--bg) 0%,#f6f9fc 100%);
}
a{color:inherit}
img{max-width:100%;display:block}
main{display:block}
.container{width:min(1280px,calc(100% - 32px));margin:0 auto}
.page{padding:32px 0 48px}
.hero-card,.panel,.sidebar-card,.result-card,.listing-card,.feature-card,.pricing-card,.info-card,.footer-card,.site-card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-soft);
}
.hero-card,.panel,.sidebar-card,.footer-card,.site-card{padding:24px}
.stack{display:grid;gap:20px}
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;
  background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;
}
.page-title{margin:14px 0 10px;font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.05em;color:#17304f}
.page-subtitle,.section-copy{margin:0;color:var(--muted);line-height:1.8;font-size:16px}
.section-title{margin:0;font-size:30px;letter-spacing:-.04em;color:#17304f}
.pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:var(--primary-soft);border:1px solid #d3e3f4;color:var(--primary);font-size:12px;font-weight:800}
.alert{padding:14px 16px;border-radius:14px;font-weight:700;border:1px solid var(--line)}
.alert.ok{background:#effaf1;border-color:#bfe5c8;color:#166534}
.alert.err{background:#fff1f2;border-color:#fecdd3;color:#be123c}
.link-arrow{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--primary);font-weight:800}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.stat{padding:18px;border-radius:16px;background:var(--panel-soft);border:1px solid var(--line)}
.stat strong{display:block;font-size:24px;color:#17304f;letter-spacing:-.03em}
.stat span{display:block;margin-top:6px;color:var(--muted);font-size:14px;line-height:1.6}
.hero-split{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}
.site-card:hover,.hero-card:hover,.panel:hover,.feature-card:hover,.pricing-card:hover,.listing-card:hover,.result-card:hover{box-shadow:var(--shadow);transition:all .18s ease;transform:translateY(-1px)}