:root{--plum:#3b1f3a;--rose:#c2577a;--rose-dark:#a23d60;--cream:#fbf5f1;--ink:#2a1a29}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}.wrap{max-width:60rem;margin:0 auto;padding:0 1.25rem}section{padding:3rem 0}h1,h2,h3{color:var(--plum);margin:0 0 .75rem;line-height:1.2}h1{font-size:2.1rem}h2{font-size:1.6rem}p{margin:0 0 1rem}.hero{background:var(--plum);color:#fff;padding:3.5rem 0}.hero h1{color:#fff}.hero .brand{text-transform:uppercase;letter-spacing:.12em;color:#f3c6d4;margin-bottom:1rem;font-size:.85rem}.hero p.lead{max-width:36rem;font-size:1.15rem}.btn{background:var(--rose);color:#fff;border-radius:2rem;margin-top:.5rem;padding:.9rem 1.6rem;font-weight:700;text-decoration:none;display:inline-block}.btn:hover,.btn:focus-visible{background:var(--rose-dark)}.grid{gap:1rem;display:grid}.card{background:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 4px #3b1f3a1f}.price{color:var(--rose-dark);font-weight:700}.alt{background:#f4e6e6}footer{background:var(--plum);color:#f3e8ee;text-align:center;padding:1.5rem 1.25rem;font-size:.9rem}@media (width>=700px){h1{font-size:3rem}.grid.cols{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}}
