/* THE PLUNGER BUDDY — Staging */
:root{
  --yellow:#FFD319;      /* yellow-gold */
  --red:#B22222;         /* brand red */
  --black:#111111;
  --muted:#6b7280;
  --container: 980px;
  --radius: 14px;
  --shadow: 0 10px 30px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; background: var(--yellow); color: var(--black); text-align:center; line-height:1.6}

.container{width:min(92vw,var(--container)); margin:0 auto}
.narrow{max-width:800px; margin:0 auto}

.site-header{background:#fff; border-bottom:4px solid var(--red); position:sticky; top:0; z-index:50}
.nav{display:flex; align-items:center; justify-content:space-between; padding:.7rem 0}
.brand{display:flex; align-items:center; gap:.6rem; text-decoration:none; color:var(--black)}
.logo{height:34px}
.brand-text{font-weight:900; letter-spacing:.02em}
.site-nav{display:flex; gap:1rem}
.site-nav a{color:var(--black); text-decoration:none; font-weight:700}
.site-nav a:hover{color:var(--red)}

.hero{padding:3rem 0 2rem}
.logo-hero{height:120px; display:block; margin:0 auto 1rem}
.hero-title{font-size:clamp(1.8rem,4vw,2.6rem); margin:.2rem 0}
.tagline{color:#1f2937}

.content-section{padding:2.2rem 0}
h1,h2{margin:.2rem 0 1rem}
p{margin:.3rem 0 1rem}

.steps{list-style:disc; text-align:left; margin:0 auto; max-width:720px}
.steps li{margin:.4rem 0}

.cta-row{display:flex; justify-content:center; gap:.7rem; margin:1rem 0 0}
.btn{display:inline-block; border-radius:999px; padding:.65rem 1.1rem; border:2px solid var(--red); font-weight:800; text-decoration:none}
.btn-red{background:var(--red); color:#fff}
.btn-outline{background:transparent; color:var(--red)}
.btn-full{width:100%}
.btn-black{background:#000; color:#fff; border-color:#000}

.product-card{display:grid; grid-template-columns:1fr 1fr; gap:1rem; background:#fff; border-radius:var(--radius); padding:1rem; box-shadow:var(--shadow); text-align:left; margin:1rem auto}
.product-img{width:100%; height:auto; border-radius:var(--radius)}
.product-info h2{margin:.2rem 0 .4rem}
.price{font-size:1.6rem; font-weight:900; color:var(--red)}
.muted{color:var(--muted)}

.card{background:#fff; border-radius:var(--radius); padding:1rem; box-shadow:var(--shadow); text-align:left; margin:1rem 0}
.input{width:100%; padding:.6rem .8rem; border-radius:10px; border:1px solid #e5e7eb; margin:.35rem 0}

.site-footer{background:#000; color:#fff; padding:1rem 0; margin-top:2rem}

.pdf-wrap{background:#fff; border-radius:var(--radius); padding:.5rem; box-shadow:var(--shadow)}
.pdf-embed{width:100%; height:75vh; border:0; display:block}

@media (max-width:860px){
  .product-card{grid-template-columns:1fr}
  .logo-hero{height:96px}
}