@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");

:root {
  --midnight: #071f35;
  --midnight-2: #0b304f;
  --blue: #0877b8;
  --blue-light: #dff3ff;
  --gold: #f5bd25;
  --gold-light: #ffe79a;
  --ivory: #f7f3e9;
  --paper: #fffdf8;
  --ink: #172638;
  --muted: #617080;
  --line: #d8e0e6;
  --green: #137a54;
  --white: #fff;
  --shadow: 0 22px 60px rgba(7, 31, 53, .13);
  --radius: 26px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 132px; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, Arial, Helvetica, sans-serif; font-size: 17px; line-height: 1.68; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
p { margin: 0 0 1.1rem; }
h1, h2, h3 { margin: 0 0 1rem; color: var(--ink); font-weight: 800; letter-spacing: -.045em; line-height: 1.06; }
h1 { font-size: clamp(3rem, 5.8vw, 5.35rem); }
h2 { font-size: clamp(2.15rem, 4vw, 3.6rem); }
h3 { font-size: 1.35rem; letter-spacing: -.025em; }
ul, ol { margin: 0 0 1.25rem; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; border-radius: 6px; }
.shell { width: min(1220px, calc(100% - 44px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.skip-link { position: fixed; z-index: 1000; top: -100px; left: 20px; padding: 10px 16px; color: var(--midnight); background: #fff; font-weight: 900; }
.skip-link:focus { top: 20px; }

.offer-dock { position: sticky; z-index: 110; top: 0; min-height: 48px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 7px 18px; color: #fff; background: var(--midnight); border-bottom: 1px solid rgba(255,255,255,.13); font-size: .8rem; letter-spacing: .02em; }
.offer-dock strong { color: var(--gold-light); }
.offer-dock b { min-width: 75px; padding: 4px 11px; color: var(--midnight); background: var(--gold); border-radius: 7px; text-align: center; font-size: .95rem; font-variant-numeric: tabular-nums; }
.offer-signal { width: 8px; height: 8px; border-radius: 50%; background: #5fe0a3; box-shadow: 0 0 0 5px rgba(95,224,163,.12); animation: signal 1.8s infinite; }

.site-header { position: sticky; z-index: 100; top: 48px; background: rgba(255,253,248,.94); border-bottom: 1px solid rgba(7,31,53,.11); backdrop-filter: blur(15px); }
.nav-shell { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.wordmark { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; line-height: 1; }
.wordmark-icon { width: 48px; height: 48px; display: grid; place-items: center; color: #fff; background: var(--midnight); border: 3px solid var(--gold); border-radius: 50%; box-shadow: 0 8px 18px rgba(7,31,53,.18); font-weight: 900; letter-spacing: -.06em; }
.wordmark b { display: block; font-size: 1.16rem; }
.wordmark small { display: block; margin-top: 6px; color: var(--blue); font-size: .56rem; font-weight: 900; letter-spacing: .19em; }
.primary-nav { display: flex; align-items: center; gap: 25px; }
.primary-nav a { color: #334558; text-decoration: none; font-size: .86rem; font-weight: 800; }
.primary-nav a:hover { color: var(--blue); }
.primary-nav .nav-action { padding: 12px 18px; color: var(--midnight); background: var(--gold); border: 1px solid #dca513; border-radius: 8px; box-shadow: 0 9px 22px rgba(245,189,37,.25); }
.menu-toggle { display: none; border: 0; background: transparent; padding: 8px; }
.menu-toggle > span { display: block; width: 27px; height: 3px; margin: 4px 0; border-radius: 4px; background: var(--midnight); }

.dispatch-hero { position: relative; overflow: hidden; min-height: 720px; color: #fff; background: var(--midnight); isolation: isolate; }
.dispatch-hero::before { content: ""; position: absolute; inset: 0 0 auto; height: 7px; background: linear-gradient(90deg, var(--gold) 0 18%, var(--blue) 18% 100%); }
.dispatch-hero::after { content: ""; position: absolute; z-index: -1; width: 520px; height: 520px; left: -220px; bottom: -220px; border-radius: 50%; border: 1px solid rgba(255,255,255,.09); box-shadow: 0 0 0 70px rgba(255,255,255,.025), 0 0 0 140px rgba(255,255,255,.02); }
.hero-grid-lines { position: absolute; z-index: -1; inset: 0 50% 0 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.11) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.11) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg, #000, transparent); }
.hero-layout { min-height: 720px; padding-block: 68px 64px; display: grid; grid-template-columns: 1.07fr .93fr; gap: 58px; align-items: center; }
.dispatch-tag { display: flex; gap: 12px; align-items: center; margin-bottom: 22px; font-size: .69rem; font-weight: 900; letter-spacing: .15em; }
.dispatch-tag span { padding: 6px 9px; color: var(--midnight); background: var(--gold); }
.dispatch-tag b { color: #79c9f5; }
.hero-copy h1 { max-width: 760px; color: #fff; }
.hero-lead { max-width: 735px; color: #c9d8e3; font-size: 1.16rem; line-height: 1.72; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0 31px; }
.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 21px; border: 2px solid transparent; border-radius: 9px; font-weight: 900; font-size: .9rem; line-height: 1.25; text-align: center; text-decoration: none; transition: transform .2s, filter .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); filter: brightness(1.03); }
.button-large { min-height: 61px; padding-inline: 28px; font-size: 1rem; }
.button-gold { color: var(--midnight); background: linear-gradient(135deg, #ffe68b, var(--gold)); border-color: var(--gold); box-shadow: 0 13px 28px rgba(245,189,37,.2); }
.button-ghost { color: #fff; border-color: rgba(255,255,255,.34); background: rgba(255,255,255,.035); }
.button-ink { color: #fff; background: var(--midnight); border-color: var(--midnight); box-shadow: 0 12px 26px rgba(7,31,53,.19); }
.hero-proof { max-width: 660px; display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid rgba(255,255,255,.15); }
.hero-proof div { padding: 18px 16px; border-right: 1px solid rgba(255,255,255,.15); }
.hero-proof div:first-child { padding-left: 0; }
.hero-proof div:last-child { border: 0; }
.hero-proof strong, .hero-proof span { display: block; }
.hero-proof strong { color: var(--gold); font-size: 2rem; line-height: 1; }
.hero-proof span { margin-top: 6px; color: #b8cbd9; font-size: .72rem; font-weight: 800; }
.hero-fineprint { margin-top: 17px; color: #8fa9ba; font-size: .72rem; }

.product-showcase { position: relative; min-height: 570px; display: grid; place-items: center; }
.showcase-frame { position: relative; width: min(520px, 100%); height: 530px; overflow: hidden; border: 1px solid rgba(255,255,255,.22); border-radius: 9px 92px 9px 9px; background: linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.035)); box-shadow: 0 30px 80px rgba(0,0,0,.25); }
.showcase-frame::before { content: ""; position: absolute; inset: 22px; border: 1px solid rgba(255,255,255,.12); }
.frame-label { position: absolute; z-index: 4; top: 34px; left: 40px; color: #b9d2e2; font-size: .64rem; font-weight: 900; letter-spacing: .17em; }
.showcase-glow { position: absolute; width: 430px; height: 430px; left: 52%; top: 48%; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.28), rgba(8,119,184,.21) 45%, rgba(245,189,37,.12) 65%, transparent 72%); transform: translate(-50%,-50%); }
.showcase-bottles { position: absolute; z-index: 2; left: 50%; bottom: 20px; width: 510px; max-width: none; transform: translateX(-50%); filter: drop-shadow(0 24px 19px rgba(0,0,0,.35)); }
.price-stamp { position: absolute; z-index: 5; top: 78px; right: 24px; width: 126px; aspect-ratio: 1; display: grid; place-content: center; color: var(--midnight); text-align: center; background: var(--gold); border-radius: 50% 50% 50% 8px; box-shadow: 0 15px 30px rgba(0,0,0,.24); transform: rotate(3deg); }
.price-stamp small { font-size: .48rem; font-weight: 900; }
.price-stamp strong { font-size: 2.35rem; line-height: 1; }
.price-stamp span { font-size: .54rem; font-weight: 900; }
.showcase-ticket { position: absolute; z-index: 6; right: -22px; bottom: 7px; width: 270px; display: grid; padding: 16px 18px; color: var(--ink); background: var(--paper); border-left: 6px solid var(--gold); box-shadow: var(--shadow); }
.showcase-ticket span { color: var(--blue); font-size: .62rem; font-weight: 900; letter-spacing: .13em; }
.showcase-ticket b { margin: 2px 0; font-size: .9rem; }
.showcase-ticket a { color: var(--green); font-size: .73rem; font-weight: 900; }
.showcase-note { position: absolute; z-index: 7; left: -25px; bottom: 50px; padding: 7px 12px; color: var(--midnight); background: var(--gold-light); font-size: .58rem; font-weight: 900; letter-spacing: .1em; transform: rotate(-90deg); transform-origin: left bottom; }

.decision-band { color: var(--ink); background: var(--gold); }
.decision-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.decision-grid article { min-height: 110px; display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: center; padding: 20px; border-right: 1px solid rgba(7,31,53,.2); }
.decision-grid article:last-child { border: 0; }
.decision-grid article > span { font-size: .66rem; font-weight: 900; letter-spacing: .1em; }
.decision-grid b { display: block; font-size: .9rem; }
.decision-grid p { margin: 3px 0 0; font-size: .72rem; }

.section { padding: 78px 0; }
.section-code { display: inline-block; margin-bottom: 13px; color: var(--blue); font-size: .7rem; font-weight: 900; letter-spacing: .16em; }
.editorial-heading { display: grid; grid-template-columns: 1.18fr .82fr; gap: 70px; align-items: end; margin-bottom: 35px; }
.editorial-heading h2 { margin-bottom: 0; }
.editorial-heading > p { color: var(--muted); font-size: 1.04rem; }
.guide-map { background: var(--paper); }
.checkpoint-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 19px; }
.checkpoint-grid article { position: relative; min-height: 330px; display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--line); background: #fff; box-shadow: 0 13px 35px rgba(7,31,53,.065); }
.checkpoint-grid article:nth-child(2) { border-top: 7px solid var(--gold); }
.checkpoint-grid article:nth-child(1), .checkpoint-grid article:nth-child(3) { border-top: 7px solid var(--midnight); }
.checkpoint-number { width: 44px; height: 44px; display: grid; place-items: center; margin-bottom: 28px; color: #fff; background: var(--midnight); border-radius: 50%; font-weight: 900; }
.checkpoint-grid p { color: var(--muted); font-size: .9rem; }
.checkpoint-grid a { margin-top: auto; color: var(--blue); font-size: .78rem; font-weight: 900; }

.audience-section { background: #fff; border-block: 1px solid var(--line); }
.audience-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 75px; align-items: start; }
.audience-heading p { color: var(--muted); }
.audience-columns { display: grid; gap: 18px; }
.audience-columns article { padding: 30px; border: 1px solid var(--line); background: var(--paper); box-shadow: 0 12px 30px rgba(7,31,53,.055); }
.audience-columns article:first-child { border-left: 8px solid var(--blue); }
.audience-columns article:last-child { border-left: 8px solid var(--gold); }
.audience-columns span { color: var(--blue); font-size: .6rem; font-weight: 900; letter-spacing: .13em; }
.audience-columns h3 { margin-top: 8px; }
.audience-columns p { margin-bottom: 0; color: var(--muted); font-size: .9rem; }

.product-brief { background: var(--ivory); }
.brief-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: center; }
.brief-visual { position: sticky; top: 145px; }
.single-bottle-card { position: relative; min-height: 610px; overflow: hidden; display: grid; place-items: center; padding: 40px; color: #fff; background: var(--blue); border-radius: 110px 10px 10px 10px; box-shadow: var(--shadow); }
.single-bottle-card::before { content: ""; position: absolute; width: 370px; height: 370px; border-radius: 50%; background: rgba(255,255,255,.15); box-shadow: 0 0 0 60px rgba(255,255,255,.055); }
.single-bottle-card > span { position: absolute; top: 28px; left: 30px; font-size: .65rem; font-weight: 900; letter-spacing: .16em; }
.single-bottle-card img { position: relative; z-index: 2; width: 480px; max-width: none; margin-top: 25px; filter: drop-shadow(0 28px 18px rgba(0,0,0,.28)); }
.single-bottle-card b { position: absolute; z-index: 3; right: 25px; bottom: 23px; padding: 7px 10px; color: var(--midnight); background: var(--gold); font-size: .68rem; }
.brief-caption { padding: 15px 0 0 25px; color: var(--muted); border-left: 2px solid var(--gold); font-size: .74rem; }
.brief-copy .lead-copy { color: #33495d; font-size: 1.28rem; font-weight: 700; }
.brief-copy > p { color: #475c6f; }
.fact-ledger { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 28px 0; }
.fact-ledger div { padding: 14px; border: 1px solid #d7dedf; background: var(--paper); }
.fact-ledger small, .fact-ledger b { display: block; }
.fact-ledger small { color: var(--blue); font-size: .55rem; font-weight: 900; letter-spacing: .1em; }
.fact-ledger b { margin-top: 4px; font-size: .84rem; }

.formula-ledger { color: #d6e4ec; background: var(--midnight); }
.formula-heading h2 { color: #fff; }
.formula-heading > p { color: #b7c9d5; }
.ingredient-ledger { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid rgba(255,255,255,.13); }
.ingredient-ledger article { min-height: 205px; padding: 27px 30px; border-right: 1px solid rgba(255,255,255,.13); border-bottom: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.025); }
.ingredient-ledger article:nth-child(2n) { border-right: 0; }
.ingredient-ledger article:nth-last-child(-n+2) { border-bottom: 0; }
.ingredient-ledger article:last-child { grid-column: 1 / -1; }
.ingredient-ledger span { color: var(--gold); font-size: .6rem; font-weight: 900; letter-spacing: .14em; }
.ingredient-ledger h3 { margin-top: 8px; color: #fff; }
.ingredient-ledger p { margin: 0; color: #b7cbd8; font-size: .86rem; }
.formula-callout { display: grid; grid-template-columns: 210px 1fr; gap: 25px; margin-top: 25px; padding: 24px 28px; color: var(--midnight); background: var(--gold); }
.formula-callout b { font-size: 1.25rem; }
.formula-callout p { margin: 0; }

.evidence-desk { background: #fff; }
.evidence-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 65px 78px; }
.evidence-title { grid-row: 1 / span 2; }
.evidence-title p { color: var(--muted); font-size: 1.08rem; }
.evidence-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.evidence-cards article { padding: 25px; border: 1px solid var(--line); }
.evidence-cards span { font-size: .61rem; font-weight: 900; letter-spacing: .12em; }
.evidence-cards ul { margin-top: 16px; padding-left: 18px; font-size: .82rem; }
.evidence-cards li { margin-bottom: 9px; }
.evidence-yes { background: #edf9f4; border-top: 6px solid var(--green) !important; }
.evidence-no { background: #fff8dc; border-top: 6px solid var(--gold) !important; }
.expectation-copy { padding-top: 8px; border-top: 1px solid var(--line); }
.expectation-copy p { color: #4d6071; }
.text-link { color: var(--blue); font-weight: 900; }

.routine-section { background: var(--ivory); }
.routine-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; align-items: start; }
.routine-heading { position: sticky; top: 145px; }
.routine-heading p { color: var(--muted); }
.routine-track { list-style: none; padding: 0; border-top: 1px solid #bec9cf; }
.routine-track li { display: grid; grid-template-columns: 66px 1fr; gap: 22px; padding: 28px 0; border-bottom: 1px solid #bec9cf; }
.routine-track li > span { width: 52px; height: 52px; display: grid; place-items: center; color: #fff; background: var(--midnight); border-radius: 50%; font-weight: 900; font-size: .75rem; }
.routine-track h3 { margin-bottom: 8px; }
.routine-track p { margin: 0; color: var(--muted); }

.safety-desk { color: #d8e6ee; background: linear-gradient(135deg, #0b304f, #071f35); }
.safety-header { max-width: 900px; margin-bottom: 35px; }
.safety-header h2 { color: #fff; }
.safety-header p { color: #b6c9d6; }
.safety-matrix { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(255,255,255,.14); }
.safety-matrix article { min-height: 220px; padding: 27px; border-right: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); }
.safety-matrix article:nth-child(3n) { border-right: 0; }
.safety-matrix article:nth-last-child(-n+3) { border-bottom: 0; }
.safety-matrix b { display: block; margin-bottom: 12px; color: var(--gold-light); font-size: 1.06rem; }
.safety-matrix p { margin: 0; color: #bed0dc; font-size: .87rem; }
.safety-bottom { margin-top: 25px; padding: 25px 28px; color: var(--midnight); background: var(--gold); }
.safety-bottom h3 { margin-bottom: 7px; }
.safety-bottom p { margin: 0; }

.package-section { background: var(--paper); }
.package-heading { max-width: 920px; margin-bottom: 37px; }
.package-heading p { color: var(--muted); font-size: 1.06rem; }
.offer-stack { display: grid; gap: 18px; }
.offer-row { position: relative; min-height: 240px; display: grid; grid-template-columns: 125px 230px 1fr 180px 190px; gap: 18px; align-items: center; padding: 24px; border: 1px solid var(--line); background: #fff; box-shadow: 0 12px 32px rgba(7,31,53,.06); }
.offer-index { color: var(--blue); font-size: .63rem; font-weight: 900; letter-spacing: .12em; }
.offer-image { position: relative; height: 190px; display: grid; place-items: center; }
.offer-image > img { position: relative; z-index: 2; height: 100%; width: auto; filter: drop-shadow(0 16px 10px rgba(7,31,53,.2)); }
.single-pack > img { height: 215px; }
.three-pack > img { height: 230px; }
.offer-copy > span { color: var(--blue); font-size: .65rem; font-weight: 900; letter-spacing: .12em; }
.offer-copy h3 { margin: 5px 0 9px; }
.offer-copy p { margin: 0; color: var(--muted); font-size: .8rem; }
.offer-money { text-align: center; }
.offer-money small, .offer-money strong, .offer-money b { display: block; }
.offer-money small { color: var(--blue); font-size: .63rem; font-weight: 900; }
.offer-money strong { color: var(--midnight); font-size: 3.1rem; line-height: 1; }
.offer-money sup { font-size: 1.25rem; }
.offer-money b { margin-top: 5px; color: var(--green); font-size: .7rem; }
.offer-button { min-height: 52px; display: flex; align-items: center; justify-content: center; padding: 12px 15px; color: #fff; background: var(--midnight); border-radius: 8px; text-align: center; text-decoration: none; font-size: .78rem; font-weight: 900; }
.featured-offer { border: 3px solid var(--gold); background: linear-gradient(90deg, #fff8dc, #fff 45%); box-shadow: var(--shadow); }
.featured-label { position: absolute; top: -14px; right: 25px; padding: 7px 13px; color: var(--midnight); background: var(--gold); font-size: .61rem; font-weight: 900; letter-spacing: .1em; }
.six-pack img { position: absolute; bottom: 0; height: 170px; }
.six-pack .b1 { left: 6%; z-index: 1; transform: scale(.79); }
.six-pack .b2 { left: 20%; z-index: 2; transform: scale(.86); }
.six-pack .b3 { left: 35%; z-index: 3; transform: scale(.93); }
.six-pack .b4 { right: 35%; z-index: 3; transform: scale(.93); }
.six-pack .b5 { right: 20%; z-index: 2; transform: scale(.86); }
.six-pack .b6 { right: 6%; z-index: 1; transform: scale(.79); }
.package-math { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 26px; border: 1px solid var(--line); }
.package-math div { padding: 18px; border-right: 1px solid var(--line); background: var(--ivory); }
.package-math div:last-child { border: 0; }
.package-math b, .package-math span { display: block; }
.package-math span { color: var(--muted); font-size: .78rem; }
.package-note { max-width: 980px; margin: 15px auto 0; color: var(--muted); text-align: center; font-size: .7rem; }
.commitment-guide { margin-top: 48px; padding-top: 42px; border-top: 1px solid var(--line); }
.commitment-heading { display: grid; grid-template-columns: .82fr 1.18fr; gap: 55px; align-items: end; margin-bottom: 25px; }
.commitment-heading .section-code { grid-column: 1 / -1; margin-bottom: -35px; }
.commitment-heading h3 { margin: 0; font-size: clamp(1.75rem,3vw,2.45rem); }
.commitment-heading p { margin: 0; color: var(--muted); }
.commitment-cards { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); }
.commitment-cards article { padding: 28px; border-right: 1px solid var(--line); background: #fff; }
.commitment-cards article:last-child { border-right: 0; }
.commitment-cards article > span { color: var(--blue); font-size: .6rem; font-weight: 900; letter-spacing: .12em; }
.commitment-cards h3 { margin-top: 11px; font-size: 1.23rem; }
.commitment-cards p { color: var(--muted); font-size: .82rem; }
.commitment-cards b { display: block; margin-top: 18px; color: var(--midnight); font-size: .74rem; letter-spacing: .04em; }
.commitment-rule { display: grid; grid-template-columns: 180px 1fr; gap: 25px; margin-top: 18px; padding: 22px 25px; color: #fff; background: var(--midnight); }
.commitment-rule b { color: var(--gold-light); }
.commitment-rule p { margin: 0; color: #c8d8e2; font-size: .86rem; }

.checkout-checklist { background: #fff; }
.checkout-heading { max-width: 900px; margin-bottom: 32px; }
.checkout-heading p { color: var(--muted); }
.checkout-grid { display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid var(--line); }
.checkout-grid article { min-width: 0; padding: 24px 20px; border-right: 1px solid var(--line); background: var(--paper); }
.checkout-grid article:last-child { border-right: 0; }
.checkout-grid article > span { width: 38px; height: 38px; display: grid; place-items: center; color: #fff; background: var(--midnight); border-radius: 50%; font-size: .7rem; font-weight: 900; }
.checkout-grid h3 { margin-top: 18px; font-size: 1.1rem; }
.checkout-grid p { margin: 0; color: var(--muted); font-size: .78rem; }
.checkout-summary { display: grid; grid-template-columns: 280px 1fr; gap: 25px; margin-top: 22px; padding: 22px 25px; color: var(--midnight); background: var(--gold); }
.checkout-summary b { font-size: 1.03rem; }
.checkout-summary span { font-size: .9rem; }

.bonus-section { color: #d7e5ee; background: var(--midnight); }
.bonus-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 85px; align-items: start; }
.bonus-intro { position: sticky; top: 145px; }
.bonus-intro h2 { color: #fff; }
.bonus-intro p { color: #b5c9d5; }
.bonus-tickets { display: grid; gap: 17px; }
.bonus-tickets article { position: relative; padding: 30px 30px 30px 44px; color: var(--ink); background: var(--paper); border-left: 9px solid var(--gold); }
.bonus-tickets article::before, .bonus-tickets article::after { content: ""; position: absolute; left: -18px; width: 18px; height: 18px; border-radius: 50%; background: var(--midnight); }
.bonus-tickets article::before { top: -9px; }
.bonus-tickets article::after { bottom: -9px; }
.bonus-tickets span { color: var(--blue); font-size: .61rem; font-weight: 900; letter-spacing: .12em; }
.bonus-tickets h3 { margin-top: 8px; }
.bonus-tickets p { margin: 0; color: var(--muted); font-size: .86rem; }

.guarantee-section { background: var(--ivory); }
.guarantee-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 80px; align-items: center; }
.guarantee-document { position: relative; min-height: 530px; overflow: hidden; display: grid; place-items: center; padding: 35px; background: #fff; border: 1px solid #d8d1c1; box-shadow: var(--shadow); transform: rotate(-1deg); }
.guarantee-document::before { content: ""; position: absolute; inset: 19px; border: 1px solid #e1d8c5; }
.guarantee-document span { position: absolute; z-index: 2; top: 32px; left: 35px; color: var(--blue); font-size: .62rem; font-weight: 900; letter-spacing: .13em; }
.guarantee-document img { position: relative; z-index: 2; width: 440px; filter: drop-shadow(0 23px 18px rgba(7,31,53,.22)); }
.guarantee-copy p { color: #485d70; }

.source-library { background: #fff; }
.source-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 80px; align-items: start; }
.source-intro { position: sticky; top: 145px; }
.source-intro p { color: var(--muted); }
.source-list { border-top: 1px solid var(--line); }
.source-list a { display: grid; gap: 6px; padding: 22px 15px; border-bottom: 1px solid var(--line); text-decoration: none; }
.source-list a:hover { background: var(--blue-light); }
.source-list b { color: var(--midnight); }
.source-list span { color: var(--blue); font-size: .72rem; overflow-wrap: anywhere; }

.faq-section { background: var(--ivory); }
.faq-shell { max-width: 1040px; }
.faq-heading { max-width: 800px; margin: 0 auto 30px; text-align: center; }
.faq-heading p { color: var(--muted); }
.faq-list details { margin-bottom: 11px; padding: 0 22px; border: 1px solid #cfd9df; background: #fff; }
.faq-list summary { cursor: pointer; padding: 20px 34px 20px 0; color: var(--midnight); font-weight: 900; }
.faq-list details p { padding: 0 0 19px; color: var(--muted); }
.faq-list a { color: var(--blue); }

.closing-panel { padding: 78px 0; color: #fff; background: var(--blue); }
.closing-layout { display: grid; grid-template-columns: 1.07fr .93fr; gap: 60px; align-items: center; }
.closing-layout h2 { color: #fff; }
.closing-layout p { color: #d8effb; font-size: 1.06rem; }
.closing-layout small { display: block; max-width: 560px; margin-top: 13px; color: #bde2f4; font-size: .7rem; }
.closing-product { position: relative; min-height: 390px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.08); border-radius: 10px 90px 10px 10px; }
.closing-product img { width: 420px; filter: drop-shadow(0 24px 20px rgba(0,0,0,.25)); }
.closing-product span { position: absolute; left: 22px; bottom: 20px; color: var(--gold-light); font-size: .6rem; font-weight: 900; letter-spacing: .14em; }

.site-footer { padding: 70px 0 25px; color: #abc0ce; background: #041728; }
.footer-top { display: grid; grid-template-columns: 1.45fr .7fr .7fr; gap: 65px; }
.footer-mark { color: #fff; margin-bottom: 18px; }
.footer-mark .wordmark-icon { border-color: var(--gold); }
.footer-mark small { color: #7acbf5; }
.footer-intro p { max-width: 520px; }
.site-footer h3 { color: #fff; font-size: .95rem; letter-spacing: 0; }
.site-footer a:not(.wordmark) { display: block; margin: 7px 0; color: #c3d3de; text-decoration: none; font-size: .8rem; }
.footer-compliance { margin-top: 42px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.1); font-size: .69rem; line-height: 1.65; }

.legal-main { min-height: 65vh; background: var(--ivory); }
.legal-banner { padding: 82px 0 60px; color: #fff; background: var(--midnight); border-bottom: 7px solid var(--gold); }
.legal-banner h1 { max-width: 900px; color: #fff; font-size: clamp(2.6rem,5vw,4.7rem); }
.legal-banner p { max-width: 800px; color: #c3d5df; font-size: 1.08rem; }
.updated-date { color: var(--gold-light); font-size: .72rem; font-weight: 900; }
.legal-section { padding: 68px 0 90px; }
.legal-document { max-width: 940px; padding: 46px; background: #fff; border: 1px solid #d9d2c5; box-shadow: var(--shadow); }
.legal-document h2 { margin-top: 38px; font-size: 1.8rem; }
.legal-document h2:first-child { margin-top: 0; }
.legal-document h3 { margin-top: 26px; }
.legal-document p { color: #4d6172; }
.legal-document a:not(.button) { color: var(--blue); overflow-wrap: anywhere; }
.reference-entry { padding: 20px 0; border-bottom: 1px solid var(--line); }
.reference-entry h3 { margin-top: 0; }

@keyframes signal { 0%,100% { opacity: 1; } 50% { opacity: .4; } }

@media (max-width: 1040px) {
  .primary-nav { gap: 15px; }
  .primary-nav a { font-size: .76rem; }
  .hero-layout { gap: 28px; }
  .showcase-frame { height: 485px; }
  .showcase-bottles { width: 455px; }
  .brief-layout, .guarantee-layout { gap: 48px; }
  .offer-row { grid-template-columns: 95px 185px 1fr 155px 160px; gap: 12px; padding-inline: 16px; }
  .offer-image { height: 165px; }
  .single-pack > img { height: 185px; }
  .three-pack > img { height: 195px; }
  .six-pack img { height: 148px; }
}

@media (max-width: 820px) {
  body { padding-bottom: 50px; font-size: 16px; }
  .offer-dock { position: fixed; inset: auto 0 0; z-index: 130; min-height: 50px; border-top: 1px solid rgba(255,255,255,.15); border-bottom: 0; }
  .site-header { top: 0; }
  .menu-toggle { display: block; cursor: pointer; }
  .primary-nav { position: absolute; left: 16px; right: 16px; top: calc(100% + 8px); display: none; padding: 16px; border: 1px solid var(--line); background: var(--paper); box-shadow: var(--shadow); }
  .primary-nav.is-open { display: grid; }
  .primary-nav a { min-height: 43px; display: flex; align-items: center; padding-inline: 8px; font-size: .9rem; }
  .primary-nav .nav-action { justify-content: center; }
  .dispatch-hero, .hero-layout { min-height: auto; }
  .hero-layout { padding-block: 58px; grid-template-columns: 1fr; text-align: center; }
  .dispatch-tag, .hero-actions { justify-content: center; }
  .hero-lead { margin-inline: auto; }
  .hero-proof { margin-inline: auto; text-align: left; }
  .product-showcase { min-height: 520px; }
  .showcase-frame { width: min(540px,100%); }
  .showcase-note { left: 0; }
  .showcase-ticket { right: 0; }
  .decision-grid { grid-template-columns: 1fr 1fr; }
  .decision-grid article:nth-child(2) { border-right: 0; }
  .decision-grid article:nth-child(-n+2) { border-bottom: 1px solid rgba(7,31,53,.2); }
  .section { padding: 60px 0; }
  .editorial-heading, .audience-layout, .brief-layout, .evidence-layout, .routine-layout, .bonus-layout, .guarantee-layout, .source-layout, .closing-layout { grid-template-columns: 1fr; gap: 38px; }
  .editorial-heading { align-items: start; }
  .checkpoint-grid { grid-template-columns: 1fr; }
  .checkpoint-grid article { min-height: auto; }
  .brief-visual, .routine-heading, .bonus-intro, .source-intro { position: static; }
  .single-bottle-card { min-height: 540px; }
  .evidence-title { grid-row: auto; }
  .ingredient-ledger { grid-template-columns: 1fr; }
  .ingredient-ledger article, .ingredient-ledger article:nth-child(2n) { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
  .ingredient-ledger article:last-child { grid-column: auto; border-bottom: 0; }
  .formula-callout { grid-template-columns: 1fr; }
  .safety-matrix { grid-template-columns: 1fr 1fr; }
  .safety-matrix article, .safety-matrix article:nth-child(3n) { border-right: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); }
  .safety-matrix article:nth-child(2n) { border-right: 0; }
  .safety-matrix article:nth-last-child(-n+2) { border-bottom: 0; }
  .offer-row { grid-template-columns: 140px 1fr 150px; grid-template-areas: "image copy money" "index copy button"; }
  .offer-index { grid-area: index; text-align: center; }
  .offer-image { grid-area: image; }
  .offer-copy { grid-area: copy; }
  .offer-money { grid-area: money; }
  .offer-button { grid-area: button; }
  .package-math { grid-template-columns: 1fr; }
  .package-math div { border-right: 0; border-bottom: 1px solid var(--line); }
  .package-math div:last-child { border-bottom: 0; }
  .commitment-heading { grid-template-columns: 1fr; gap: 16px; }
  .commitment-heading .section-code { grid-column: auto; margin-bottom: 0; }
  .commitment-cards { grid-template-columns: 1fr; }
  .commitment-cards article { border-right: 0; border-bottom: 1px solid var(--line); }
  .commitment-cards article:last-child { border-bottom: 0; }
  .commitment-rule { grid-template-columns: 1fr; }
  .checkout-grid { grid-template-columns: 1fr 1fr; }
  .checkout-grid article { border-bottom: 1px solid var(--line); }
  .checkout-grid article:nth-child(2n) { border-right: 0; }
  .checkout-grid article:last-child { grid-column: 1 / -1; border-bottom: 0; }
  .checkout-summary { grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .footer-intro { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  .shell { width: min(100% - 28px, 520px); }
  h1 { font-size: 2.65rem; }
  h2 { font-size: 2.05rem; }
  .nav-shell { min-height: 68px; }
  .wordmark-icon { width: 42px; height: 42px; }
  .wordmark b { font-size: 1.02rem; }
  .hero-grid-lines { inset-right: 0; }
  .dispatch-tag { align-items: stretch; flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .hero-proof { grid-template-columns: 1fr; }
  .hero-proof div { padding: 14px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.15); }
  .hero-proof div:last-child { border-bottom: 0; }
  .product-showcase { min-height: 430px; }
  .showcase-frame { height: 410px; border-radius: 8px 60px 8px 8px; }
  .showcase-bottles { width: 380px; bottom: 10px; }
  .frame-label { top: 25px; left: 25px; }
  .price-stamp { width: 100px; top: 58px; right: 14px; }
  .price-stamp strong { font-size: 1.85rem; }
  .showcase-ticket { width: 235px; bottom: -12px; }
  .showcase-note { display: none; }
  .decision-grid { grid-template-columns: 1fr; }
  .decision-grid article { min-height: 85px; border-right: 0; border-bottom: 1px solid rgba(7,31,53,.2); }
  .decision-grid article:nth-child(2) { border-right: 0; }
  .decision-grid article:last-child { border-bottom: 0; }
  .editorial-heading { gap: 18px; }
  .checkpoint-grid article { padding: 25px; }
  .single-bottle-card { min-height: 440px; padding: 24px; border-radius: 75px 8px 8px 8px; }
  .single-bottle-card img { width: 385px; }
  .fact-ledger { grid-template-columns: 1fr 1fr; }
  .ingredient-ledger article { min-height: auto; padding: 24px; }
  .evidence-cards { grid-template-columns: 1fr; }
  .routine-track li { grid-template-columns: 52px 1fr; gap: 14px; }
  .routine-track li > span { width: 45px; height: 45px; }
  .safety-matrix { grid-template-columns: 1fr; }
  .safety-matrix article, .safety-matrix article:nth-child(2n), .safety-matrix article:nth-child(3n) { min-height: auto; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
  .safety-matrix article:last-child { border-bottom: 0; }
  .offer-row { grid-template-columns: 1fr; grid-template-areas: "index" "image" "copy" "money" "button"; text-align: center; padding: 26px 20px; }
  .offer-image { height: 220px; }
  .single-pack > img { height: 240px; }
  .three-pack > img { height: 250px; }
  .six-pack img { height: 190px; }
  .offer-copy p { max-width: 360px; margin-inline: auto; }
  .featured-label { right: 50%; transform: translateX(50%); white-space: nowrap; }
  .audience-columns article { padding: 24px; }
  .checkout-grid { grid-template-columns: 1fr; }
  .checkout-grid article, .checkout-grid article:nth-child(2n), .checkout-grid article:last-child { grid-column: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .checkout-grid article:last-child { border-bottom: 0; }
  .guarantee-document { min-height: 430px; padding: 25px; }
  .guarantee-document img { width: 345px; }
  .closing-product { min-height: 310px; }
  .closing-product img { width: 330px; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-intro { grid-column: auto; }
  .legal-banner { padding: 58px 0 45px; }
  .legal-section { padding: 42px 0 70px; }
  .legal-document { padding: 25px; }
  .offer-dock > span:not(.offer-signal) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}

/* BellyFlush bottle-led visual rebuild */
:root {
  --midnight: #073e68;
  --midnight-2: #075684;
  --blue: #087eb7;
  --blue-bright: #0da3cf;
  --blue-light: #e9f7ff;
  --gold: #f7c617;
  --gold-strong: #efaa00;
  --gold-light: #fff0a7;
  --ivory: #f6fbfe;
  --paper: #ffffff;
  --ink: #102d46;
  --muted: #567083;
  --line: #cfe5f1;
  --green: #12834e;
  --shadow: 0 22px 55px rgba(4, 65, 105, .14);
  --radius: 20px;
}

body { background: #fff; font-family: Inter, Arial, Helvetica, sans-serif; color: var(--ink); line-height: 1.7; }
h1, h2, h3 { font-family: Inter, Arial, Helvetica, sans-serif; letter-spacing: -.035em; }
h1 { font-size: clamp(3rem, 5.15vw, 4.8rem); font-weight: 900; }
h2 { font-size: clamp(2.15rem, 3.7vw, 3.4rem); font-weight: 850; }
h3 { font-weight: 800; }
.shell { width: min(1210px, calc(100% - 42px)); }
.section { padding: 74px 0; }
.section-code { color: var(--blue); font-size: .67rem; font-weight: 900; letter-spacing: .16em; }
.button { border-radius: 10px; font-weight: 850; }
.button-gold { color: #082f4f; background: linear-gradient(135deg, #ffe26a, var(--gold)); border-color: #ffd53e; box-shadow: 0 14px 30px rgba(247,198,23,.28); }
.button-ink { color: #fff; background: linear-gradient(135deg, #075684, #073e68); border-color: #073e68; }

.offer-dock { min-height: 48px; color: #fff; background: #052f50; border-bottom-color: rgba(255,255,255,.15); box-shadow: 0 3px 14px rgba(2,37,63,.2); }
.offer-dock strong { color: #ffe76f; }
.offer-dock b { color: #062f4f; background: var(--gold); }
.offer-signal { background: #64e2a7; }

.site-header { top: 48px; color: #fff; background: linear-gradient(90deg, #07517d 0%, #0879ad 58%, #0a95bf 100%); border-bottom: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(12px); }
.nav-shell { min-height: 82px; }
.wordmark { color: #fff; }
.wordmark-icon { color: #073e68; background: var(--gold); border: 3px solid #fff; box-shadow: 0 10px 22px rgba(0,39,68,.2); }
.wordmark b { color: #fff; font-size: 1.13rem; font-weight: 900; }
.wordmark small { color: #dff6ff; font-size: .55rem; }
.primary-nav a { color: #fff; font-weight: 750; }
.primary-nav a:hover { color: #ffea7d; }
.primary-nav .nav-action { color: #073e68; background: var(--gold); border-color: #ffe066; box-shadow: 0 9px 22px rgba(0,43,72,.18); }
.menu-toggle > span { background: #fff; }

.dispatch-hero { min-height: 710px; color: #fff; background: linear-gradient(125deg, #064c79 0%, #0876aa 54%, #0ca2c8 100%); }
.dispatch-hero::before { height: 5px; background: var(--gold); }
.dispatch-hero::after { width: 540px; height: 540px; left: -180px; bottom: -310px; border-color: rgba(255,255,255,.15); box-shadow: 0 0 0 70px rgba(255,255,255,.035), 0 0 0 140px rgba(255,255,255,.025); }
.hero-bubble { position: absolute; z-index: -1; border-radius: 50%; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }
.hero-bubble-one { width: 300px; height: 300px; top: 80px; left: 43%; }
.hero-bubble-two { width: 180px; height: 180px; right: 2%; bottom: 35px; }
.hero-layout { min-height: 710px; padding-block: 65px 62px; grid-template-columns: 1.05fr .95fr; gap: 42px; }
.dispatch-tag span { color: #063a60; background: var(--gold); border-radius: 5px; }
.dispatch-tag b { color: #e4f8ff; }
.hero-copy h1 { max-width: 720px; color: #fff; text-shadow: 0 4px 20px rgba(1,45,73,.15); }
.hero-lead { max-width: 690px; color: #ebf9ff; font-size: 1.13rem; }
.button-ghost { color: #fff; border-color: rgba(255,255,255,.7); background: rgba(255,255,255,.09); }
.hero-proof { border-color: rgba(255,255,255,.3); }
.hero-proof div { border-color: rgba(255,255,255,.3); }
.hero-proof strong { color: #ffe462; }
.hero-proof span { color: #e5f7ff; }
.hero-fineprint { color: #d0edf8; }

.product-showcase { min-height: 585px; }
.showcase-frame { width: min(540px, 100%); height: 555px; overflow: visible; border: 6px solid rgba(255,255,255,.72); border-radius: 34px; background: linear-gradient(145deg, #ffffff 0%, #eef9ff 64%, #d9f2ff 100%); box-shadow: 0 34px 70px rgba(1,44,73,.28); }
.showcase-frame::before { inset: 16px; border: 1px solid #c7e8f7; border-radius: 23px; }
.frame-label { top: 28px; left: 32px; color: #0874aa; }
.showcase-glow { width: 410px; height: 410px; top: 53%; background: radial-gradient(circle, rgba(255,220,45,.38), rgba(13,154,201,.14) 48%, transparent 71%); }
.hero-bottle-stage { position: absolute; z-index: 2; inset: 58px 12px 10px; overflow: hidden; }
.hero-bottle { position: absolute; bottom: -8px; height: auto; filter: drop-shadow(0 22px 16px rgba(4,54,86,.24)); }
.hero-bottle-center { z-index: 4; left: 50%; width: 410px; transform: translateX(-50%); }
.hero-bottle-left { z-index: 2; left: -35px; width: 330px; transform: rotate(-3deg); }
.hero-bottle-right { z-index: 2; right: -35px; width: 330px; transform: rotate(3deg); }
.price-stamp { top: 65px; right: -17px; width: 126px; color: #073e68; background: linear-gradient(145deg, #ffe980, var(--gold)); border: 5px solid #fff; border-radius: 50%; box-shadow: 0 16px 32px rgba(5,68,106,.24); }
.price-stamp small { max-width: 90px; line-height: 1.15; }
.showcase-ticket { right: -8px; bottom: -9px; width: 286px; border: 1px solid #d8e9f2; border-left: 7px solid var(--gold); border-radius: 10px; }
.showcase-ticket span { color: var(--blue); }
.showcase-ticket a { color: var(--green); }
.showcase-note { left: -3px; bottom: 32px; padding: 8px 14px; color: #073e68; background: var(--gold); border-radius: 5px; transform: rotate(-90deg); }

.decision-band { padding: 18px 0; background: #fff; border-bottom: 1px solid var(--line); box-shadow: 0 14px 35px rgba(5,72,111,.08); }
.decision-grid { gap: 10px; }
.decision-grid article { min-height: 90px; grid-template-columns: 36px 1fr; padding: 16px 18px; border: 1px solid #d7eaf3; border-radius: 12px; background: #f8fcff; }
.decision-grid article:last-child { border: 1px solid #d7eaf3; }
.decision-grid article > span { width: 30px; height: 30px; display: grid; place-items: center; color: #073e68; background: var(--gold); border-radius: 50%; }
.decision-grid b { color: #0a436b; }
.decision-grid p { color: var(--muted); }

.guide-map { background: #fff; }
.editorial-heading > p { color: var(--muted); }
.checkpoint-grid { gap: 18px; }
.checkpoint-grid article { min-height: 320px; border: 1px solid #d5e9f3; border-top: 5px solid var(--blue) !important; border-radius: 18px; background: linear-gradient(180deg, #fff, #f6fbfe); box-shadow: 0 15px 35px rgba(5,69,107,.08); }
.checkpoint-grid article:nth-child(2) { border-top-color: var(--gold) !important; }
.checkpoint-number { color: #073e68; background: var(--gold); }

.audience-section { background: linear-gradient(180deg, #eff9ff, #f9fdff); border-color: var(--line); }
.audience-columns article { border: 1px solid #cfe6f1; border-radius: 18px; background: #fff; box-shadow: var(--shadow); }
.audience-columns article:first-child { border-left: 7px solid var(--blue); }
.audience-columns article:last-child { border-left: 7px solid var(--gold); }

.product-brief { background: #fff; }
.single-bottle-card { min-height: 620px; overflow: hidden; color: var(--ink); background: radial-gradient(circle at 50% 54%, #fff7c7 0 20%, #e7f7ff 42%, #caebfa 72%, #b9e1f4 100%); border: 8px solid #fff; border-radius: 28px; box-shadow: 0 24px 60px rgba(4,68,107,.18), inset 0 0 0 1px #b8ddeb; }
.single-bottle-card::before { width: 410px; height: 410px; background: rgba(255,255,255,.45); box-shadow: 0 0 0 55px rgba(255,255,255,.16); }
.single-bottle-card > span { z-index: 4; top: 24px; left: 25px; color: #075e90; background: #fff; padding: 7px 11px; border-radius: 7px; }
.single-bottle-card img { z-index: 3; width: 490px; margin-top: 25px; filter: drop-shadow(0 30px 18px rgba(4,66,103,.24)); }
.single-bottle-card b { right: 22px; bottom: 26px; color: #063a60; background: var(--gold); border-radius: 7px; }
.single-bottle-card em { position: absolute; z-index: 5; left: 22px; bottom: 30px; padding: 7px 11px; color: #fff; background: #087daf; border-radius: 7px; font-size: .68rem; font-style: normal; font-weight: 800; }
.visual-orbit { position: absolute; z-index: 1; width: 435px; height: 435px; border: 2px dashed rgba(7,100,150,.27); border-radius: 50%; }
.brief-caption { border-left-color: var(--gold); }
.fact-ledger div { border-color: #cae3ef; background: #f4fbff; border-radius: 9px; }

.label-reading { background: linear-gradient(135deg, #07517f, #0899c5); color: #fff; }
.label-heading h2 { color: #fff; }
.label-heading > p { color: #e1f6ff; }
.label-heading .section-code { color: #ffe56d; }
.label-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
.label-grid article { position: relative; padding: 30px 30px 30px 84px; color: var(--ink); background: #fff; border: 1px solid rgba(255,255,255,.8); border-radius: 18px; box-shadow: 0 17px 38px rgba(0,48,78,.16); }
.label-grid article > span { position: absolute; left: 25px; top: 30px; width: 42px; height: 42px; display: grid; place-items: center; color: #073e68; background: var(--gold); border-radius: 50%; font-size: .72rem; font-weight: 900; }
.label-grid h3 { color: #073e68; }
.label-grid p { margin: 0; color: var(--muted); font-size: .86rem; }
.label-cta { display: flex; justify-content: space-between; align-items: center; gap: 25px; margin-top: 22px; padding: 22px 25px; color: #073e68; background: #fff; border-radius: 16px; }
.label-cta strong, .label-cta span { display: block; }
.label-cta span { color: var(--muted); font-size: .82rem; }

.formula-ledger { color: var(--ink); background: #eff9ff; }
.formula-heading h2 { color: var(--ink); }
.formula-heading > p { color: var(--muted); }
.ingredient-ledger { gap: 12px; border: 0; }
.ingredient-ledger article { min-height: 195px; padding: 26px 28px; border: 1px solid #cae4f0 !important; border-radius: 15px; background: #fff; box-shadow: 0 10px 27px rgba(4,69,108,.065); }
.ingredient-ledger article:last-child { background: linear-gradient(90deg, #fff, #f4fbff); }
.ingredient-ledger span { color: var(--blue); }
.ingredient-ledger h3 { color: #073e68; }
.ingredient-ledger p { color: var(--muted); }
.formula-callout { color: #073e68; background: linear-gradient(90deg, #ffe77a, var(--gold)); border-radius: 14px; }

.evidence-desk { background: #fff; }
.evidence-cards article { border-radius: 16px; }
.evidence-yes { border-top-color: #13824f !important; }
.evidence-no { border-top-color: var(--gold) !important; }
.expectation-copy { border-top-color: var(--line); }

.routine-section { background: linear-gradient(180deg, #f2faff, #fff); }
.routine-track { border-top-color: var(--line); }
.routine-track li { border-bottom-color: var(--line); }
.routine-track li > span { color: #073e68; background: var(--gold); box-shadow: 0 9px 20px rgba(240,170,0,.22); }

.safety-desk { color: #e5f7ff; background: linear-gradient(135deg, #063d67, #087aa9); }
.safety-header h2 { color: #fff; }
.safety-header p { color: #d9f2fc; }
.safety-matrix { border-color: rgba(255,255,255,.24); border-radius: 18px; overflow: hidden; }
.safety-matrix article { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.055); }
.safety-matrix b { color: #ffe56c; }
.safety-matrix p { color: #dcf2fb; }
.safety-bottom { color: #073e68; background: var(--gold); border-radius: 14px; }

.package-section { background: #fff; }
.package-heading { margin-inline: auto; text-align: center; }
.offer-stack { grid-template-columns: repeat(3,1fr); gap: 18px; align-items: stretch; }
.offer-row { min-width: 0; min-height: 650px; display: flex; flex-direction: column; gap: 13px; padding: 27px 24px 24px; border: 1px solid #cce4ef; border-radius: 20px; background: linear-gradient(180deg, #fff, #f6fbfe); box-shadow: 0 16px 38px rgba(3,66,104,.1); text-align: center; }
.offer-index { min-height: 24px; color: var(--blue); }
.offer-image { width: 100%; height: 285px; margin: 0 auto; overflow: hidden; border-radius: 16px; background: radial-gradient(circle, #fff7c2 0 18%, #e6f7ff 45%, #d6eef9 78%); }
.pack-composition img { position: absolute; height: auto; max-width: none; filter: drop-shadow(0 15px 11px rgba(3,61,95,.2)); }
.pack-one img { left: 50%; bottom: -12px; width: 265px; transform: translateX(-50%); }
.pack-three .p1 { z-index: 1; left: -4px; bottom: 4px; width: 198px; transform: rotate(-2deg); }
.pack-three .p2 { z-index: 1; right: -4px; bottom: 4px; width: 198px; transform: rotate(2deg); }
.pack-three .p3 { z-index: 3; left: 50%; bottom: -8px; width: 230px; transform: translateX(-50%); }
.pack-six img { bottom: 4px; width: 154px; }
.pack-six .p1 { left: -26px; z-index: 1; transform: scale(.83); }
.pack-six .p2 { left: 22px; z-index: 2; transform: scale(.9); }
.pack-six .p3 { left: 73px; z-index: 3; }
.pack-six .p4 { right: 73px; z-index: 3; }
.pack-six .p5 { right: 22px; z-index: 2; transform: scale(.9); }
.pack-six .p6 { right: -26px; z-index: 1; transform: scale(.83); }
.offer-copy { min-height: 112px; }
.offer-copy > span { color: var(--blue); }
.offer-copy h3 { color: #073e68; font-size: 1.35rem; }
.offer-copy p { font-size: .8rem; }
.offer-money { margin-top: auto; }
.offer-money strong { color: #073e68; }
.offer-money b { color: #12834e; }
.offer-button { width: 100%; min-height: 56px; color: #073e68; background: linear-gradient(135deg, #ffe46a, var(--gold)); border: 1px solid #f0b900; border-radius: 10px; box-shadow: 0 11px 24px rgba(244,185,0,.22); font-size: .85rem; }
.featured-offer { border: 4px solid var(--gold); background: linear-gradient(180deg, #fffdf0, #f4fbff); transform: translateY(-12px); box-shadow: 0 24px 55px rgba(5,74,112,.18); }
.featured-label { top: -17px; left: 26px; right: 26px; padding: 8px 11px; color: #073e68; background: var(--gold); border-radius: 8px; }
.package-math { border-color: var(--line); border-radius: 13px; overflow: hidden; }
.package-math div { border-color: var(--line); background: #eff9ff; }
.commitment-guide { border-top-color: var(--line); }
.commitment-cards { border-color: var(--line); border-radius: 18px; overflow: hidden; }
.commitment-cards article { border-color: var(--line); background: #fff; }
.commitment-rule { color: #fff; background: linear-gradient(90deg, #064b78, #087fae); border-radius: 14px; }
.commitment-rule b { color: #ffe66e; }
.commitment-rule p { color: #e2f6ff; }

.checkout-checklist { background: #eff9ff; }
.checkout-grid { border-color: var(--line); border-radius: 17px; overflow: hidden; }
.checkout-grid article { border-color: var(--line); background: #fff; }
.checkout-grid article > span { color: #073e68; background: var(--gold); }
.checkout-summary { color: #073e68; background: var(--gold); border-radius: 13px; }

.bonus-section { color: var(--ink); background: linear-gradient(135deg, #dff4ff, #f6fcff); }
.bonus-intro h2 { color: #073e68; }
.bonus-intro p { color: var(--muted); }
.bonus-tickets article { border: 1px solid #cae4f0; border-left: 8px solid var(--gold); border-radius: 16px; box-shadow: 0 14px 34px rgba(4,68,105,.1); }
.bonus-tickets article::before, .bonus-tickets article::after { background: #dff4ff; }

.guarantee-section { background: #fff; }
.guarantee-document { min-height: 530px; background: radial-gradient(circle, #fffdf0, #f3faff); border: 1px solid #c8e2ee; border-radius: 24px; transform: none; box-shadow: var(--shadow); }
.guarantee-document::before { border-color: #d3e8f1; border-radius: 17px; }
.guarantee-document img { width: 435px; }
.guarantee-copy p { color: var(--muted); }

.source-library { background: #f2faff; }
.source-list { border-top-color: var(--line); }
.source-list a { border-bottom-color: var(--line); border-radius: 10px; }

.faq-section { background: #fff; }
.faq-heading .section-code { display: block; }
.faq-list details { margin-bottom: 12px; border: 1px solid #c9e2ed; border-radius: 12px; background: #f7fcff; box-shadow: 0 7px 18px rgba(4,68,105,.055); }
.faq-list summary { color: #073e68; }

.closing-panel { color: #fff; background: linear-gradient(125deg, #064c79, #0a92bb); }
.closing-layout h2 { color: #fff; }
.closing-layout p { color: #e2f7ff; }
.closing-layout small { color: #d2effa; }
.closing-product { min-height: 430px; overflow: hidden; border: 6px solid rgba(255,255,255,.75); border-radius: 25px; background: radial-gradient(circle, #fff9cd 0 20%, #effaff 47%, #d5f0fb 78%); }
.closing-bottles { position: absolute; inset: 30px 10px 15px; }
.closing-bottles img { position: absolute; bottom: -12px; height: auto; filter: drop-shadow(0 20px 14px rgba(3,57,89,.24)); }
.closing-bottles .cb-left { z-index: 1; left: -15px; width: 300px; transform: rotate(-3deg); }
.closing-bottles .cb-right { z-index: 1; right: -15px; width: 300px; transform: rotate(3deg); }
.closing-bottles .cb-center { z-index: 3; left: 50%; width: 360px; transform: translateX(-50%); }
.closing-product span { z-index: 5; left: 50%; bottom: 15px; width: max-content; padding: 7px 11px; color: #073e68; background: var(--gold); border-radius: 6px; transform: translateX(-50%); }

.site-footer { color: #c8e0ec; background: #052f50; border-top: 5px solid var(--gold); }
.site-footer a:not(.wordmark) { color: #d8ecf5; }
.footer-compliance { border-top-color: rgba(255,255,255,.15); }
.legal-main { background: #f2faff; }
.legal-banner { color: #fff; background: linear-gradient(125deg, #064b78, #0992ba); border-bottom-color: var(--gold); }
.legal-banner h1 { color: #fff; }
.legal-banner p { color: #dcf3fc; }
.legal-document { border-color: #cfe4ee; border-radius: 20px; }

@media (max-width: 1040px) {
  .hero-layout { grid-template-columns: 1fr 1fr; gap: 22px; }
  .showcase-frame { height: 520px; }
  .hero-bottle-center { width: 370px; }
  .hero-bottle-left, .hero-bottle-right { width: 295px; }
  .offer-row { min-height: 630px; padding-inline: 18px; }
  .pack-six img { width: 135px; }
  .pack-six .p1 { left: -23px; }.pack-six .p2 { left: 15px; }.pack-six .p3 { left: 53px; }.pack-six .p4 { right: 53px; }.pack-six .p5 { right: 15px; }.pack-six .p6 { right: -23px; }
}

@media (max-width: 820px) {
  body { padding-bottom: 51px; }
  .offer-dock { position: fixed; inset: auto 0 0; z-index: 140; }
  .site-header { top: 0; }
  .primary-nav { color: var(--ink); background: #fff; border-radius: 13px; }
  .primary-nav a { color: #073e68; }
  .primary-nav .nav-action { color: #073e68; }
  .hero-layout { grid-template-columns: 1fr; text-align: center; }
  .dispatch-tag, .hero-actions { justify-content: center; }
  .product-showcase { min-height: 565px; }
  .showcase-frame { width: min(540px,100%); }
  .decision-grid { grid-template-columns: 1fr 1fr; }
  .decision-grid article:nth-child(2), .decision-grid article:last-child { border: 1px solid #d7eaf3; }
  .label-grid { grid-template-columns: 1fr; }
  .label-cta { align-items: flex-start; flex-direction: column; }
  .offer-stack { grid-template-columns: 1fr; max-width: 560px; margin-inline: auto; gap: 30px; }
  .offer-row { min-height: 650px; }
  .featured-offer { transform: none; }
  .offer-image { height: 310px; }
  .pack-one img { width: 285px; }
  .pack-three .p1, .pack-three .p2 { width: 225px; }
  .pack-three .p3 { width: 260px; }
  .pack-six img { width: 178px; }
  .pack-six .p1 { left: -22px; }.pack-six .p2 { left: 50px; }.pack-six .p3 { left: 120px; }.pack-six .p4 { right: 120px; }.pack-six .p5 { right: 50px; }.pack-six .p6 { right: -22px; }
  .bonus-intro { position: static; }
  .footer-mark .wordmark b { color: #fff; }
}

@media (max-width: 560px) {
  .shell { width: min(100% - 28px, 520px); }
  h1 { font-size: 2.65rem; }
  h2 { font-size: 2.05rem; }
  .wordmark b { font-size: .96rem; }
  .wordmark small { font-size: .48rem; letter-spacing: .12em; }
  .dispatch-hero { min-height: auto; }
  .hero-layout { padding-block: 50px 56px; }
  .hero-lead { font-size: 1rem; }
  .hero-proof { grid-template-columns: repeat(3,1fr); text-align: center; }
  .hero-proof div { padding: 13px 6px; border-right: 1px solid rgba(255,255,255,.28); border-bottom: 0; }
  .hero-proof strong { font-size: 1.5rem; }
  .hero-proof span { font-size: .58rem; }
  .product-showcase { min-height: 455px; }
  .showcase-frame { height: 435px; border-width: 4px; border-radius: 24px; }
  .hero-bottle-stage { inset: 50px 4px 0; }
  .hero-bottle-center { width: 315px; }
  .hero-bottle-left, .hero-bottle-right { width: 235px; }
  .hero-bottle-left { left: -45px; }.hero-bottle-right { right: -45px; }
  .frame-label { top: 20px; left: 20px; }
  .price-stamp { top: 48px; right: -5px; width: 98px; }
  .price-stamp strong { font-size: 1.75rem; }
  .showcase-ticket { right: 5px; bottom: -25px; width: 235px; }
  .showcase-note { display: none; }
  .decision-grid { grid-template-columns: 1fr; }
  .decision-grid article { min-height: 78px; }
  .single-bottle-card { min-height: 470px; }
  .single-bottle-card img { width: 385px; }
  .single-bottle-card em { display: none; }
  .label-grid article { padding: 75px 24px 25px; }
  .label-grid article > span { left: 24px; top: 22px; }
  .label-cta .button { width: 100%; }
  .offer-row { min-height: 610px; }
  .offer-image { height: 270px; }
  .pack-one img { width: 255px; }
  .pack-three .p1, .pack-three .p2 { width: 185px; }
  .pack-three .p3 { width: 225px; }
  .pack-six img { width: 135px; }
  .pack-six .p1 { left: -20px; }.pack-six .p2 { left: 20px; }.pack-six .p3 { left: 62px; }.pack-six .p4 { right: 62px; }.pack-six .p5 { right: 20px; }.pack-six .p6 { right: -20px; }
  .featured-label { left: 12px; right: 12px; font-size: .56rem; }
  .closing-product { min-height: 340px; }
  .closing-bottles .cb-left, .closing-bottles .cb-right { width: 230px; }
  .closing-bottles .cb-center { width: 285px; }
  .closing-product span { bottom: 10px; font-size: .5rem; }
}

/* Compact information-first typography and spacing */
h1 { font-size: clamp(2.45rem, 4.35vw, 4rem); line-height: 1.08; }
h2 { font-size: clamp(1.7rem, 2.7vw, 2.5rem); line-height: 1.13; }
h3 { font-size: 1.16rem; line-height: 1.22; letter-spacing: -.02em; }
p { margin-bottom: .82rem; }
.section { padding: 52px 0; }
.editorial-heading { grid-template-columns: 1.12fr .88fr; gap: 38px; margin-bottom: 24px; }
.section-code { margin-bottom: 9px; }
.dispatch-hero, .hero-layout { min-height: 650px; }
.hero-layout { padding-block: 48px 50px; }
.hero-copy h1 { max-width: 680px; }
.hero-lead { font-size: 1.04rem; line-height: 1.62; }
.hero-actions { margin: 22px 0 24px; }
.hero-proof div { padding-block: 14px; }
.product-showcase { min-height: 530px; }
.showcase-frame { height: 510px; }
.decision-band { padding-block: 12px; }
.decision-grid article { min-height: 78px; padding-block: 12px; }
.checkpoint-grid article { min-height: 0; padding: 24px; }
.checkpoint-number { margin-bottom: 18px; }
.audience-layout { gap: 46px; }
.audience-columns article { padding: 24px; }
.brief-layout { gap: 56px; }
.single-bottle-card { min-height: 555px; }
.brief-copy .lead-copy { font-size: 1.12rem; }
.fact-ledger { margin: 20px 0; }
.label-grid article { padding: 24px 24px 24px 76px; }
.label-grid article > span { top: 24px; left: 22px; }
.label-cta { margin-top: 16px; padding-block: 17px; }
.ingredient-ledger article { min-height: 0; padding: 22px 24px; }
.formula-callout { margin-top: 18px; padding: 19px 22px; }
.evidence-layout { gap: 38px 58px; }
.evidence-cards article { padding: 21px; }
.routine-layout { gap: 60px; }
.routine-track li { padding: 20px 0; }
.safety-header { margin-bottom: 24px; }
.safety-matrix article { min-height: 0; padding: 22px; }
.safety-bottom { margin-top: 18px; padding: 20px 23px; }
.package-heading { margin-bottom: 28px; }
.offer-row { min-height: 595px; padding-top: 24px; }
.offer-image { height: 255px; }
.offer-copy { min-height: 94px; }
.commitment-guide { margin-top: 34px; padding-top: 30px; }
.commitment-heading { gap: 34px; margin-bottom: 18px; }
.commitment-heading .section-code { margin-bottom: -22px; }
.commitment-cards article { padding: 22px; }
.checkout-heading { margin-bottom: 22px; }
.checkout-grid article { padding: 20px 17px; }
.bonus-layout { gap: 55px; }
.bonus-tickets article { padding: 24px 25px 24px 38px; }
.guarantee-layout { gap: 56px; }
.guarantee-document { min-height: 460px; }
.guarantee-document img { width: 380px; }
.source-layout { gap: 55px; }
.source-list a { padding-block: 17px; }
.faq-heading { margin-bottom: 22px; }
.faq-list summary { padding-block: 16px; }
.closing-panel { padding: 54px 0; }
.closing-product { min-height: 365px; }
.site-footer { padding-top: 52px; }
.footer-compliance { margin-top: 30px; }
.legal-banner { padding: 60px 0 45px; }
.legal-section { padding: 48px 0 68px; }
.legal-document { padding: 38px; }

@media (max-width: 820px) {
  .section { padding: 44px 0; }
  .editorial-heading { gap: 14px; }
  .dispatch-hero, .hero-layout { min-height: auto; }
  .product-showcase { min-height: 520px; }
  .showcase-frame { height: 495px; }
  .offer-row { min-height: 605px; }
  .offer-image { height: 280px; }
  .commitment-heading .section-code { margin-bottom: 0; }
}

@media (max-width: 560px) {
  h1 { font-size: 2.3rem; }
  h2 { font-size: 1.72rem; }
  h3 { font-size: 1.08rem; }
  .section { padding: 38px 0; }
  .hero-layout { padding-block: 38px 44px; }
  .product-showcase { min-height: 430px; }
  .showcase-frame { height: 410px; }
  .label-grid article { padding: 66px 21px 21px; }
  .label-grid article > span { top: 18px; left: 20px; }
  .offer-row { min-height: 570px; }
  .offer-image { height: 245px; }
  .guarantee-document { min-height: 390px; }
  .legal-document { padding: 24px; }
}

/* Final compact conversion pass */
h1 { font-size: clamp(2.25rem, 3.8vw, 3.55rem); }
h2 { font-size: clamp(1.55rem, 2.35vw, 2.15rem); }
h3 { font-size: 1.08rem; }
.section { padding: 34px 0; }
.editorial-heading { gap: 24px; margin-bottom: 16px; }
.dispatch-hero, .hero-layout { min-height: 585px; }
.hero-layout { padding-block: 34px 38px; }
.hero-actions { margin: 17px 0 19px; }
.product-showcase { min-height: 490px; }
.showcase-frame { height: 475px; }
.decision-band { padding-block: 8px; }
.decision-grid article { min-height: 68px; padding-block: 9px; }
.checkpoint-grid article, .audience-columns article { padding: 19px; }
.brief-layout, .audience-layout, .guarantee-layout, .bonus-layout, .source-layout { gap: 38px; }
.single-bottle-card { min-height: 500px; }
.ingredient-ledger article { padding: 18px 20px; }
.routine-track li { padding: 16px 0; }
.safety-matrix article { min-height: 0; padding: 20px; }
.safety-header { margin-bottom: 18px; }
.benefit-bottom { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.benefit-bottom p { margin: 0; }
.benefit-bottom .button { flex: 0 0 auto; }
.offer-row { min-height: 560px; }
.offer-image { height: 235px; }
.checkout-grid article { padding: 17px 14px; }
.bonus-tickets article { padding: 20px 23px 20px 34px; }
.guarantee-document { min-height: 420px; }
.closing-panel { padding: 42px 0; }
.closing-product { min-height: 330px; }

@media (max-width: 820px) {
  .section { padding: 30px 0; }
  .hero-layout { padding-block: 30px 36px; }
  .benefit-bottom { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 560px) {
  h1 { font-size: 2.05rem; }
  h2 { font-size: 1.5rem; }
  .section { padding: 27px 0; }
  .product-showcase { min-height: 405px; }
  .showcase-frame { height: 390px; }
  .benefit-bottom .button { width: 100%; }
}

/* BellyFlush versus category comparison */
.comparison-section { background: linear-gradient(180deg, #eef8fc 0%, #fff 100%); }
.comparison-heading { align-items: end; }
.comparison-table-wrap { overflow-x: auto; border: 1px solid #c7dfe9; border-radius: 20px; background: #fff; box-shadow: 0 18px 48px rgba(5,47,80,.1); -webkit-overflow-scrolling: touch; }
.comparison-table { width: 100%; min-width: 780px; border-collapse: separate; border-spacing: 0; color: var(--ink); }
.comparison-table th, .comparison-table td { padding: 17px 20px; border-right: 1px solid #d8e8ef; border-bottom: 1px solid #d8e8ef; text-align: left; vertical-align: top; }
.comparison-table tr > *:last-child { border-right: 0; }
.comparison-table tbody tr:last-child > * { border-bottom: 0; }
.comparison-table thead th { color: #fff; background: var(--midnight); font-size: .76rem; letter-spacing: .06em; text-transform: uppercase; }
.comparison-table thead th:first-child { border-radius: 18px 0 0; }
.comparison-table thead th:last-child { border-radius: 0 18px 0 0; }
.comparison-table thead .bellyflush-column { color: var(--midnight); background: var(--gold); }
.comparison-table tbody th { width: 22%; color: #083f68; background: #f5fafc; font-size: .83rem; letter-spacing: .02em; }
.comparison-table tbody td { width: 39%; background: #fff; }
.comparison-table tbody .bellyflush-column { background: #fff9df; box-shadow: inset 4px 0 0 var(--gold); }
.comparison-table strong { display: block; margin-bottom: 5px; color: #073e68; font-size: .98rem; }
.comparison-table .bellyflush-column strong { color: #07517d; }
.comparison-table span { display: block; color: #536a79; font-size: .82rem; line-height: 1.5; }
.comparison-cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 16px; padding: 20px 24px; color: #fff; background: linear-gradient(100deg, #063b63, #087eab); border-radius: 16px; }
.comparison-cta strong, .comparison-cta span { display: block; }
.comparison-cta strong { margin-bottom: 4px; color: #fff; font-size: 1.05rem; }
.comparison-cta span { color: #d8f0fa; font-size: .84rem; }
.comparison-cta .button { flex: 0 0 auto; }
.comparison-note { margin: 10px 3px 0; color: #647784; font-size: .7rem; line-height: 1.5; }

@media (max-width: 820px) {
  .comparison-heading { align-items: start; }
  .comparison-table { min-width: 720px; }
  .comparison-table th, .comparison-table td { padding: 15px 16px; }
  .comparison-cta { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 560px) {
  .comparison-table-wrap { border-radius: 14px; }
  .comparison-table { min-width: 680px; }
  .comparison-table th, .comparison-table td { padding: 13px 14px; }
  .comparison-table thead th:first-child { border-radius: 12px 0 0; }
  .comparison-table thead th:last-child { border-radius: 0 12px 0 0; }
  .comparison-cta { padding: 18px; }
  .comparison-cta .button { width: 100%; }
}

/* Keep the final product bottles fully inside their frame */
.closing-product { min-height: 350px; }
.closing-bottles { inset: 24px 22px 18px; }
.closing-bottles img { bottom: 3px; }
.closing-bottles .cb-center { width: 310px; }
.closing-bottles .cb-left, .closing-bottles .cb-right { width: 245px; }
.closing-bottles .cb-left { left: 2px; }
.closing-bottles .cb-right { right: 2px; }
.closing-product span { bottom: 12px; }

@media (max-width: 560px) {
  .closing-product { min-height: 320px; }
  .closing-bottles { inset: 20px 8px 16px; }
  .closing-bottles .cb-center { width: 270px; }
  .closing-bottles .cb-left, .closing-bottles .cb-right { width: 205px; }
  .closing-bottles .cb-left { left: -10px; }
  .closing-bottles .cb-right { right: -10px; }
}

/* Keep every pricing-package bottle fully visible inside its image panel */
.offer-image { height: 250px; }
.pack-one img { bottom: 5px; width: 220px; }
.pack-three .p1, .pack-three .p2 { bottom: 7px; width: 174px; }
.pack-three .p3 { bottom: 3px; width: 210px; }
.pack-six img { bottom: 8px; width: 125px; }

@media (max-width: 820px) {
  .offer-stack { width: 100%; }
  .offer-row { width: 100%; min-height: auto; }
  .offer-image { height: 255px; }
  .pack-one img { bottom: 6px; width: 220px; }
  .pack-three .p1, .pack-three .p2 { bottom: 8px; width: 175px; }
  .pack-three .p3 { bottom: 4px; width: 210px; }
  .pack-six img { bottom: 9px; width: 124px; }
}

@media (max-width: 560px) {
  .offer-stack { gap: 22px; }
  .offer-row { padding: 20px 14px 22px; }
  .offer-image { height: 245px; border-radius: 14px; }
  .pack-one img { bottom: 7px; width: 210px; }
  .pack-three .p1, .pack-three .p2 { bottom: 9px; width: 165px; }
  .pack-three .p3 { bottom: 5px; width: 198px; }
  .pack-six img { bottom: 10px; width: 115px; }
  .offer-copy { min-height: auto; }
  .offer-button { min-height: 52px; display: flex; align-items: center; justify-content: center; }
}

/* Global mobile overflow repair */
html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
body, main, header, footer, section { min-width: 0; max-width: 100%; }
.shell, .nav-shell, .hero-layout, .editorial-heading, .audience-layout, .brief-layout, .evidence-layout, .routine-layout, .bonus-layout, .guarantee-layout, .source-layout, .closing-layout { min-width: 0; }
.hero-layout > *, .audience-layout > *, .brief-layout > *, .evidence-layout > *, .routine-layout > *, .bonus-layout > *, .guarantee-layout > *, .source-layout > *, .closing-layout > * { min-width: 0; }
.button, .offer-button, .label-cta, .comparison-cta, .checkout-summary { max-width: 100%; }
.comparison-table-wrap { width: 100%; max-width: 100%; overscroll-behavior-x: contain; }
.source-list, .source-list a, .source-list span { min-width: 0; max-width: 100%; }

@media (max-width: 820px) {
  .shell { width: min(100% - 28px, 560px); }
  .showcase-frame { width: 100%; max-width: 100%; overflow: hidden; }
  .showcase-ticket { right: 6px; max-width: calc(100% - 12px); }
  .price-stamp { right: 8px; }
  .single-bottle-card img { width: min(390px, calc(100% - 12px)); max-width: 100%; }
  .guarantee-document img { width: min(360px, 100%); }
  .comparison-cta .button, .label-cta .button { width: 100%; }
  .featured-label { left: 12px; right: 12px; max-width: calc(100% - 24px); white-space: normal; }
  .closing-product span { width: auto; max-width: calc(100% - 24px); white-space: normal; text-align: center; }
}

@media (max-width: 560px) {
  .shell { width: calc(100% - 24px); max-width: 520px; }
  .nav-shell { width: calc(100% - 24px); }
  .wordmark { min-width: 0; }
  .wordmark > span:last-child { min-width: 0; }
  .wordmark b { white-space: normal; }
  .primary-nav { left: 12px; right: 12px; max-width: calc(100% - 24px); }
  .dispatch-tag, .hero-copy, .hero-actions, .hero-proof { width: 100%; max-width: 100%; }
  .hero-copy h1, .hero-copy p, .editorial-heading h2, .editorial-heading p { overflow-wrap: break-word; }
  .showcase-frame { height: 390px; border-radius: 20px; }
  .hero-bottle-stage { inset: 48px 4px 0; }
  .hero-bottle-center { width: min(290px, 78vw); }
  .hero-bottle-left, .hero-bottle-right { width: min(210px, 58vw); }
  .hero-bottle-left { left: -30px; }
  .hero-bottle-right { right: -30px; }
  .showcase-glow { width: 310px; height: 310px; max-width: 90vw; }
  .price-stamp { right: 5px; width: 90px; }
  .showcase-ticket { right: 5px; bottom: -16px; width: min(225px, calc(100% - 10px)); }
  .single-bottle-card { width: 100%; max-width: 100%; padding-inline: 18px; }
  .single-bottle-card img { width: min(320px, calc(100% - 8px)); }
  .single-bottle-card::before, .visual-orbit { width: min(300px, 82vw); height: min(300px, 82vw); }
  .fact-ledger, .label-grid, .ingredient-ledger, .evidence-cards, .safety-matrix, .checkout-grid, .bonus-tickets { width: 100%; max-width: 100%; }
  .routine-track li { min-width: 0; }
  .routine-track li > div { min-width: 0; }
  .comparison-heading, .package-heading, .checkout-heading, .faq-heading { width: 100%; max-width: 100%; }
  .comparison-table-wrap { border-radius: 12px; }
  .comparison-table { min-width: 640px; }
  .guarantee-document { width: 100%; max-width: 100%; min-height: 360px; padding: 20px; }
  .guarantee-document img { width: min(300px, 100%); }
  .source-list a { padding-inline: 12px; }
  .source-list span { overflow-wrap: anywhere; word-break: break-word; }
  .legal-document { width: 100%; max-width: 100%; padding: 20px; }
  .footer-top, .footer-compliance { width: calc(100% - 24px); }
}