body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: 'Plus Jakarta Sans', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: var(--primary);
}


.hero-title{
  font-size:72px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-2px;
  text-align:center;
  color:var(--primary);
  max-width:950px;
  margin:auto;
  text-shadow:0 5px 18px rgba(0,0,0,.06);
}

.hero-title span{
  color:var(--accent);
  font-weight:900;
  display:inline-block;
}

@media(max-width:768px){

  .hero-title{
    font-size:42px;
    line-height:1.1;
    letter-spacing:-1px;
  }

}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#fffbeb;
  --fg:#1a2744;
  --primary:#0d2fa3;
  --primary-glow:#1a52e0;
  --secondary:#fbbf24;
  --accent:#f45c1a;
  --success:#22a055;
  --muted:#f0f3fc;
  --muted-fg:#5a6a8a;
  --card:#ffffff;
  --border:#dde5f5;
  --radius:1rem;
  --shadow-soft:0 8px 24px -8px rgba(30,60,180,0.18);
  --shadow-cta:0 12px 28px -8px rgba(244,92,26,0.5);
  --shadow-card:0 10px 30px -12px rgba(30,50,120,0.18);
  --shadow-glow:0 0 60px rgba(251,191,36,0.55);
}
html,body{background:var(--bg);font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--fg);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
h1,h2,h3,h4{font-family:'Fredoka','Plus Jakarta Sans',sans-serif;letter-spacing:-0.025em;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;height:auto;}
ul{list-style:none;}

/* LAYOUT */
.container{max-width:80rem;margin:0 auto;padding:0 1rem;}
.container-md{max-width:64rem;margin:0 auto;padding:0 1rem;}
.container-sm{max-width:48rem;margin:0 auto;padding:0 1rem;}

