:root{--paper:#F8F3E8;--paper-soft:#FBF7EE;--ink:#1B1B1B;--ink-soft:#3F3F3F;--ink-muted:#6B6B6B;
--grey-100:#E6E0CF;--grey-200:#D2CAB4;--grey-300:#B7AE96;
--trust-50:#E6F0F3;--trust-100:#C2DAE0;--trust-600:#1F5E73;--trust-700:#184A5C;--trust-800:#133846;
--warm-100:#F4D6CD;--warm-600:#984E3C;--danger:#9B2C2C;--success:#2F6D4F;
--sans:"Public Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:960px;margin:0 auto;padding:0 24px}
a{color:var(--trust-700)}
header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--grey-100)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}
.brand svg{width:32px;height:32px;display:block}
.brand b{font-size:1.2rem;font-weight:700;letter-spacing:-.01em}
.nav-links{display:flex;align-items:center;gap:22px;font-size:.93rem}
.nav-links a{text-decoration:none;color:var(--ink-soft)}
.btn{display:inline-block;background:var(--trust-700);color:#fff !important;text-decoration:none;padding:11px 22px;border-radius:6px;font-weight:600;border:1px solid var(--trust-800)}
.btn:hover{background:var(--trust-800)}
.btn-alt{background:transparent;color:var(--trust-700) !important;border-color:var(--grey-300)}
.btn-alt:hover{background:var(--paper-soft)}
main{padding:40px 0 64px}
.crumb{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);margin-bottom:12px}
h1{font-size:clamp(1.9rem,4.4vw,2.7rem);line-height:1.12;letter-spacing:-.02em;font-weight:800;margin-bottom:16px;max-width:20ch}
.lede{font-size:1.12rem;color:var(--ink-soft);max-width:66ch;margin-bottom:22px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.micro{font-size:.85rem;color:var(--ink-muted);margin:8px 0 0;max-width:66ch}
section{margin-top:40px}
h2{font-size:1.4rem;letter-spacing:-.01em;margin-bottom:14px}
.tablewrap{overflow-x:auto;border:1px solid var(--grey-200);border-radius:8px}
table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:720px;background:var(--paper-soft)}
th{text-align:left;font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);padding:12px 14px;border-bottom:1px solid var(--grey-200);white-space:nowrap}
td{padding:12px 14px;border-bottom:1px solid var(--grey-100);vertical-align:top}
tr:last-child td{border-bottom:none}
td b{display:block;margin-bottom:3px}
.sc{display:block;color:var(--ink-muted);font-size:.82rem;max-width:44ch}
.lvl{text-transform:capitalize}
.rating{display:inline-block;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:999px;border:1px solid var(--grey-300)}
.r-low{background:var(--trust-50);border-color:var(--trust-100)}
.r-med{background:#FBEFD6;border-color:#E6C98C}
.r-high{background:var(--warm-100);border-color:var(--warm-600);color:var(--warm-600)}
.r-crit{background:#F3D2D2;border-color:var(--danger);color:var(--danger)}
.faq .qa{border-top:1px solid var(--grey-200);padding:16px 0}
.faq h3{font-size:1.05rem;margin-bottom:6px}
.faq p{color:var(--ink-soft);max-width:70ch}
.prod{background:var(--paper-soft);border:1px solid var(--grey-200);border-radius:10px;padding:28px}
.prod p{max-width:66ch;color:var(--ink-soft);margin-bottom:14px}
.more p{color:var(--ink-soft);line-height:2}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:8px}
.card{display:block;text-decoration:none;color:inherit;background:var(--paper-soft);border:1px solid var(--grey-200);border-radius:10px;padding:20px;transition:border-color .15s}
.card:hover{border-color:var(--trust-600)}
.card h2{font-size:1.1rem;margin-bottom:6px}
.card p{color:var(--ink-muted);font-size:.88rem;margin-bottom:10px}
.card .go{font-family:var(--mono);font-size:.72rem;color:var(--trust-700)}
footer{border-top:1px solid var(--grey-200);margin-top:56px;padding:24px 0}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--ink-muted)}
footer a{color:var(--ink-soft)}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--trust-600);outline-offset:2px}
@media(max-width:640px){.lede{font-size:1rem}}