:root{
  --red:#C8102E;
  --red-dark:#9E0C24;
  --ink:#1A1A1A;
  --muted:#6B6B6B;
  --bg:#F7F6F4;
  --white:#FFFFFF;
  --line:#E5E1DA;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:'Helvetica Neue', Arial, sans-serif;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{
  font-family:'Arial Black','Helvetica Neue',sans-serif;
  letter-spacing:-0.01em;
  margin:0;
}
a{color:inherit;}
.eyebrow{
  text-transform:uppercase;
  letter-spacing:0.14em;
  font-size:0.75rem;
  font-weight:700;
  color:var(--red);
}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px;}

.placeholder-flag{
  background:#2b2b2b;
  color:#fff;
  text-align:center;
  font-size:0.8rem;
  padding:8px 16px;
}
.placeholder-flag b{color:#ffd166;}

/* HEADER / NAV */
header{
  background:var(--white);
  border-bottom:1px solid var(--line);
  position:sticky;
  top:0;
  z-index:50;
}
.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 32px;
  max-width:1200px;
  margin:0 auto;
  gap:24px;
}
.nav-logo img{height:116px;display:block;}
.nav-links{
  display:flex;
  gap:28px;
  list-style:none;
  margin:0;
  padding:0;
  flex-wrap:wrap;
}
.nav-links a{
  text-decoration:none;
  font-size:0.88rem;
  font-weight:600;
}
.nav-links .dropdown{position:relative;}
.nav-links .dropdown-menu{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  background:#fff;
  border:1px solid var(--line);
  border-radius:6px;
  padding:8px;
  min-width:180px;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
}
.nav-links .dropdown:hover .dropdown-menu{display:block;}
.dropdown-menu a{display:block;padding:8px 10px;border-radius:4px;font-weight:500;}
.dropdown-menu a:hover{background:var(--bg);}
.nav-cta{display:flex;align-items:center;gap:16px;flex-shrink:0;}
.phone-link{color:var(--ink);font-weight:700;text-decoration:none;font-size:0.9rem;white-space:nowrap;}

/* Hamburger */
.nav-hamburger{
  display:none;
  background:none;
  border:none;
  cursor:pointer;
  padding:8px;
  flex-direction:column;
  gap:5px;
}
.nav-hamburger span{
  display:block;
  width:24px;
  height:2px;
  background:var(--ink);
  border-radius:2px;
  transition:all 0.2s ease;
}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media (max-width:1024px){
  .nav-links{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:var(--white);
    border-bottom:1px solid var(--line);
    flex-direction:column;
    gap:0;
    padding:8px 0;
    box-shadow:0 4px 12px rgba(0,0,0,0.08);
    z-index:100;
  }
  .nav-links.open{display:flex;}
  .nav-links li{width:100%;}
  .nav-links a{display:block;padding:12px 24px;font-size:1rem;}
  .nav-links .dropdown-menu{
    position:static;
    box-shadow:none;
    border:none;
    border-top:1px solid var(--line);
    border-radius:0;
    padding:0;
    background:var(--bg);
    display:block;
  }
  .nav-links .dropdown-menu a{padding-left:36px;font-size:0.95rem;}
  .nav-hamburger{display:flex;}
  .nav-cta .phone-link{display:none;}
}

