:root {
    --bg: #141112;
    --text: #f7eff1;
    --muted: #c4aeb3;
    --line: #4a3138;
    --accent: #ff9473;
}
* { box-sizing: border-box; }
body {
    margin: 0;
    font-family: "Manrope", "Segoe UI", sans-serif;
    color: var(--text);
    background:
        radial-gradient(1000px 550px at 100% 0%, #50353e 0%, transparent 55%),
        radial-gradient(1000px 600px at -10% 100%, #3e2d1f 0%, transparent 60%),
        var(--bg);
}
.wrap { width: min(1080px, 92vw); margin: 0 auto; padding: 3rem 0; }
.kicker { margin: 0; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.78rem; color: var(--accent); }
h1 { margin: 0.7rem 0; font-size: clamp(1.9rem, 4.2vw, 3.2rem); }
.hero p { margin: 0; color: var(--muted); max-width: 65ch; }
.products { margin-top: 1.4rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
.product { border: 1px solid var(--line); border-radius: 14px; padding: 1rem; background: linear-gradient(150deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)); }
.product h2 { margin: 0 0 0.5rem; font-size: 1.15rem; }
.product p { margin: 0; line-height: 1.6; color: var(--muted); }
.row { margin-top: 1rem; display: flex; justify-content: space-between; align-items: center; }
.row strong { font-size: 1.05rem; }
.row a { text-decoration: none; color: #2c1305; background: var(--accent); border-radius: 999px; padding: 0.45rem 0.75rem; font-weight: 700; }
footer { margin-top: 1.8rem; color: #ac8f95; }