
:root{--ink:#25232a;--muted:#6f6976;--paper:#fffdfb;--rose:#a6425a;--rose2:#7d2f46;--blush:#f7e9eb;--sage:#e8eee9;--line:#e9e1df;--night:#29232b;--max:1120px}
*{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.72}a{color:var(--rose2)}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(255,253,251,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:Georgia,serif;font-weight:700;font-size:22px;text-decoration:none;color:var(--ink)}.brand i{color:var(--rose);font-style:normal}.navlinks{display:flex;gap:22px;align-items:center}.navlinks a{text-decoration:none;color:var(--ink);font-size:14px}.navcta{padding:10px 15px;border-radius:999px;background:var(--night);color:white!important}
.hero{padding:86px 0 56px;background:radial-gradient(circle at 80% 20%,#f4dadd 0,transparent 32%),linear-gradient(180deg,#fffaf8,transparent)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--rose)}h1,h2,h3{font-family:Georgia,serif;line-height:1.08}h1{font-size:clamp(46px,7vw,82px);max-width:900px;margin:.18em 0}.lede{font-size:21px;color:#514b55;max-width:780px}.content{max-width:800px;padding:52px 0 80px}.content h1{font-size:clamp(42px,6vw,68px)}.content h2{font-size:34px;margin-top:50px}.content p{font-size:17px}.path,.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:36px 0 64px}.path>div,.card{border:1px solid var(--line);border-radius:18px;padding:24px;background:white}.path b{color:var(--rose);font-size:12px}.path h3,.card h3{font-size:22px;margin:10px 0}.card{text-decoration:none;color:var(--ink);transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(60,30,40,.08)}.card span{color:var(--rose);text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.1em}.callout,.affiliate-box{padding:25px;border-radius:18px;background:var(--blush);margin:34px 0}.affiliate-box{background:var(--night);color:white}.affiliate-box span{color:#f2b9c6;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.1em}.affiliate-box h2{margin:10px 0 12px}.affiliate-box small{display:block;margin-top:12px;color:#d8ced5}.button{display:inline-block;padding:14px 20px;border-radius:999px;text-decoration:none;font-weight:800}.primary{background:#fff;color:var(--night)}.next{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-weight:700}.checks p{padding:16px 0;border-bottom:1px solid var(--line)}.reviewbox{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:30px 0}.reviewbox div{padding:20px;border-bottom:1px solid var(--line)}.reviewbox div:nth-child(odd){border-right:1px solid var(--line)}.reviewbox span,.reviewbox b{display:block}.reviewbox span{font-size:12px;color:var(--muted);text-transform:uppercase}.source-note{font-size:13px!important;color:var(--muted)}footer{background:var(--night);color:#eee;padding:46px 0}.foot{display:flex;justify-content:space-between;gap:30px}.foot a{color:#ddd}.small{font-size:13px;color:#bdb3bd;max-width:580px}
.popup-backdrop{position:fixed;inset:0;background:rgba(22,17,23,.62);z-index:80;display:none;align-items:center;justify-content:center;padding:20px}.popup-backdrop.show{display:flex}.popup{width:min(720px,100%);background:#fffaf8;border-radius:24px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35);display:grid;grid-template-columns:1.05fr .95fr;position:relative}.popup-copy{padding:38px}.popup-art{background:linear-gradient(145deg,#7d2f46,#30232c);padding:38px;color:white;display:flex;flex-direction:column;justify-content:center}.popup h2{font-size:38px;margin:8px 0 12px}.popup-close{position:absolute;right:13px;top:12px;border:0;background:rgba(255,255,255,.8);width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}.popup .button{background:var(--rose);color:white}.popup small{display:block;margin-top:12px;color:var(--muted)}
@media(max-width:800px){.navlinks a:not(.navcta){display:none}.path,.cards{grid-template-columns:1fr 1fr}.popup{grid-template-columns:1fr}.popup-art{display:none}.hero{padding-top:60px}.foot{display:block}.reviewbox{grid-template-columns:1fr}.reviewbox div:nth-child(odd){border-right:0}}
@media(max-width:520px){.path,.cards{grid-template-columns:1fr}.wrap{width:min(100% - 28px,var(--max))}h1{font-size:44px}.content h2{font-size:30px}}
