:root{
  --bg:#0b0b0b; --ink:#f6f3ec; --accent:#2e6b2f; --muted:#9a968f; --banner:#131313;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif}
.container{max-width:1080px;margin:auto;padding:20px}

/* Announcement bar */
.announce{position:sticky;top:0;z-index:60;background:#0f2a12;border-bottom:1px solid #214423}
.announce-wrap{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;color:#d6f5d6}
.announce-cta{color:#d6f5d6;border:1px solid #3c7b3f;padding:6px 10px;border-radius:20px;text-decoration:none}
.announce-cta:hover{background:#1a4d1c}

/* Brand banner */
.brand-banner{background:var(--banner);text-align:center;padding:28px 16px;border-bottom:1px solid #202020}
.brand-banner h1{margin:0;font-size:clamp(1.8rem,5vw,3.2rem);letter-spacing:.08em}
.brand-banner .tagline{margin:.35rem 0 0 0;color:var(--muted);font-size:clamp(1rem,2.2vw,1.25rem)}

/* Bottle hero */
.bottle-hero{text-align:center;padding:16px 20px}
.bottle-img{width:100%;max-width:980px;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.45)}

/* Recipe */
.recipe{margin-top:8px}
.recipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px}
.recipe h3{margin:.5rem 0}
.recipe ul, .recipe ol{margin:.25rem 0 0 1rem}

/* Main form area */
.main{text-align:center;padding-top:10px}
.signup input[type=email]{padding:12px 14px;border:1px solid #333;border-radius:8px;background:#161616;color:var(--ink);min-width:260px;width:min(100%,420px)}
.signup button{padding:12px 16px;border-radius:8px;border:none;background:var(--accent);color:#fff;margin-left:8px;cursor:pointer}
.signup button:hover{filter:brightness(1.08)}
.success{margin:16px auto 0;max-width:520px;padding:16px;border-radius:10px;background:#163a16;color:#c6f6c6;font-weight:600;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.tiny{font-size:.85rem}
.muted{color:var(--muted)}
.footer{border-top:1px solid #222;margin-top:32px;padding-top:12px;color:var(--muted)}

@media (max-width:720px){
  .signup button{display:block;margin:12px auto 0}
  .recipe-grid{grid-template-columns:1fr}
}