:root{
  --ink:#0f1b2d; --muted:#5b6b82; --bg:#f7f9fc; --card:#ffffff;
  --brand:#1a56db; --brand-dark:#1443a8; --accent:#0e9f6e;
  --warn:#c2410c; --bad:#b42318; --line:#e3e9f2; --radius:14px;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace}
.muted{color:var(--muted)} .small{font-size:.85rem}
a{color:var(--brand)} a:hover{color:var(--brand-dark)}
/* header */
.site-header{background:#0f1b2d;color:#fff;position:sticky;top:0;z-index:100}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.brand{color:#fff;text-decoration:none;font-weight:800;font-size:1.25rem;display:flex;align-items:center;gap:8px}
.brand-mark{color:#5aa2ff}
.site-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.site-nav a{color:#cdd8ea;text-decoration:none;font-size:.95rem}
.site-nav a:hover{color:#fff}
.inline-form{display:inline;margin:0}
.link-btn{background:none;border:none;color:#cdd8ea;cursor:pointer;font-size:.95rem;padding:0}
.link-btn:hover{color:#fff} .link-btn.danger{color:#f2a3a3}
/* buttons */
.btn{display:inline-block;background:var(--brand);color:#fff!important;text-decoration:none;border:none;border-radius:10px;padding:12px 22px;font-weight:700;cursor:pointer;font-size:1rem}
.btn:hover{background:var(--brand-dark)}
.btn-lg{padding:15px 30px;font-size:1.1rem}
.btn-sm{padding:8px 14px;font-size:.9rem}
.btn-ghost{background:#fff;color:var(--brand)!important;border:2px solid var(--brand)}
.btn-ghost:hover{background:#eef4ff}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 8px}
.micro{font-size:.85rem;color:var(--muted)}
/* hero */
.hero{background:linear-gradient(135deg,#0f1b2d 0%,#1a2f52 100%);color:#fff;padding:72px 0 56px}
.hero h1{font-size:2.6rem;line-height:1.15;margin:.3em 0}
.hero .lede{font-size:1.2rem;color:#cdd8ea;max-width:760px}
.kicker{color:#5aa2ff;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin:0 0 8px}
.page-hero{padding:48px 0 24px}
.page-hero h1{font-size:2.2rem;margin:.2em 0}
.lede{font-size:1.15rem;color:var(--muted)}
.narrow .wrap{max-width:560px}
/* cards */
.benefits{padding:56px 0}
.benefits h2,.before-after h2,.how h2,.faq h2,.cta-band h2{text-align:center;font-size:1.9rem;margin-bottom:28px}
.cards3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 2px 10px rgba(15,27,45,.05)}
.card-ico{font-size:2rem}
.card h3{margin:.5em 0}
.card-link{color:inherit;text-decoration:none}
.card-link:hover{border-color:var(--brand)}
/* before/after */
.before-after{background:#fff;padding:56px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:720px){.ba-grid{grid-template-columns:1fr}}
.ba-col{border-radius:var(--radius);padding:28px}
.ba-before{background:#fef2f2;border:1px solid #fecaca}
.ba-after{background:#ecfdf5;border:1px solid #a7f3d0}
.ba-col ul{padding-left:20px}
.ba-col li{margin-bottom:10px}
/* steps */
.how{padding:56px 0}
.steps{max-width:720px;margin:0 auto;font-size:1.1rem}
.steps li{margin-bottom:16px}
/* cta band */
.cta-band{background:linear-gradient(135deg,#1a56db,#0e9f6e);color:#fff;border-radius:var(--radius);padding:48px 32px;text-align:center;margin:56px 0}
.cta-band h2{color:#fff}
.cta-band .btn{background:#fff;color:var(--brand-dark)!important}
.cta-band .btn-ghost{background:transparent;color:#fff!important;border-color:#fff}
/* faq */
.faq{padding:40px 0 64px}
.faq .wrap{max-width:800px}
details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin-bottom:10px}
summary{font-weight:700;cursor:pointer}
/* plans */
.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:32px 0}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;position:relative}
.plan.hl{border:2px solid var(--brand);box-shadow:0 8px 30px rgba(26,86,219,.15)}
.plan-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:20px}
.price{font-size:2.4rem;font-weight:800;margin:.2em 0}
.price span{font-size:1rem;color:var(--muted);font-weight:400}
.plan-tag{color:var(--accent);font-weight:700}
.pricediff{font-size:.9rem;color:var(--muted)}
.plan ul{padding-left:20px;margin:16px 0}
.plan li{margin-bottom:8px}
.plan .btn{width:100%;text-align:center;margin-top:8px}
.buy-btn.subtle{display:block;text-align:center;margin-top:8px;font-size:.9rem}
.cost-line{font-size:.82rem;color:var(--muted);margin-top:12px}
.pro-exclusive{background:#fff;padding:48px 0;border-top:1px solid var(--line)}
.pro-exclusive .wrap{max-width:800px}
/* forms */
.domain-form{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.domain-form input[type=text]{flex:1;min-width:240px;padding:14px 16px;border:2px solid var(--line);border-radius:10px;font-size:1.05rem}
.auth-form{max-width:420px;margin:20px 0}
.auth-form label{display:block;margin-bottom:14px;font-weight:600}
.auth-form input{width:100%;padding:12px 14px;border:2px solid var(--line);border-radius:10px;font-size:1rem;margin-top:6px}
.alert{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:14px 18px}
.good-news{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:10px;padding:14px 18px}
/* report */
.report{padding-bottom:56px}
.score-row{display:flex;gap:20px;align-items:center;margin:24px 0}
.score{font-size:2.6rem;font-weight:800;border-radius:50%;width:110px;height:110px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.score span{font-size:1rem}
.score-good{background:#d1fae5;color:#065f46}.score-warn{background:#fef3c7;color:#92400e}.score-bad{background:#fee2e2;color:#991b1b}
.findings{display:grid;gap:12px;margin:16px 0}
.finding{background:#fff;border:1px solid var(--line);border-left:5px solid var(--muted);border-radius:10px;padding:16px 20px;display:flex;gap:14px;align-items:flex-start}
.finding.resolved{opacity:.6}
.sev{font-size:.75rem;font-weight:800;padding:3px 10px;border-radius:20px;background:#eef2f7;color:var(--muted);white-space:nowrap}
.sev-critical{background:#fee2e2;color:#991b1b}.sev-high{background:#ffedd5;color:#9a3412}.sev-medium{background:#fef3c7;color:#92400e}.sev-info{background:#dbeafe;color:#1e40af}
.finding.sev-critical{border-left-color:var(--bad)}.finding.sev-high{border-left-color:var(--warn)}.finding.sev-medium{border-left-color:#d97706}
.finding p{margin:.4em 0}
.code{background:#0f1b2d;color:#d1fae5;border-radius:10px;padding:16px 20px;overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;margin:16px 0;font-size:.92rem}
.tbl th,.tbl td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line)}
.tbl th{background:#f1f5f9}
/* dashboard */
.dash{padding-bottom:56px}
.dash h2{margin-top:36px}
.domain-cards{display:grid;gap:12px}
.domain-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 20px}
.dc-head{display:flex;justify-content:space-between;align-items:center}
.dc-stats{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.9rem;margin-top:8px}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0}
.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;text-align:center}
.stat-n{display:block;font-size:1.8rem;font-weight:800}
.stat-l{font-size:.85rem;color:var(--muted)}
.takedown-steps li{margin-bottom:22px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 22px}
.note-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:16px 20px;margin-top:24px}
/* legal/article */
.legal{max-width:800px;padding:40px 20px 64px}
.legal h2{margin-top:2em}
.legal ul,.legal ol{padding-left:24px}
.share-row{margin-top:32px;display:flex;gap:12px;align-items:center}
/* footer */
.site-footer{background:#0f1b2d;color:#cdd8ea;padding:48px 0 24px;margin-top:0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
@media(max-width:720px){.footer-grid{grid-template-columns:1fr 1fr}}
.site-footer a{color:#cdd8ea;text-decoration:none;display:block;margin-bottom:8px;font-size:.92rem}
.site-footer strong{color:#fff;display:block;margin-bottom:10px}
.footer-base{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px}
.footer-base{border-top:1px solid #263a5c}
@media(max-width:640px){.hero h1{font-size:2rem}.site-nav{gap:10px}}

/* AdSense slots — empty until ad units are pasted in after approval */
.adslot{margin:20px auto;max-width:970px;text-align:center}
.adslot:empty{display:none}