
:root{
  --bg:#0b0b0c;
  --panel:#101216;
  --muted:#aeb5bf;
  --text:#eef2f6;
  --gold:#caa24a;
  --border:rgba(255,255,255,.08);
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 22px}
.header{position:sticky;top:0;background:rgba(11,11,12,.65);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--border);z-index:50}
.header .bar{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:28px}
.nav{display:flex;gap:18px;align-items:center}
.nav a{color:var(--muted);font-weight:600}
.nav a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--gold);color:#111;padding:.7rem 1rem;border-radius:12px;font-weight:800;border:1px solid #967738;box-shadow:0 8px 28px rgba(202,162,74,.25)}
.hero{padding:58px 0 24px;border-bottom:1px solid var(--border);text-align:center}
.kicker{color:#c9cfd8;letter-spacing:.08em;text-transform:uppercase;font-weight:700;font-size:.85rem}
.h1{font-size:clamp(2.2rem,3.6vw,3.2rem);line-height:1.08;margin:8px 0 4px;font-weight:900}
.sub{color:#cbd3dd;max-width:70ch;margin:8px auto 0}
.callouts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:18px 0}
.callouts .pill{border:1px solid var(--border);border-radius:999px;padding:6px 10px;color:#cfd5df}
.ctaRow{display:flex;gap:12px;justify-content:center;margin:18px 0 6px;flex-wrap:wrap}
.note{color:#c9cfd8}
.section{padding:54px 0;border-bottom:1px solid var(--border)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px}
.card h3{margin:4px 0}
.card p{color:#cfd5df}
.kit h2,.faq h2,.love h2{margin:0 0 10px;text-align:center}
.kitGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kitGrid .card ul{margin:8px 0 0 18px;line-height:1.9}
.center{text-align:center}
.badge{display:inline-block;background:rgba(202,162,74,.14);color:var(--gold);border:1px solid rgba(202,162,74,.35);padding:.28rem .6rem;border-radius:999px;font-weight:700;font-size:.8rem}
.faq details{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin:10px 0;padding:14px}
.faq summary{cursor:pointer;font-weight:800}
footer{padding:30px 0;color:#aeb5bf;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:920px){.grid-2{grid-template-columns:1fr}}

.sale-badge{
  display:inline-flex;
  align-items:center;
  padding:.25rem .5rem;
  margin-left:.5rem;
  border-radius:999px;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.02em;
  background:#16a34a;
  color:white;
  box-shadow:0 6px 16px rgba(22,163,74,.35);
}
.sale-badge::before{content:"";display:inline-block;width:.45rem;height:.45rem;border-radius:50%;background:white;margin-right:.35rem;opacity:.9}
.note s{opacity:.7}