/* COLORS & BG */
.bg-primary{background:linear-gradient(135deg,var(--primary),var(--primary-glow));}
.bg-accent{background:linear-gradient(135deg,var(--accent),#f97316);}
.bg-secondary{background:var(--secondary);}
.bg-hero{background:radial-gradient(circle at 30% 20%,hsl(46,100%,70%) 0%,hsl(46,100%,56%) 45%,hsl(40,100%,50%) 100%);}
.bg-soft{background:linear-gradient(180deg,#fffbeb 0%,#fef3c7 100%);}

/* STICKY PROMO BAR */
.promo-bar{
  background:linear-gradient(135deg,var(--accent),#f97316);
  color:#fff;
  padding:.5rem 1rem;
  text-align:center;
  font-size:.7rem;
  font-weight:700;
  position:sticky;
  top:0;
  z-index:100;
  line-height:1.4;
}
.promo-bar .inner{display:inline-flex;align-items:center;gap:.5rem;}
@media(min-width:640px){.promo-bar{font-size:.875rem;}}
.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;}
@keyframes pulse{50%{opacity:.5}}

/* HEADER */
header{
  padding:.75rem 1rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width:80rem;
  margin:0 auto;
}
.logo{display:flex;align-items:center;}
.logo img{height:2.75rem;width:auto;}
@media(min-width:768px){.logo img{height:3rem;}}

/* BUTTONS */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-weight:700;cursor:pointer;border:none;
  font-family:'Plus Jakarta Sans',sans-serif;
  transition:all .3s cubic-bezier(.4,0,.2,1);
  text-align:center;white-space:nowrap;
}
.btn:hover{transform:translateY(-2px);}
.btn:active{transform:translateY(0);}
.btn-cta{
  background:linear-gradient(135deg,var(--accent),#f97316);
  color:#fff;
  border-radius:9999px;
  box-shadow:var(--shadow-cta);
  padding:.75rem 1.5rem;font-size:.9rem;
}
.btn-cta:hover{box-shadow:0 0 50px rgba(251,191,36,.6);}
.btn-cta-xl{padding:.9rem 1.5rem;font-size:.9rem;}
.btn-outline{
  background:transparent;
  border:2px solid var(--primary);
  color:var(--primary);
  border-radius:9999px;
  padding:.75rem 1.5rem;font-size:.9rem;
}
.btn-outline:hover{background:var(--primary);color:#fff;}
.btn-wa{
  background:hsl(142,70%,42%);
  color:#fff;
  border-radius:9999px;
  box-shadow:var(--shadow-soft);
  padding:.75rem 1.5rem;font-size:.9rem;
}
.btn-wa:hover{background:hsl(142,70%,38%);}
.btn-full{width:100%;}
.pulse-glow{animation:pulse-glow 2s ease-out infinite;}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 0 0 rgba(244,92,26,.4)} 50%{box-shadow:0 0 0 12px rgba(244,92,26,0)}}

/* BADGES */
.badge{
  display:inline-flex;align-items:center;gap:.5rem;
  border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;font-weight:700;
}
.badge-secondary{background:rgba(251,191,36,.3);color:var(--primary);border:2px solid var(--secondary);}
.badge-accent{background:rgba(244,92,26,.15);color:var(--accent);}
.badge-red{background:var(--accent);color:#fff;}

/* HERO SECTION */
.hero{
  padding:1rem 1rem 2rem;
  max-width:80rem;margin:0 auto;
}
.hero-grid{
  display:grid;gap:1.5rem;
}
@media(min-width:768px){
  .hero-grid{grid-template-columns:1fr 1fr;gap:3rem;align-items:center;}
  header{padding:1rem 2rem;}
  .hero{padding:1rem 2rem 4rem;}
  .logo-icon{width:2.5rem;height:2.5rem;font-size:1.125rem;}
  .logo-text{font-size:1.25rem;}
}
.hero-content{text-align:center;}
@media(min-width:768px){.hero-content{text-align:left;}}
.hero-title{
  font-size:clamp(1.75rem,5vw,3.75rem);
  font-weight:900;color:var(--primary);
  line-height:1.1;margin-bottom:.75rem;
}
.hero-title span{color:var(--accent);}
.hero-desc{
  font-size:clamp(.875rem,2.5vw,1.125rem);
  color:var(--muted-fg);line-height:1.6;margin-bottom:1rem;
}
.hero-desc strong{color:var(--fg);}
.hero-buttons{display:flex;flex-direction:column;gap:.75rem;padding-top:.25rem;}
.hero-social{display:flex;align-items:center;justify-content:center;gap:1rem;padding-top:.25rem;}
@media(min-width:768px){.hero-social{justify-content:flex-start;}}
.stars{display:flex;align-items:center;gap:.25rem;color:var(--accent);}
.star-svg{width:1.1rem;height:1.1rem;fill:currentColor;}
.hero-rating{font-weight:700;margin-left:.375rem;font-size:.875rem;}
.hero-count{font-size:.75rem;color:var(--muted-fg);}
.hero-count strong{color:var(--fg);}

/* HERO IMAGE */
.hero-img-wrap{position:relative;max-width:26rem;margin:0 auto;}
.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,hsl(46,100%,70%) 0%,hsl(46,100%,56%) 45%,hsl(40,100%,50%) 100%);border-radius:9999px;filter:blur(64px);opacity:.4;}
.hero-img{position:relative;z-index:2;width:100%;border-radius:1.5rem;}
.hero-badge-top,.hero-badge-bottom{
  position:absolute;z-index:10;
  background:var(--card);border-radius:.75rem;
  padding:.5rem .75rem;box-shadow:var(--shadow-card);
  border:2px solid;
}
.hero-badge-top{top:.75rem;left:0;border-color:var(--secondary);animation:float 4s ease-in-out infinite;}
.hero-badge-bottom{bottom:1.5rem;right:0;border-color:var(--accent);animation:float 4s ease-in-out 1s infinite;}
.badge-label{font-size:.625rem;color:var(--muted-fg);}
.badge-value{font-weight:900;color:var(--primary);font-size:.875rem;}
.badge-value-accent{color:var(--accent);}
@keyframes float{0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)}}

