:root{--ink:#17211d;--muted:#5d6762;--paper:#f6f2e9;--white:#fffdf8;--accent:#7b4d2c;--accent2:#d8b58b;--line:#d8d0c3;--deep:#20312a;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:inherit} .wrap{width:min(calc(100% - 36px),var(--max));margin:auto}
.site-header{background:rgba(246,242,233,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}.brand{font-family:Georgia,serif;font-weight:700;font-size:1.25rem;text-decoration:none;letter-spacing:.01em}.brand span{color:var(--accent)}
nav{display:flex;gap:24px;font-size:.94rem}nav a{text-decoration:none;color:var(--muted)}nav a:hover{color:var(--ink)}
.hero{padding:88px 0 72px;background:linear-gradient(135deg,#f6f2e9 0%,#efe5d5 100%);border-bottom:1px solid var(--line)}
.hero-inner{max-width:880px}.eyebrow,.kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--accent);margin:0 0 12px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.12;margin-top:0}h1{font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.04em;margin-bottom:24px}h2{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.025em;margin-bottom:16px}h3{font-size:1.35rem}
.hero .lede{font-size:1.25rem;max-width:760px;color:#44504a;margin:0}.main{padding:24px 0 80px}.section{padding:52px 0;border-bottom:1px solid var(--line)}.section:last-child{border-bottom:0}.section-head{max-width:760px;margin-bottom:28px}
.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card{background:var(--white);border:1px solid var(--line);padding:28px;border-radius:16px}.card.feature{background:var(--deep);color:white}.card h3 a{text-decoration:none}.tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--accent)}.feature .tag{color:#e5c39d}
.text-link{font-weight:750;color:var(--accent);text-decoration:none}.feature .text-link{color:#f2d2ae}.split{display:grid;grid-template-columns:1.4fr .8fr;gap:36px;align-items:start}.note,.verdict{background:#eee4d5;border-left:4px solid var(--accent);padding:26px;border-radius:0 12px 12px 0}.note p:last-child{margin-bottom:0}
.comparison-links{display:grid;gap:12px}.comparison-links a{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;background:var(--white);border:1px solid var(--line);border-radius:12px;text-decoration:none}.comparison-links span{color:var(--muted)}
.table-wrap{overflow:auto;background:var(--white);border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#ece4d7;font-size:.83rem;text-transform:uppercase;letter-spacing:.06em}tr:last-child td{border-bottom:0}.fine{font-size:.84rem;color:var(--muted)}
.cta-box{background:var(--deep);color:white;border-radius:18px;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.cta-box h2{margin-bottom:8px}.cta-box p{margin-bottom:0}.button{display:inline-block;padding:13px 18px;border-radius:999px;background:#f0d1ac;color:#2a241f;text-decoration:none;font-weight:800;white-space:nowrap}.button.disabled{opacity:.7;cursor:not-allowed}
.breadcrumbs{font-size:.84rem;color:var(--muted);padding-top:22px}.breadcrumbs a{text-decoration:none}.site-footer{background:var(--deep);color:#e9eee9;padding:48px 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:32px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:#dbe2dd}.source-note{font-size:.84rem;color:var(--muted);margin-top:30px}
@media(max-width:760px){nav{display:none}.hero{padding:58px 0 48px}.card-grid,.card-grid.three,.split,.footer-grid{grid-template-columns:1fr}.comparison-links a,.cta-box{display:block}.comparison-links span{display:block;margin-top:6px}.cta-box .button{margin-top:18px}.section{padding:38px 0}}