:root{
  --navy:#16264d;
  --blue:#2F4FB0;
  --amber:#B1690C;
  --amber-light:#ffe9a8;
  --pink:#ff4f87;
  --cream:#fbf7f0;
  --ink:#3a3f4b;
  --line:#e7e2d8;
  --radius:18px;
}
*{box-sizing:border-box;}
body{margin:0;font-family:'Noto Sans Devanagari','Poppins',sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;}
h1,h2,h3,h4{font-family:'Poppins','Noto Sans Devanagari',sans-serif;color:var(--navy);margin:0 0 .5em;}
p{margin:0 0 1em;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--amber);text-transform:uppercase;margin-bottom:10px;}
.btn{display:inline-block;background:linear-gradient(135deg,#16264d,#2F4FB0);color:#fff;padding:14px 30px;border-radius:12px;font-weight:700;font-size:16px;border:none;cursor:pointer;transition:.2s;}
.btn:hover{opacity:.9;transform:translateY(-2px);}
.btn.amber{background:var(--amber);}
.btn.pink{background:var(--pink);}
section{padding:70px 0;}

/* Hero */
.hero{background:#eef1f7;padding-bottom:50px;}
.ticker{background:linear-gradient(90deg,#1a1208,#B1690C);color:#fff;text-align:center;padding:11px 16px;font-size:14px;font-weight:600;}
.ticker strong{color:#ffe9a8;}
.hero-inner{padding-top:46px;text-align:center;}
.pill{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--navy);border-radius:40px;padding:10px 22px;font-size:14px;font-weight:600;color:var(--navy);margin-bottom:26px;background:#fff;}
.hero h1{color:var(--navy);font-size:38px;line-height:1.3;max-width:820px;margin:0 auto 20px;}
.hero h1 .blue{color:var(--blue);}
.hero h1 .amber{color:var(--amber);}
.hero-desc{max-width:680px;margin:0 auto 30px;font-size:17px;color:#5a6070;}
.hero-desc b{color:var(--navy);}
.hero-desc b.blue{color:var(--blue);}
.hero-desc b.amber{color:var(--amber);}
.hero .btn{background:linear-gradient(135deg,#16264d,#2F4FB0);}
.stat-row{display:flex;gap:24px;margin-top:44px;flex-wrap:wrap;justify-content:center;}
.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 30px;min-width:160px;}
.stat h3{color:var(--navy);font-size:26px;}
.stat p{color:#8a8f9c;font-size:14px;margin:0;}
.hero-carousel{display:none;gap:12px;overflow-x:auto;margin-top:30px;padding-bottom:6px;justify-content:flex-start;-webkit-overflow-scrolling:touch;}
.hero-carousel img{width:180px;border-radius:12px;flex:0 0 auto;}
.proof-img{margin:30px auto 0;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(22,38,77,.15);width:fit-content;display:none;}
.proof-img img{border-radius:16px;width:auto;height:auto;}

/* side rotated CTA (desktop) */
.side-cta{position:fixed;left:0;top:45%;transform:translateY(-50%);background:var(--amber);color:#fff;padding:22px 14px;border-radius:0 14px 14px 0;font-weight:700;font-size:14px;writing-mode:vertical-rl;display:flex;align-items:center;gap:8px;z-index:55;box-shadow:2px 0 14px rgba(0,0,0,.15);}
.side-cta:hover{opacity:.92;}

/* Authority / doctors trust strip */
.authority{background:#fff;padding:50px 0;display:none;}
.authority .wrap{text-align:center;}
.authority img{border-radius:20px;margin:0 auto;box-shadow:0 10px 30px rgba(22,38,77,.12);width:auto;height:auto;}

/* Story section */
.story{background:#fff;}
.story-head{max-width:700px;margin-bottom:30px;}
.story-grid{display:grid;grid-template-columns:340px 1fr;gap:50px;align-items:start;}
.story-images{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:sticky;top:20px;}
.story-images img{border-radius:14px;object-fit:cover;height:100%;}
.author-box{display:flex;gap:14px;align-items:center;margin:30px 0 18px;}
.author-box .icon{width:52px;height:52px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;flex:0 0 auto;}
.author-box h4{margin:0;font-size:17px;}
.author-box span{font-size:13px;color:#8a8f9c;}
.story h4.section-h{margin-top:34px;color:var(--navy);font-size:19px;}
.before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:30px 0;}
.before-after img{border-radius:14px;}
.before-after .arrow{width:32px;}
.ba-cap{text-align:center;font-size:13px;color:#8a8f9c;margin-top:6px;}
blockquote{font-style:italic;font-weight:600;font-size:18px;color:var(--navy);border-left:4px solid var(--amber);padding-left:18px;margin:26px 0;}

/* Root cause */
.cause{background:linear-gradient(135deg,#16264d,#2F4FB0);color:#fff;}
.cause h2{color:#fff;}
.cause .eyebrow{color:var(--amber-light);}
.cause-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:20px;}
.tag-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;}
.tag-list span{background:rgba(255,255,255,.12);padding:10px 18px;border-radius:30px;font-size:14px;font-weight:600;}

/* Day night */
.daynight{background:#fff;}
.dn-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px;}
.dn-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);}
.dn-card.day{background:linear-gradient(180deg,#eef2fc,#fff);}
.dn-card.night{background:linear-gradient(180deg,#fdf1e2,#fff);}
.dn-head{padding:26px 26px 0;}
.dn-head .emoji{font-size:28px;}
.dn-card img.product{width:100%;max-width:280px;margin:10px auto;}
.dn-list{list-style:none;margin:0;padding:0 26px 26px;}
.dn-list li{display:flex;gap:10px;margin-bottom:12px;font-size:15px;}
.dn-list li:before{content:"✓";color:var(--blue);font-weight:800;}
.night .dn-list li:before{color:var(--amber);}
.dose-note{background:var(--navy);color:#fff;padding:18px 26px;border-radius:14px;margin-top:24px;font-size:15px;}
.dose-note span{color:var(--amber-light);font-weight:700;}

/* Ingredients */
.ingredients{background:linear-gradient(135deg,#16264d,#2F4FB0);color:#fff;}
.ingredients h2{color:#fff;}
.ingredients .eyebrow{color:var(--amber-light);}
.ingredients>.wrap>p{color:#dfe6f7;}
.ingredients .footnote{color:#c7cfe6 !important;}
.ing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:30px;}
.ing-card{background:rgba(255,255,255,.06);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.18);}
.ing-card img{width:100%;height:150px;object-fit:contain;background:transparent;padding:14px;}
.ing-card .body{padding:20px;}
.ing-card .origin{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--amber-light);font-weight:700;}
.ing-card h3{font-size:18px;margin:6px 0 8px;color:#fff;}
.ing-card p{font-size:14px;color:#c7cfe6;margin:0;}

/* Trust badges */
.trust-badges{background:transparent;display:none;padding:0;overflow:hidden;line-height:0;border-top:1px solid var(--line);}
.trust-badges .wrap{max-width:none;padding:0;margin:0;text-align:center;}
.trust-badges img{width:100%;margin:0;border-radius:0;box-shadow:none;display:block;}

/* Benefits */
.benefits{background:#fff;}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:30px;}
.benefit-card{text-align:center;padding:26px 16px;border-radius:16px;background:var(--cream);transition:.2s;}
.benefit-card:hover{transform:translateY(-6px);}
.benefit-card .b-icon{width:56px;height:56px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.benefit-card img{width:32px;margin:0;}
.benefit-card h3{font-size:17px;}
.benefit-card p{font-size:14px;color:#6a6f7b;margin:0;}

/* Video testimonials */
.videos{background:linear-gradient(135deg,#16264d,#2F4FB0);color:#fff;}
.videos h2{color:#fff;}
.videos .eyebrow{color:var(--amber-light);}
.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px;}
.video-card{position:relative;border-radius:16px;overflow:hidden;background:#000;}
.video-card video{width:100%;height:auto;max-height:420px;object-fit:contain;display:block;}
.v-verified{margin-top:18px;color:#dfe6f7;font-size:14px;text-align:center;}

/* Reviews */
.reviews{background:var(--cream);}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px;}
.review-card{background:#fff;border-radius:16px;padding:22px;border:1px solid var(--line);}
.review-card .r-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.review-card .r-avatar{width:46px;height:46px;border-radius:50%;background:var(--amber);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;flex:0 0 auto;}
.review-card .r-info{display:flex;flex-direction:column;}
.review-card h4{margin:0;font-size:16px;}
.review-card .date{font-size:12px;color:#a0a5b0;}
.stars{color:var(--amber);letter-spacing:2px;margin-bottom:10px;font-size:15px;}
.review-card p{font-size:14px;color:#5f636e;margin:0;}

/* Form */
.contact{background:linear-gradient(135deg,#16264d,#2F4FB0);color:#fff;}
.contact h2{color:#fff;}
.contact .eyebrow{color:var(--amber-light);}
.form-card{background:#fff;border-radius:20px;padding:36px;max-width:640px;margin:30px auto 0;color:var(--ink);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.form-row.single{grid-template-columns:1fr;}
label{font-weight:600;font-size:14px;color:var(--navy);display:block;margin-bottom:6px;}
input,select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:15px;font-family:inherit;background:#fff;}
input:focus,select:focus{outline:2px solid var(--blue);border-color:var(--blue);}
.submit-btn{width:100%;background:var(--blue);color:#fff;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;margin-top:6px;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity .2s;}
.submit-btn:hover{opacity:.92;}
.submit-btn:disabled{opacity:.85;cursor:not-allowed;}
.submit-btn .spinner{display:none;width:18px;height:18px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:btnspin .7s linear infinite;}
.submit-btn.loading .spinner{display:inline-block;}
@keyframes btnspin{to{transform:rotate(360deg);}}
.err-msg{background:#ffe4e4;color:#a12727;padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:14px;}

/* Footer */
footer{background:var(--navy);color:#c8cede;padding:36px 0;font-size:13px;}
footer .wrap{display:flex;flex-direction:column;gap:10px;}

/* Floating buttons */
.fab{position:fixed;bottom:170px;right:16px;width:66px;height:66px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.15);z-index:70;transition:transform .25s ease;animation:glowBlue 1.8s ease-in-out infinite;}
.fab.call{bottom:95px;animation:glowGreen 1.8s ease-in-out infinite;}
.fab:hover,.fab:active{transform:scale(1.1);}
.fab img{width:42px;height:42px;object-fit:contain;display:block;}
@keyframes glowBlue{
  0%,100%{box-shadow:0 4px 14px rgba(0,0,0,.15),0 0 0 0 rgba(47,79,176,.45);}
  50%{box-shadow:0 4px 14px rgba(0,0,0,.15),0 0 0 12px rgba(47,79,176,0);}
}
@keyframes glowGreen{
  0%,100%{box-shadow:0 4px 14px rgba(0,0,0,.15),0 0 0 0 rgba(37,190,110,.5);}
  50%{box-shadow:0 4px 14px rgba(0,0,0,.15),0 0 0 12px rgba(37,190,110,0);}
}
.sticky-cta{position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top:3px solid var(--amber);border-radius:20px 20px 0 0;text-align:center;padding:14px 16px;z-index:60;display:block;box-shadow:0 -6px 18px rgba(0,0,0,.12);}
.sticky-cta a{position:relative;overflow:hidden;display:inline-block;background:linear-gradient(135deg,#f0a13a,var(--amber));color:#fff;font-weight:700;font-size:15px;letter-spacing:.03em;text-transform:uppercase;padding:14px 44px;border-radius:30px;box-shadow:0 6px 16px rgba(177,105,12,.35);}
.sticky-cta a::after{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.65) 50%,rgba(255,255,255,0) 100%);transform:skewX(-25deg);animation:shine 2.6s ease-in-out infinite;}
@keyframes shine{
  0%{left:-150%;}
  55%{left:150%;}
  100%{left:150%;}
}

@media(max-width:900px){
  .story-grid,.dn-grid,.cause-grid{grid-template-columns:1fr;}
  .ing-grid,.benefit-grid,.review-grid{grid-template-columns:1fr 1fr;}
  .form-row{grid-template-columns:1fr;}
  .story-images{position:static;grid-template-columns:1fr;gap:14px;}
  .story-images img{height:auto;width:100%;object-fit:unset;}
  .sticky-cta{display:block;}
  .side-cta{display:none;}
  .hero h1{font-size:28px;}
  .hero-carousel{display:flex;}

  /* keep floating call/whatsapp buttons clear of the sticky bottom bar */
  .fab{bottom:180px;}
  .fab.call{bottom:105px;}
  .fab{width:60px;height:60px;}
  .fab img{width:38px;height:38px;}

  /* stat boxes: full-width stacked cards, like the reference design */
  .stat-row{flex-direction:column;gap:14px;margin-top:30px;}
  .stat{width:100%;text-align:center;padding:22px 20px;}
  .stat h3{font-size:24px;}
  .stat p{font-size:13px;}

  /* video cards: single column on mobile */
  .video-grid{grid-template-columns:1fr;gap:14px;}

  /* new photos: mobile-only */
  .authority,.trust-badges,.proof-img{display:block;}
}
@media(max-width:560px){
  .ing-grid,.benefit-grid,.review-grid{grid-template-columns:1fr;}
  .before-after{grid-template-columns:1fr;}
  .before-after .arrow{transform:rotate(90deg);margin:0 auto;}

  .benefit-card{display:flex;align-items:flex-start;gap:14px;text-align:left;padding:18px;background:#fff;border:1px solid var(--line);}
  .benefit-card .b-icon{margin:0;flex:0 0 auto;}
  .benefit-card:hover{transform:none;}
}
/* WhatsApp screenshot testimonials */
.wa-wall{background:var(--cream);}
.wa-wall .eyebrow{color:var(--amber);}
.wa-grid{column-count:4;column-gap:14px;margin-top:30px;}
.wa-grid img{width:100%;display:block;border-radius:14px;margin-bottom:14px;break-inside:avoid;border:1px solid var(--line);cursor:zoom-in;transition:transform .2s ease, box-shadow .2s ease;background:#fff;}
.wa-grid img:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 24px rgba(0,0,0,.12);}
.wa-lightbox{display:none;position:fixed;inset:0;background:rgba(10,14,26,.88);z-index:200;align-items:center;justify-content:center;padding:24px;}
.wa-lightbox.open{display:flex;}
.wa-lightbox img{max-width:min(92vw,420px);max-height:88vh;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.4);}
.wa-lightbox .wa-close{position:absolute;top:20px;right:24px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;border:none;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
@media(max-width:900px){.wa-grid{column-count:3;}}
@media(max-width:560px){.wa-grid{column-count:2;column-gap:10px;}.wa-grid img{margin-bottom:10px;border-radius:12px;}}