.btn{
  display:inline-block;
  background:var(--red);
  color:#fff;
  font-weight:700;
  padding:12px 24px;
  border-radius:4px;
  text-decoration:none;
  font-size:0.92rem;
  transition:background 0.15s ease;
  border:none;
  cursor:pointer;
}
.btn:hover{background:var(--red-dark);}
.btn-outline{background:transparent;border:2px solid var(--ink);color:var(--ink);}
.btn-outline:hover{background:var(--ink);color:#fff;}
.btn-ink{background:var(--ink);}
.btn-ink:hover{background:#000;}

/* PAGE HEADER (non-home pages) */
.page-header{
  background:var(--ink);
  padding:70px 0 60px;
}
.page-header .eyebrow{color:var(--red);}
.page-header h1{color:#fff;font-size:2.6rem;margin-top:12px;line-height:1.1;}
.page-header p{color:#cfcfcf;font-size:1.05rem;max-width:560px;margin-top:16px;line-height:1.6;}

section{padding:80px 0;}
.section-head{max-width:620px;margin-bottom:44px;}
.section-head .eyebrow{margin-bottom:12px;display:block;}
.section-head h2{font-size:2.1rem;line-height:1.1;}
.section-head p{color:var(--muted);font-size:1.02rem;margin-top:14px;line-height:1.6;}
.section-head.center{margin:0 auto 44px;text-align:center;}

.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
@media (max-width:900px){
  .grid-2,.grid-3{grid-template-columns:1fr;}
  .grid-4{grid-template-columns:1fr 1fr;}
}

.card{background:var(--white);border:1px solid var(--line);border-radius:6px;padding:32px 28px;}
.card h3{font-size:1.3rem;margin-top:14px;}
.card p{color:var(--muted);font-size:0.95rem;line-height:1.55;margin-top:10px;}
.card .num{color:var(--red);font-weight:800;font-size:0.8rem;letter-spacing:0.05em;text-transform:uppercase;}

.ph-box{
  border:1px dashed #c9c2b4;
  border-radius:6px;
  background:var(--bg);
  color:var(--muted);
  font-size:0.78rem;
  text-align:center;
  padding:14px;
  margin-top:14px;
}
.ph-tag{font-size:0.68rem;color:#666;font-style:italic;}

.cta-band{background:var(--red);color:#fff;text-align:center;padding:64px 32px;}
.cta-band h2{font-size:1.9rem;color:#fff;}
.cta-band p{color:rgba(255,255,255,0.88);margin-top:12px;font-size:1.03rem;}
.cta-band .btn{margin-top:26px;background:#fff;color:var(--red);}
.cta-band .btn:hover{background:#f1f1f1;}

/* PRICING-GATED NOTE */
.price-gate{
  display:inline-block;
  background:#fff8e6;
  border:1px solid #ffd166;
  color:#5a4400;
  font-size:0.82rem;
  padding:10px 16px;
  border-radius:5px;
  margin-top:14px;
}

footer{background:var(--ink);color:#9c9c9c;padding:48px 0 28px;font-size:0.85rem;}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:28px;margin-bottom:32px;}
.footer-grid h4{color:#fff;font-size:0.85rem;margin-bottom:14px;text-transform:uppercase;letter-spacing:0.04em;}
.footer-grid ul{list-style:none;padding:0;margin:0;}
.footer-grid li{margin-bottom:8px;}
.footer-grid a{color:#9c9c9c;text-decoration:none;}
.social-list a{color:#fff;font-weight:600;}
.footer-bottom{
  border-top:1px solid #333;
  padding-top:20px;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;}}

/* TABLE (beverage comparison) */
table.compare{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--line);border-radius:6px;overflow:hidden;}
table.compare th,table.compare td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--line);font-size:0.9rem;}
table.compare th:first-child,table.compare td:first-child{text-align:left;}
table.compare thead th{background:var(--navy);color:#fff;font-weight:700;}
table.compare tbody tr:last-child td{border-bottom:none;}
table.compare .yes{color:var(--red);font-weight:700;}
table.compare .no{color:#c9c2b4;}

.back-link{display:inline-block;margin-top:8px;color:var(--red);font-weight:700;text-decoration:none;font-size:0.9rem;}

.notice{
  background:#fff8e6;border:1px solid #ffd166;border-radius:6px;
  padding:20px 24px;font-size:0.92rem;color:#5a4400;margin-bottom:40px;line-height:1.5;
}
.notice b{display:block;margin-bottom:4px;}