:root{--ink:#201724;--plum:#4b234e;--rose:#a94e6b;--cream:#fffaf2;--paper:#fffdf9;--gold:#b78a43;--muted:#6e626f}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.7 Georgia,'Times New Roman',serif}
a{color:var(--plum)}.wrap{max-width:1080px;margin:auto;padding:0 24px}.top{background:var(--ink);color:white}.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:22px}.brand{font-size:24px;color:white;text-decoration:none;letter-spacing:.4px}.brand span{color:#e7b9c8}
nav{display:flex;flex-wrap:wrap;gap:16px}nav a{color:#f8edf3;text-decoration:none;font:14px Arial,sans-serif}.hero{padding:70px 0 44px;background:linear-gradient(180deg,#f6e9ef,var(--cream))}
.kicker{font:700 12px Arial,sans-serif;letter-spacing:1.7px;text-transform:uppercase;color:var(--rose)}h1{font-size:clamp(38px,6vw,68px);line-height:1.02;max-width:850px;margin:10px 0 20px}
.lead{font-size:21px;max-width:760px;color:#4e414e}.grid{display:grid;grid-template-columns:2fr 1fr;gap:46px;padding:46px 24px}.card{background:var(--paper);border:1px solid #eadde3;border-radius:16px;padding:24px;margin:18px 0}
h2{font-size:30px;line-height:1.2;margin-top:38px}h3{font-size:21px}.btn{display:inline-block;background:var(--plum);color:white;text-decoration:none;padding:13px 18px;border-radius:999px;font:700 14px Arial,sans-serif;margin:5px 7px 5px 0}
.btn.alt{background:white;color:var(--plum);border:1px solid var(--plum)}.note{border-left:4px solid var(--gold);padding:12px 18px;background:#fff7e8}.affiliate{font:13px/1.5 Arial,sans-serif;color:var(--muted)}
footer{margin-top:50px;background:var(--ink);color:#ddd;padding:36px 0;font:14px/1.6 Arial,sans-serif}footer a{color:white}.crumb{font:13px Arial,sans-serif;color:var(--muted);padding-top:18px}
ul{padding-left:22px}.cta{background:#f4e3eb;border:1px solid #dfc0cd;border-radius:18px;padding:26px;margin:34px 0}.cta h2{margin-top:0}.small{font-size:14px;color:var(--muted)}
@media(max-width:760px){.top .wrap{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:18px}.grid{grid-template-columns:1fr;gap:12px}.hero{padding-top:48px}nav{gap:10px 14px}h1{font-size:43px}}