:root{
    --bg:#0f172a; --bg-soft:#1e293b; --card:#ffffff; --ink:#0f172a; --muted:#64748b;
    --line:#e2e8f0; --brand:#2563eb; --brand-dark:#1d4ed8;
    --safe:#16a34a; --safe-bg:#dcfce7; --caution:#d97706; --caution-bg:#fef3c7;
    --risk:#dc2626; --risk-bg:#fee2e2; --unknown:#64748b; --unknown-bg:#f1f5f9;
    --radius:14px; --shadow:0 6px 24px rgba(15,23,42,.08);
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    color:var(--ink);background:#f8fafc;line-height:1.55}
.container{width:100%;max-width:960px;margin:0 auto;padding:0 20px}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2{line-height:1.2}

/* Header / footer */
.site-header{background:var(--bg);color:#fff}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{color:#fff;font-weight:700;font-size:1.25rem;display:flex;align-items:center;gap:8px}
.brand:hover{text-decoration:none}
.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--safe);
    border-radius:8px;font-size:.9rem;color:#fff}
.site-nav a{color:#cbd5e1}
.site-footer{margin-top:64px;padding:32px 0;background:var(--bg);color:#cbd5e1;font-size:.9rem}
.site-footer a{color:#93c5fd}
.muted{color:var(--muted)}
main.container{min-height:60vh;padding-top:40px}

/* Hero + form */
.hero{text-align:center;padding:32px 0 16px}
.hero h1{font-size:2.4rem;margin:0 0 12px}
.hero-sub{font-size:1.1rem;color:var(--muted);max-width:640px;margin:0 auto 24px}
.check-form{display:flex;gap:10px;max-width:520px;margin:0 auto 12px}
.check-form input{flex:1;padding:15px 18px;font-size:1.05rem;border:2px solid var(--line);
    border-radius:12px;outline:none}
.check-form input:focus{border-color:var(--brand)}
.check-form button{padding:15px 26px;font-size:1.05rem;font-weight:600;color:#fff;background:var(--brand);
    border:none;border-radius:12px;cursor:pointer}
.check-form button:hover{background:var(--brand-dark)}
.alert{background:var(--risk-bg);color:var(--risk);padding:10px 16px;border-radius:10px;max-width:520px;margin:0 auto 16px}

/* Features */
.how{margin-top:48px}
.how h2,.lists h2{text-align:center;margin-bottom:24px}
.feature-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.feature-grid li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
    padding:18px;box-shadow:var(--shadow)}
.feature-grid strong{display:block;margin-bottom:6px}
.feature-grid span{color:var(--muted);font-size:.95rem}

/* Chips */
.chip-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;
    background:var(--card);border:1px solid var(--line);font-size:.95rem}
.chip-score{font-weight:700;font-size:.85rem;padding:1px 8px;border-radius:999px;color:#fff}
.chip-safe .chip-score{background:var(--safe)}
.chip-caution .chip-score{background:var(--caution)}
.chip-risk .chip-score{background:var(--risk)}
.chip-unknown .chip-score{background:var(--unknown)}

/* Report page */
.report{max-width:760px;margin:0 auto}
.crumbs{font-size:.9rem;color:var(--muted);margin-bottom:16px}
.report-head{display:flex;gap:24px;align-items:center;padding:28px;border-radius:var(--radius);
    box-shadow:var(--shadow);margin-bottom:24px}
.report-safe{background:var(--safe-bg)}
.report-caution{background:var(--caution-bg)}
.report-risk{background:var(--risk-bg)}
.report-unknown{background:var(--unknown-bg)}
.gauge{text-align:center;min-width:120px}
.gauge-score{font-size:3rem;font-weight:800;line-height:1}
.gauge-score small{font-size:1rem;font-weight:500;color:var(--muted)}
.gauge-badge{margin-top:6px;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.04em}
.report-safe .gauge-badge{color:var(--safe)}
.report-caution .gauge-badge{color:var(--caution)}
.report-risk .gauge-badge{color:var(--risk)}
.report-head-text h1{margin:0 0 8px;font-size:1.8rem}
.report-summary{font-size:1.1rem;margin:0 0 6px}

.facts,.checks,.disclaimer{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
    padding:24px;margin-bottom:20px;box-shadow:var(--shadow)}
.facts h2,.checks h2{margin-top:0}
.facts dl{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin:0}
.facts dt{font-weight:600;color:var(--muted)}
.facts dd{margin:0}

.check-list{list-style:none;margin:0;padding:0}
.check{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.check:last-child{border-bottom:none}
.check-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font-weight:700;flex-shrink:0;color:#fff}
.check-pass .check-icon{background:var(--safe)}
.check-warn .check-icon{background:var(--caution)}
.check-fail .check-icon{background:var(--risk)}
.check-info .check-icon{background:var(--unknown)}
.check strong{display:block}
.check span{color:var(--muted);font-size:.95rem}

.disclaimer p{color:var(--muted)}
.dispute-form{display:flex;flex-direction:column;gap:10px;margin-top:12px;max-width:480px}
.dispute-form input,.dispute-form textarea{padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit}
.dispute-form button,.btn-secondary{align-self:flex-start;padding:12px 20px;background:var(--brand);color:#fff;
    border:none;border-radius:10px;cursor:pointer;font-weight:600}
.btn-secondary{display:inline-block}
.btn-secondary:hover{text-decoration:none;background:var(--brand-dark)}
.recheck{text-align:center;margin-top:24px}

.prose{max-width:720px;margin:0 auto}
.prose h2{margin-top:32px}
.prose li{margin-bottom:6px}

@media(max-width:600px){
    .hero h1{font-size:1.9rem}
    .check-form{flex-direction:column}
    .report-head{flex-direction:column;text-align:center}
}