*{box-sizing:border-box}
body{margin:0;background:#1d1321;color:#fff2dc;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}
main{max-width:980px;margin:auto;padding:24px 20px 48px}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-size:24px;font-weight:800;letter-spacing:-1px}
.brand img{border-radius:12px}
.brand span{color:#f0b176}
button{font:inherit;cursor:pointer;background:#352234;color:#fff2dc;border:1px solid #6b4a63;border-radius:12px;padding:10px 16px;min-height:48px}
button:focus-visible,a:focus-visible{outline:3px solid #f0b176;outline-offset:4px}
.hero{position:relative;overflow:hidden;border-radius:32px;padding:56px 32px 40px;background:linear-gradient(135deg,#ad1457,#e8505b 55%,#ef6c00)}
.bunting{position:absolute;inset:0 0 auto 0;height:34px;background:
 conic-gradient(from 150deg at 50% 0,#ffd54f 0 60deg,transparent 0) 0 0/52px 30px repeat-x,
 conic-gradient(from 150deg at 50% 0,#80deea 0 60deg,transparent 0) 26px 0/52px 30px repeat-x}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;color:#ffe7c2;margin:0}
h1{font-size:clamp(36px,7vw,64px);line-height:1.05;letter-spacing:-2px;margin:14px 0 16px;max-width:620px;text-shadow:0 2px 8px rgba(0,0,0,.25)}
.intro{font-size:18px;max-width:560px;color:#fff;margin:0}
.stores{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.store{display:flex;flex-direction:column;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:8px 18px;font-weight:800;font-size:18px;min-width:150px}
.store small{font-weight:600;font-size:11px;letter-spacing:1px;text-transform:uppercase;opacity:.85}
.hero-art{position:absolute;right:24px;bottom:18px;width:clamp(96px,18vw,170px);height:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}
h2{font-size:clamp(26px,4vw,36px);letter-spacing:-1px;margin:48px 0 16px}
.features{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.features h2{grid-column:1/-1;margin-bottom:0}
article{background:#301e2d;border:1px solid #4b3346;border-radius:22px;padding:22px}
article img{width:64px;height:64px}
h3{margin:10px 0 6px;font-size:19px}
article p{margin:0;color:#d0b6c2}
.promise{background:#301e2d;border-radius:22px;padding:4px 24px 20px;margin-top:40px}
.promise h2{margin-top:24px}
.promise li{margin:6px 0;color:#e7d4dd}
footer{text-align:center;color:#d0b6c2;margin-top:40px;font-size:14px}
footer nav{margin:10px 0}
footer a{color:#f0b176}
footer small{display:block;color:#a58a99}
@media(max-width:560px){main{padding:16px 14px 36px}.hero{padding:48px 20px 150px}.hero-art{right:50%;transform:translateX(50%)}}
@media(prefers-color-scheme:light){body{background:#fff6ec;color:#2b1a24}article,.promise{background:#fff;border-color:#efd9c6}article p,.promise li,footer{color:#6d5463}button{background:#fff;color:#2b1a24;border-color:#e1c7b3}footer a{color:#b3541e}.brand span{color:#c26a26}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}