/* MARQUEE */
.marquee-wrap{background:var(--primary);color:#fff;padding:.75rem 0;overflow:hidden;}
.marquee-track{display:flex;gap:2rem;animation:marquee 30s linear infinite;width:max-content;}
.marquee-item{display:flex;align-items:center;gap:.5rem;white-space:nowrap;font-weight:700;font-size:.8rem;flex-shrink:0;}
@keyframes marquee{0%{transform:translateX(0)} 100%{transform:translateX(-50%)}}

/* SECTION */
.section{padding:3rem 1rem;}
@media(min-width:768px){.section{padding:6rem 2rem;}}
.section-title{font-size:clamp(1.375rem,4vw,2.5rem);font-weight:900;color:var(--primary);text-align:center;margin-bottom:.5rem;}
.section-badge{display:inline-block;border-radius:9999px;padding:.375rem .875rem;font-size:.75rem;font-weight:700;margin-bottom:.75rem;}
.section-center{text-align:center;margin-bottom:2rem;}
@media(min-width:768px){.section-center{margin-bottom:3rem;}}

/* NUTRIENTS GRID */
.nutrients-grid{
  display:grid;grid-template-columns:1fr;gap:1rem;
}
@media(min-width:540px){.nutrients-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:1024px){.nutrients-grid{grid-template-columns:1fr 1fr 1fr 1fr;}}
.nutrient-card{
  background:var(--card);border:2px solid var(--border);border-radius:1.5rem;
  padding:1.25rem;box-shadow:var(--shadow-card);
  display:flex;gap:1rem;align-items:flex-start;
  transition:all .3s ease;
}
.nutrient-card:hover{border-color:var(--secondary);transform:translateY(-4px);}
@media(min-width:1024px){.nutrient-card{display:block;}}
.nutrient-icon{
  width:3rem;height:3rem;border-radius:.75rem;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
@media(min-width:1024px){.nutrient-icon{width:3.5rem;height:3.5rem;margin-bottom:1rem;}}
.nutrient-icon svg{width:1.375rem;height:1.375rem;}
@media(min-width:1024px){.nutrient-icon svg{width:1.75rem;height:1.75rem;}}
.nt-orange{background:rgba(244,92,26,.1);color:var(--accent);}
.nt-blue{background:rgba(13,47,163,.1);color:var(--primary);}
.nt-green{background:rgba(34,160,85,.1);color:var(--success);}
.nt-yellow{background:rgba(251,191,36,.3);color:#92400e;}
.nutrient-title{font-weight:900;font-size:.9375rem;color:var(--primary);margin-bottom:.25rem;}
.nutrient-desc{font-size:.8125rem;color:var(--muted-fg);line-height:1.5;}

/* PROOF CARDS */
.proof-section{background:linear-gradient(180deg,#fffbeb 0%,#fef3c7 100%);padding:2.5rem 1rem;}
@media(min-width:768px){.proof-section{padding:5rem 2rem;}}
.proof-grid{display:grid;gap:1rem;max-width:72rem;margin:0 auto;}
@media(min-width:640px){.proof-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:1024px){.proof-grid{grid-template-columns:1fr 1fr 1fr;}}
.proof-card{
  background:var(--card);border:2px solid var(--border);border-radius:1.25rem;
  padding:1.25rem;box-shadow:var(--shadow-soft);
}
.proof-name{font-weight:700;color:var(--primary);font-size:.875rem;margin-bottom:.25rem;}
.proof-stars{display:flex;gap:.125rem;color:var(--accent);margin-bottom:.5rem;}
.proof-star{width:.875rem;height:.875rem;fill:currentColor;}
.proof-text{font-size:.8125rem;color:var(--muted-fg);line-height:1.6;}

/* PRICING */
.pricing-grid{display:grid;gap:1.25rem;max-width:56rem;margin:0 auto;}
@media(min-width:768px){.pricing-grid{grid-template-columns:1fr 1fr;}}
.price-card{
  background:var(--card);border:2px solid var(--border);border-radius:1.5rem;
  padding:1.5rem;box-shadow:var(--shadow-card);
}
.price-card-featured{
  border:4px solid var(--accent);
  box-shadow:var(--shadow-glow);
  background:linear-gradient(135deg,rgba(251,191,36,.1),var(--card));
  position:relative;
  margin-top:1.5rem;
}
@media(min-width:768px){.price-card-featured{margin-top:0;}}
.price-ribbon{
  position:absolute;top:-1rem;left:50%;transform:translateX(-50%);
  background:linear-gradient(135deg,var(--accent),#f97316);
  color:#fff;padding:.375rem 1.25rem;border-radius:9999px;
  font-size:.625rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;
  box-shadow:var(--shadow-cta);white-space:nowrap;
}
.price-label{font-size:.75rem;font-weight:600;color:var(--muted-fg);margin-bottom:.5rem;}
.price-label-accent{color:var(--accent);}
.price-name{font-size:1.25rem;font-weight:900;color:var(--primary);margin-bottom:.75rem;}
.price-original{color:var(--muted-fg);text-decoration:line-through;font-size:.875rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;}
.price-original .discount-badge{background:var(--accent);color:#fff;font-size:.625rem;font-weight:900;padding:.125rem .5rem;border-radius:9999px;}
.price-final{font-size:2.25rem;font-weight:900;color:var(--fg);margin-bottom:1.25rem;}
.price-final-accent{color:var(--accent);}
.price-features{margin-bottom:1.5rem;}
.price-feature{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;margin-bottom:.5rem;}
.check-icon{width:1.125rem;height:1.125rem;color:var(--success);flex-shrink:0;margin-top:.1rem;}

/* FAQ */
.faq-wrap{max-width:42rem;margin:0 auto;}
.faq-item{
  background:var(--card);border:2px solid var(--border);border-radius:1rem;
  margin-bottom:.75rem;overflow:hidden;
}
.faq-q{
  width:100%;background:none;border:none;cursor:pointer;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:700;color:var(--primary);font-size:.875rem;
  padding:1rem 1.25rem;text-align:left;
  display:flex;justify-content:space-between;align-items:center;gap:.75rem;
  line-height:1.4;
}
.faq-q svg{width:1rem;height:1rem;flex-shrink:0;transition:transform .2s;}
.faq-item.open .faq-q svg{transform:rotate(180deg);}
.faq-a{
  font-size:.8125rem;color:var(--muted-fg);line-height:1.6;
  padding:0 1.25rem;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;
}
.faq-item.open .faq-a{max-height:200px;padding:.25rem 1.25rem 1rem;}

/* CTA BANNER */
.cta-banner{
  background:radial-gradient(circle at 30% 20%,hsl(46,100%,70%) 0%,hsl(46,100%,56%) 45%,hsl(40,100%,50%) 100%);
  border-radius:1.5rem;padding:2rem 1.25rem;margin:2rem 1rem;
  display:grid;gap:1.5rem;
}
@media(min-width:768px){
  .cta-banner{grid-template-columns:1fr 1fr;align-items:center;padding:3rem;margin:2rem 2rem;border-radius:2.5rem;}
}
.cta-banner h2{font-size:clamp(1.375rem,3.5vw,2.25rem);font-weight:900;color:var(--primary);margin-bottom:.75rem;}
.cta-banner p{font-size:.9375rem;color:rgba(13,47,163,.85);font-weight:500;margin-bottom:1.25rem;}
.cta-img{border-radius:1.25rem;box-shadow:var(--shadow-card);width:100%;}

/* FOOTER */
footer{
  background:linear-gradient(135deg,var(--primary),var(--primary-glow));
  color:#fff;text-align:center;padding:3rem 1rem 5rem;
}
@media(min-width:768px){footer{padding:4rem 2rem 4rem;}}
footer h2{font-size:clamp(1.375rem,3.5vw,2.25rem);font-weight:900;margin-bottom:.5rem;}
footer p{color:rgba(255,255,255,.75);font-size:.9375rem;margin-bottom:1.5rem;}
.footer-copy{margin-top:2rem;font-size:.75rem;color:rgba(255,255,255,.5);}

/* FIXED BOTTOM BAR (MOBILE ONLY) */
.mobile-bar{
  display:none;
  position:fixed;bottom:0;left:0;right:0;z-index:50;
  background:var(--card);border-top:2px solid var(--border);
  box-shadow:0 -8px 24px -8px rgba(30,60,180,.2);
  padding:.625rem .75rem;gap:.625rem;align-items:center;
}
@media(max-width:767px){.mobile-bar{display:flex;}}
.wa-circle{
  width:3rem;height:3rem;flex-shrink:0;border-radius:9999px;
  background:hsl(142,70%,42%);color:#fff;
  display:flex;align-items:center;justify-content:center;
}
.wa-circle svg{width:1.375rem;height:1.375rem;}

/* DIVIDER */
.divider{height:1px;background:var(--border);margin:0 1rem;}

/* TESTIMONIAL MARQUEE (social proof strip) */
.testi-strip{overflow:hidden;padding:.5rem 0;background:rgba(251,191,36,.08);border-top:1px solid rgba(251,191,36,.3);border-bottom:1px solid rgba(251,191,36,.3);}
.testi-track{display:flex;gap:1.5rem;animation:marquee 40s linear infinite;width:max-content;}
.testi-chip{display:flex;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--border);border-radius:9999px;padding:.375rem .875rem;white-space:nowrap;font-size:.75rem;font-weight:600;color:var(--primary);}

/* RESPONSIVE helper */
.hidden-mobile{display:none;}
@media(min-width:640px){.hidden-mobile{display:inline;}}
.hidden-desktop{display:inline;}
@media(min-width:640px){.hidden-desktop{display:none;}}