/* Pierogi Bucket FINAL v3 (no JS) */
:root{--brand:#DA2C2C;--ink:#222;--muted:#777;--bg:#f7f6f5;--card:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}

header{position:sticky;top:0;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08);z-index:10}
.header-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}
.brand{font-weight:800}
#navToggle{position:absolute;opacity:0;pointer-events:none}
.hamburger{width:28px;height:22px;position:relative;cursor:pointer}
.hamburger span,.hamburger::before,.hamburger::after{content:"";position:absolute;left:0;right:0;height:3px;background:#333;border-radius:2px;transition:transform .25s ease,opacity .25s ease}
.hamburger span{top:50%;transform:translateY(-50%)}
.hamburger::before{top:0}.hamburger::after{bottom:0}
#navToggle:checked + .header-row label .hamburger::before{transform: translateY(10px) rotate(45deg)}
#navToggle:checked + .header-row label .hamburger::after{transform: translateY(-10px) rotate(-45deg)}
#navToggle:checked + .header-row label .hamburger span{opacity:0}
nav{overflow:hidden;max-height:0;transition:max-height .28s ease;background:#fff;border-top:1px solid #eee}
#navToggle:checked ~ nav{max-height:240px}
nav a{display:block;padding:1rem;text-decoration:none;color:var(--ink);border-bottom:1px solid #f0f0f0}

main{padding:1rem}
.section{background:var(--card);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:1rem;margin:1rem 0}
.btn{display:block;text-align:center;border-radius:999px;text-decoration:none;font-weight:800;margin:.75rem auto}

.hero{
  background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);
  display:flex;align-items:center;justify-content:center;
  min-height:320px;
  padding:1rem;
}
.hero img.logo{
  display:block;
  max-width:96vw;
  max-height:calc(320px - 2rem);
  height:auto;width:auto;
}
@media(min-width:900px){
  .hero{min-height:520px;padding:1.25rem}
  .hero img.logo{max-width:92vw;max-height:calc(520px - 2.5rem)}
}

.cta-wrap{display:flex;justify-content:center}
.btn.primary{background:var(--brand);color:#fff;padding:1.2rem 3.25rem;font-size:1.3rem;min-width:300px}

.feature{padding:0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);background:#000}
.feature img{width:100%;height:auto;display:block}

footer{padding:1rem;text-align:center;color:var(--muted)}