/* SodaPeak | go-sodapeak.com | custom layer on Bootstrap 5 */
:root{
  --sp-ink:#1A1411;
  --sp-ink-2:#2B211C;
  --sp-seal:#6E1A22;
  --sp-seal-2:#8C2630;
  --sp-gold:#C8A25A;
  --sp-gold-lt:#E6D2A2;
  --sp-amber:#E8841F;
  --sp-amber-dk:#B9620A;
  --sp-stone:#F1ECE4;
  --sp-paper:#FFFFFF;
  --sp-text:#2A221E;
  --sp-muted:#655850;
  --sp-line:#DED4C6;
  --sp-display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --sp-body:"Libre Franklin",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:var(--sp-body);color:var(--sp-text);background:var(--sp-paper);font-size:1.0625rem;line-height:1.7}
img{max-width:100%;height:auto}
a{color:var(--sp-seal-2)}
a:hover{color:var(--sp-seal)}
:focus-visible{outline:3px solid var(--sp-amber);outline-offset:3px}
h1,h2,h3,h4{font-family:var(--sp-display);font-weight:800;line-height:1.05;letter-spacing:.005em;color:var(--sp-ink)}
h2{font-size:clamp(2.1rem,4.4vw,3.2rem);margin-bottom:.9rem}
h3{font-size:1.65rem;margin-bottom:.4rem}
p{margin-bottom:1rem}
.lead-p{font-size:1.15rem;color:var(--sp-muted);max-width:66ch}
.measure{max-width:70ch}
.sp-sec{padding:84px 0}
.sp-sec--stone{background:var(--sp-stone)}
.sp-sec--dark{background:var(--sp-ink);color:#EDE4D6}
.sp-sec--dark h2,.sp-sec--dark h3{color:#FBF4E8}
.sp-sec--dark .lead-p{color:#CDBFAA}
.sp-sec--seal{background:var(--sp-seal);color:#F6E9E4}
.sp-sec--seal h2{color:#fff}

/* top strip + nav */
.sp-strip{background:var(--sp-seal);color:#F8E9D8;font-size:.9rem;text-align:center;padding:.45rem 1rem}
.sp-strip strong{color:#fff}
.sp-nav{background:var(--sp-ink);border-bottom:2px solid var(--sp-gold)}
.sp-nav .navbar-brand{font-family:var(--sp-display);font-weight:800;font-size:1.7rem;color:#FBF4E8;letter-spacing:.02em}
.sp-nav .navbar-brand img{width:36px;height:36px;border-radius:50%;margin-right:.5rem;border:1px solid var(--sp-gold)}
.sp-nav .nav-link{color:#E4D8C6;font-weight:600;font-size:.98rem}
.sp-nav .nav-link:hover,.sp-nav .nav-link:focus{color:var(--sp-gold-lt)}
.sp-nav .navbar-toggler{border-color:var(--sp-gold)}
.sp-nav .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23E6D2A2' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}

/* buttons */
.btn-sp{display:inline-block;background:var(--sp-amber);color:var(--sp-ink);font-weight:700;border:0;border-radius:6px;padding:.9rem 1.6rem;font-size:1.05rem;text-decoration:none;box-shadow:inset 0 0 0 2px rgba(26,20,17,.18),0 6px 0 var(--sp-amber-dk);transition:transform .12s ease,box-shadow .12s ease}
.btn-sp:hover,.btn-sp:focus{color:var(--sp-ink);background:#F1932F;transform:translateY(2px);box-shadow:inset 0 0 0 2px rgba(26,20,17,.18),0 4px 0 var(--sp-amber-dk)}
.btn-sp--ghost{background:transparent;color:var(--sp-gold-lt);box-shadow:inset 0 0 0 2px var(--sp-gold)}
.btn-sp--ghost:hover,.btn-sp--ghost:focus{background:rgba(200,162,90,.12);color:#fff;box-shadow:inset 0 0 0 2px var(--sp-gold-lt);transform:none}
.btn-sp--lg{padding:1.1rem 2rem;font-size:1.15rem}

/* hero */
.sp-hero{background:radial-gradient(120% 90% at 78% 40%,#2E1C1A 0%,var(--sp-ink) 62%);color:#EDE4D6;padding:56px 0 72px;overflow:hidden}
.sp-hero h1{color:#FBF4E8;font-size:clamp(2.6rem,6.2vw,4.6rem);line-height:.98;margin-bottom:1rem}
.sp-hero h1 span{display:block;font-size:.5em;color:var(--sp-gold-lt);font-weight:700;margin-top:.5rem;line-height:1.15}
.sp-hero .hero-sub{font-size:1.12rem;color:#D8CBB8;max-width:56ch}
.sp-hero .hero-meta{margin-top:1.4rem;font-size:.95rem;color:#BFAF98}
.sp-hero .hero-meta strong{color:#F0E3CC}
.sp-hero .btn-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.6rem}

/* signature: seal of power */
.seal-stage{position:relative;width:min(100%,520px);aspect-ratio:1/1;margin:0 auto}
.seal-svg{position:absolute;inset:0;width:100%;height:100%}
.seal-ring{fill:none;stroke:var(--sp-gold);stroke-width:1.6;stroke-dasharray:1260;stroke-dashoffset:1260;animation:ringDraw 1.6s .2s ease-out forwards}
.seal-disc{fill:var(--sp-seal);opacity:0;animation:discIn 1s .5s ease-out forwards}
.seal-inner{fill:var(--sp-ink)}
.seal-rays{transform-origin:200px 200px;animation:raysSpin 90s linear infinite}
.seal-rays line{stroke:var(--sp-gold);stroke-width:1.2;stroke-linecap:round;opacity:.55}
.orbit-plane{position:absolute;inset:6%;transform:scaleY(.34) rotate(-8deg);pointer-events:none}
.orbit{position:absolute;inset:0;animation:orbitSpin 22s linear infinite}
.gummy{position:absolute;width:22px;height:30px;margin:-15px 0 0 -11px;border-radius:40% 40% 46% 46%;background:radial-gradient(60% 50% at 38% 32%,#FFD39A 0%,var(--sp-amber) 55%,var(--sp-amber-dk) 100%);box-shadow:0 0 14px rgba(232,132,31,.55)}
.gummy:nth-child(1){left:50%;top:0}
.gummy:nth-child(2){left:85.4%;top:14.6%}
.gummy:nth-child(3){left:100%;top:50%}
.gummy:nth-child(4){left:85.4%;top:85.4%}
.gummy:nth-child(5){left:50%;top:100%}
.gummy:nth-child(6){left:14.6%;top:85.4%}
.gummy:nth-child(7){left:0;top:50%}
.gummy:nth-child(8){left:14.6%;top:14.6%}
.seal-bottle{position:absolute;left:50%;top:50%;width:62%;transform:translate(-50%,-50%);filter:drop-shadow(0 26px 30px rgba(0,0,0,.55));opacity:0;animation:bottleIn .9s .7s ease-out forwards}
@keyframes ringDraw{to{stroke-dashoffset:0}}
@keyframes discIn{to{opacity:1}}
@keyframes raysSpin{to{transform:rotate(360deg)}}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes bottleIn{from{opacity:0;transform:translate(-50%,-44%)}to{opacity:1;transform:translate(-50%,-50%)}}
@media (max-width:991.98px){
  .sp-hero{padding:28px 0 56px}
  .seal-stage{width:min(80%,330px);margin-bottom:.6rem}
  .orbit{animation-duration:30s}
  .gummy{width:16px;height:22px;margin:-11px 0 0 -8px;box-shadow:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .seal-ring{animation:none;stroke-dashoffset:0}
  .seal-disc{animation:none;opacity:1}
  .seal-bottle{animation:none;opacity:1}
  .seal-rays,.orbit{animation:none}
  .btn-sp{transition:none}
}

/* quick answer + label facts */
.quick-answer{background:var(--sp-paper);color:var(--sp-text);border-left:6px solid var(--sp-amber);border-radius:8px;padding:1.4rem 1.6rem;box-shadow:0 1px 0 var(--sp-line)}
.quick-answer h2{font-size:1.9rem;color:var(--sp-ink)}
.quick-answer p{color:var(--sp-text);margin:0}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--sp-line);border-radius:8px;background:var(--sp-paper);overflow:hidden}
.facts div{padding:1rem 1.1rem;border-right:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line)}
.facts b{display:block;font-family:var(--sp-display);font-size:1.9rem;color:var(--sp-seal);line-height:1}
.facts span{font-size:.92rem;color:var(--sp-muted)}
@media (min-width:768px){.facts{grid-template-columns:repeat(4,1fr)}}

/* why choose badges */
.badge-tile{text-align:center;padding:1rem .5rem}
.badge-tile svg{width:96px;height:96px;margin-bottom:.8rem}
.badge-tile h3{font-size:1.45rem}
.badge-tile p{font-size:.96rem;color:var(--sp-muted);margin:0}

/* experiences */
.photo-stack{display:flex;align-items:center;gap:1rem;margin-bottom:1.6rem}
.photo-stack img{width:68px;height:68px;border-radius:50%;object-fit:cover;border:3px solid var(--sp-paper);box-shadow:0 0 0 2px var(--sp-gold)}
.photo-stack img+img{margin-left:-1.6rem}
.photo-stack p{margin:0;font-size:.92rem;color:var(--sp-muted)}
.voice{background:var(--sp-paper);border:1px solid var(--sp-line);border-radius:8px;padding:1.5rem;height:100%}
.voice .who{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}
.voice .av{width:46px;height:46px;border-radius:50%;background:var(--sp-seal);color:#F9E9D5;display:grid;place-items:center;font-family:var(--sp-display);font-weight:800;font-size:1.2rem;flex:none}
.voice h3{font-size:1.35rem;margin:0}
.voice p{margin:0;color:var(--sp-text)}
.note-small{font-size:.9rem;color:var(--sp-muted)}

/* split media */
.split-img{border-radius:10px;box-shadow:12px 12px 0 var(--sp-seal)}

/* steps */
.steps{counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{position:relative;padding:0 0 1.6rem 4.2rem}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:3rem;height:3rem;border-radius:50%;border:2px solid var(--sp-gold);display:grid;place-items:center;font-family:var(--sp-display);font-weight:800;font-size:1.4rem;color:var(--sp-gold-lt)}
.steps li::after{content:"";position:absolute;left:1.45rem;top:3.2rem;bottom:.3rem;width:2px;background:rgba(200,162,90,.35)}
.steps li:last-child::after{display:none}
.steps h3{font-size:1.5rem}
.steps p{color:#D6C9B6;margin:0}

/* offer strip */
.offer-box{display:flex;flex-wrap:wrap;align-items:center;gap:2rem}
.offer-box img{width:260px;flex:none}
.offer-box .price-now{font-family:var(--sp-display);font-size:3.4rem;font-weight:800;color:#fff;line-height:1}
.offer-box .price-was{text-decoration:line-through;color:#E9C9C2}
.price-note{background:rgba(0,0,0,.18);border-radius:6px;padding:.8rem 1rem;font-size:.92rem;margin-top:1rem}

/* ingredients */
.ing{border-top:2px solid var(--sp-ink);padding:1.2rem 0 1.4rem}
.ing h3{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.ing h3 small{font-family:var(--sp-body);font-size:.78rem;font-weight:600;color:var(--sp-seal-2);background:#F6E3DD;border-radius:30px;padding:.15rem .7rem;white-space:nowrap}
.ing p{margin:0;font-size:1rem}
.honesty{background:var(--sp-paper);color:var(--sp-text);border:2px dashed var(--sp-seal-2);border-radius:8px;padding:1.3rem 1.5rem}
.honesty h3{color:var(--sp-seal)}
.honesty p{color:var(--sp-text)}
.label-table{width:100%;border-collapse:collapse;background:var(--sp-paper);font-size:.97rem}
.label-table caption{caption-side:top;font-family:var(--sp-display);font-weight:800;font-size:1.5rem;color:var(--sp-ink);padding-bottom:.4rem}
.label-table th,.label-table td{border-bottom:1px solid var(--sp-line);padding:.55rem .7rem;text-align:left;vertical-align:top}
.label-table thead th{background:var(--sp-ink);color:#F6EEDF;border-bottom:0}
.table-wrap{overflow-x:auto}

/* guarantee */
.guar img{width:220px}

/* pricing */
.pcard{position:relative;background:var(--sp-paper);color:var(--sp-text);border:1px solid var(--sp-line);border-radius:12px;padding:1.6rem 1.4rem 1.4rem;text-align:center;height:100%;display:flex;flex-direction:column}
.pcard h3{font-size:1.9rem;margin:0}
.pcard .supply{color:var(--sp-muted);font-size:.95rem}
.pcard img{height:190px;width:auto;object-fit:contain;margin:1rem auto}
.pcard .per{font-family:var(--sp-display);font-weight:800;font-size:3.6rem;line-height:1;color:var(--sp-ink)}
.pcard .per small{font-size:1rem;font-family:var(--sp-body);font-weight:600;color:var(--sp-muted)}
.pcard ul{list-style:none;padding:0;margin:1rem 0;font-size:.95rem}
.pcard ul li{padding:.25rem 0;border-bottom:1px dotted var(--sp-line)}
.pcard .total{font-weight:700;margin-bottom:1rem}
.pcard .total s{color:var(--sp-muted);font-weight:400}
.pcard .btn-sp{margin-top:auto}
.pcard .cards{height:26px;width:auto;margin:.9rem auto 0}
.pcard--best{border:3px solid var(--sp-amber);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.pcard .flag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--sp-amber);color:var(--sp-ink);font-weight:700;font-size:.85rem;padding:.25rem .9rem;border-radius:30px;white-space:nowrap}
@media (min-width:992px){.pcard--best{transform:translateY(-14px)}}

/* bonuses */
.bonus img{width:170px;flex:none}
.bonus{display:flex;gap:1.2rem;align-items:center;background:var(--sp-paper);border:1px solid var(--sp-line);border-radius:10px;padding:1rem;height:100%}
.bonus h3{font-size:1.5rem}
.bonus p{margin:0;font-size:.97rem}

/* benefits */
.benefit{padding:1.2rem 0;border-bottom:1px solid var(--sp-line)}
.benefit h3{font-size:1.55rem}
.benefit p{margin:0}

/* side effects */
.warn-box{background:var(--sp-paper);color:var(--sp-text);border-left:6px solid var(--sp-seal);border-radius:8px;padding:1.4rem 1.6rem}
.warn-box h3{color:var(--sp-seal)}
.warn-box ul{margin:0;padding-left:1.2rem}
.warn-box li{margin-bottom:.45rem}

/* final CTA */
.final-cta{text-align:center}
.final-cta .was{font-size:1.2rem;color:#CDBFAA}
.final-cta .was s{color:#E3A59B}
.final-cta .now{font-family:var(--sp-display);font-weight:800;font-size:clamp(3rem,8vw,5rem);color:var(--sp-gold-lt);line-height:1;margin:.3rem 0 1.2rem}

/* faq */
.sp-faq .accordion-item{border:0;border-bottom:1px solid var(--sp-line);background:transparent}
.sp-faq .accordion-button{font-family:var(--sp-display);font-weight:800;font-size:1.35rem;color:var(--sp-ink);background:transparent;padding:1.1rem 0;box-shadow:none}
.sp-faq .accordion-button:not(.collapsed){color:var(--sp-seal)}
.sp-faq .accordion-button:focus-visible{outline:3px solid var(--sp-amber)}
.sp-faq .accordion-body{padding:0 0 1.2rem;color:var(--sp-text)}

/* references */
.refs{font-size:.95rem;padding-left:1.2rem}
.refs li{margin-bottom:.55rem}

/* footer */
.sp-foot{background:var(--sp-ink);color:#BFB1A0;font-size:.92rem;padding:56px 0 28px}
.sp-foot h2{font-size:1.5rem;color:#FBF4E8}
.sp-foot a{color:var(--sp-gold-lt);text-decoration:none}
.sp-foot a:hover{text-decoration:underline;color:#fff}
.sp-foot ul{list-style:none;padding:0}
.sp-foot li{margin-bottom:.35rem}
.sp-foot .disc{border-top:1px solid #3A2E27;margin-top:2rem;padding-top:1.4rem;font-size:.85rem}
.byline{font-size:.9rem;color:var(--sp-muted)}
.sp-hero .byline{color:#A89985}

/* inner pages */
.page-head{background:var(--sp-ink);color:#E6DACA;padding:48px 0 40px}
.page-head h1{color:#FBF4E8;font-size:clamp(2.4rem,5vw,3.6rem)}
.crumbs{font-size:.9rem;margin-bottom:.6rem}
.crumbs a{color:var(--sp-gold-lt)}
.legal h2{font-size:1.9rem;margin-top:2rem}
.legal{max-width:76ch}
.pcard h3,.pcard .per{color:var(--sp-ink)}
.offer-box>div{flex:1 1 320px}
@media (max-width:575.98px){.offer-box img{width:200px;margin:0 auto}.bonus{flex-direction:column;text-align:center}.bonus img{width:150px}}