/* Aarogya Sakhi landing page styles - copied VERBATIM from Reference/aarogyasakhi.html (do not edit here; integration overrides live in landing-integration.css) */
:root{
  --plum:#3B1244; --berry:#C2185B; --rose:#F06292; --blush:#FFF0F5; --aqua:#22C3B5; --gold:#FFB938;
  --paper:#FFF8FB; --ink:#2A1030; --muted:#6D5872; --card:#FFFFFF; --line:#F3D9E6;
  --display:"Baloo 2", "Segoe UI", system-ui, sans-serif;
  --body:"Hind", "Segoe UI", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--paper:#1A0B1E;--ink:#F7E9F1;--muted:#C4AFC9;--card:#26112B;--line:#3F2146;--blush:#2B1230}
}
:root[data-theme="dark"]{--paper:#1A0B1E;--ink:#F7E9F1;--muted:#C4AFC9;--card:#26112B;--line:#3F2146;--blush:#2B1230}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);background:var(--paper);color:var(--ink);line-height:1.65;font-size:17px;overflow-x:hidden}
svg{max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--aqua);outline-offset:3px;border-radius:6px}
.wrap{width:min(1180px,92%);margin-inline:auto}
h1,h2,h3{font-family:var(--display);line-height:1.1;font-weight:800}
h2{font-size:clamp(2rem,4.6vw,3.2rem);margin-bottom:.5rem;letter-spacing:-.01em}
.lead{color:var(--muted);max-width:60ch}
section{padding:96px 0;position:relative}
.center{text-align:center}.center .lead{margin-inline:auto}

/* loader */
#loader{position:fixed;inset:0;background:var(--plum);display:grid;place-items:center;z-index:999;transition:opacity .6s,visibility .6s}
#loader.done{opacity:0;visibility:hidden}
.ld{width:90px;height:90px;border-radius:50%;border:6px solid rgba(255,255,255,.15);border-top-color:var(--aqua);border-right-color:var(--rose);animation:spin 1s linear infinite}
#loader p{color:#fff;font-family:var(--display);font-size:1.4rem;margin-top:18px;text-align:center}
@keyframes spin{to{transform:rotate(360deg)}}

/* top & nav */
.topbar{background:var(--plum);color:#F3D9E6;font-size:.9rem}
.topbar .wrap{display:flex;justify-content:space-between;gap:10px;padding:8px 0;flex-wrap:wrap}
.topbar a{text-decoration:none}
header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
header.scrolled{box-shadow:0 10px 30px -18px rgba(59,18,68,.5)}
nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo svg{width:46px;height:46px}
.logo .fig{transform-origin:50% 60%;animation:jump 2.4s ease-in-out infinite}
@keyframes jump{50%{transform:translateY(-4px) scale(1.04)}}
.logo b{font-family:var(--display);font-size:1.55rem;color:var(--berry);line-height:1}
.logo small{display:block;font-size:.75rem;color:var(--muted)}
.links{display:flex;gap:24px;list-style:none;align-items:center}
.links a{text-decoration:none;font-weight:600;position:relative;padding:4px 0}
.links a:not(.btn)::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:var(--berry);transition:.3s}
.links a:not(.btn):hover::after{left:0;right:0}
.links a.btn{padding:10px 22px;color:#fff;white-space:nowrap;line-height:1.2;gap:6px;font-size:.98rem}
.links a.btn:hover{color:#fff}
.links{white-space:nowrap}
.burger{display:none;background:none;border:0;cursor:pointer;color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--berry),var(--rose));color:#fff;padding:13px 28px;border-radius:50px;text-decoration:none;font-weight:600;border:0;cursor:pointer;font-family:var(--body);font-size:1rem;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;box-shadow:0 12px 24px -12px var(--berry)}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s}
.btn:hover{transform:translateY(-3px);box-shadow:0 18px 30px -12px var(--berry)}
.btn:hover::before{transform:translateX(120%)}
.btn.aqua{background:linear-gradient(135deg,#14A89B,var(--aqua));box-shadow:0 12px 24px -12px var(--aqua)}
.btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.55);box-shadow:none}

/* hero */
.hero{background:radial-gradient(circle at 80% 30%,#6A1B6E 0,var(--plum) 55%);color:#fff;padding:70px 0 130px;overflow:hidden}
#ions{position:absolute;inset:0;width:100%;height:100%}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;position:relative}
.pill{display:inline-flex;align-items:center;gap:8px;background:rgba(34,195,181,.15);border:1px solid rgba(34,195,181,.5);color:#9FF3EA;padding:6px 14px;border-radius:30px;font-size:.92rem}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--aqua);animation:ping 1.6s infinite;position:relative}
.hero h1{font-size:clamp(2.6rem,6.4vw,4.9rem);margin:16px 0 18px}
.hero h1 .w{display:inline-block;opacity:0;transform:translateY(50px) scale(.9);animation:rise .8s cubic-bezier(.2,.8,.2,1.2) forwards}
.hero h1 .grad{background:linear-gradient(90deg,var(--rose),var(--gold),var(--aqua),var(--rose));background-size:300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rise .8s .45s forwards,shine 6s linear infinite}
@keyframes rise{to{opacity:1;transform:none}}
@keyframes shine{to{background-position:300% 0}}
.hero p{color:#E9D3EE;font-size:1.18rem;max-width:36ch}
.typing{color:var(--gold);font-weight:600;min-height:1.7em;margin-top:10px;font-size:1.1rem}
.typing::after{content:"|";animation:blink 1s infinite}
@keyframes blink{50%{opacity:0}}
.hero-cta{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.badges{display:flex;gap:18px;margin-top:30px;flex-wrap:wrap;font-size:.92rem;color:#E9D3EE}
.badges span{display:flex;align-items:center;gap:6px}
.stage{position:relative;aspect-ratio:1;max-width:500px;width:100%;justify-self:center}
.halo{position:absolute;inset:6%;border-radius:50%;border:2px dashed rgba(34,195,181,.45);animation:spin 30s linear infinite}
.halo.h2{inset:18%;border-color:rgba(240,98,146,.45);animation-direction:reverse;animation-duration:20s}
.box{position:absolute;inset:14% 18% 22% 18%;animation:float 5s ease-in-out infinite;filter:drop-shadow(0 30px 30px rgba(0,0,0,.35))}
.padfly{position:absolute;width:48%;right:-4%;bottom:6%;animation:float 6s ease-in-out infinite -2s;filter:drop-shadow(0 20px 20px rgba(0,0,0,.3))}
.padfly .strip{animation:glowstrip 2s ease-in-out infinite}
@keyframes glowstrip{50%{fill:#8CFFF3}}
@keyframes float{50%{transform:translateY(-18px) rotate(-2deg)}}
.chip{position:absolute;background:#fff;color:var(--plum);border-radius:16px;padding:8px 14px;font-weight:600;font-size:.9rem;box-shadow:0 12px 24px -10px rgba(0,0,0,.4);animation:float 5s ease-in-out infinite;white-space:nowrap}
.wave{position:absolute;bottom:-1px;left:0;width:100%;height:90px}
.wave path{fill:var(--paper)}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(34,195,181,.7)}100%{box-shadow:0 0 0 12px rgba(34,195,181,0)}}

/* marquee */
.marquee{background:linear-gradient(90deg,var(--berry),#8E1A63);color:#fff;overflow:hidden;padding:14px 0;white-space:nowrap;font-family:var(--display);font-size:1.25rem;transform:rotate(-1.2deg);margin:-20px -10px 0;position:relative;z-index:2}
.marquee div{display:inline-block;animation:scroll 26s linear infinite}
.marquee span{margin:0 26px}
@keyframes scroll{to{transform:translateX(-50%)}}

.reveal{opacity:0;transform:translateY(50px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}

/* products */
.tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:34px 0 10px}
.tabs button{font:inherit;font-weight:600;border:2px solid var(--line);background:var(--card);color:var(--ink);padding:9px 20px;border-radius:40px;cursor:pointer;transition:.25s}
.tabs button.on{background:var(--plum);color:#fff;border-color:var(--plum)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;margin-top:30px}
.prod{background:var(--card);border:1px solid var(--line);border-radius:30px;padding:22px;position:relative;overflow:hidden;transition:transform .35s,box-shadow .35s,opacity .35s}
.prod:hover{transform:translateY(-10px);box-shadow:0 30px 50px -28px rgba(194,24,91,.55)}
.prod.hide{display:none}
.prod .art{border-radius:22px;height:190px;display:grid;place-items:center;margin-bottom:16px;position:relative;overflow:hidden}
.prod .art svg{width:78%;transition:transform .5s}
.prod:hover .art svg{transform:scale(1.08) rotate(-4deg)}
.prod .art::after{content:"";position:absolute;width:40%;height:200%;background:rgba(255,255,255,.35);transform:rotate(25deg) translateX(-300%);transition:transform .8s}
.prod:hover .art::after{transform:rotate(25deg) translateX(350%)}
.tag{position:absolute;top:34px;left:34px;background:var(--gold);color:#3b2600;font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:20px;z-index:2}
.prod h3{font-size:1.45rem}
.prod .size{color:var(--berry);font-weight:600}
.prod ul{list-style:none;margin:10px 0 16px;color:var(--muted);font-size:.95rem}
.prod li::before{content:"♥ ";color:var(--rose)}
.prod .foot{display:flex;justify-content:space-between;align-items:center}
.prod .foot b{font-family:var(--display);font-size:1.3rem}
.prod .foot a{font-weight:600;color:var(--berry);text-decoration:none}

/* layers */
.layers{background:var(--blush)}
.lay .wrap{}
.laygrid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:40px}
.stack{position:relative;height:420px}
.layer{position:absolute;left:10%;right:10%;height:70px;border-radius:40px;transition:transform 1s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;box-shadow:0 14px 24px -14px rgba(0,0,0,.4);cursor:pointer;top:175px}
.stack.open .layer:nth-child(1){transform:translateY(-160px)}
.stack.open .layer:nth-child(2){transform:translateY(-80px)}
.stack.open .layer:nth-child(4){transform:translateY(80px)}
.stack.open .layer:nth-child(5){transform:translateY(160px)}
.layer:hover{filter:brightness(1.1)}
.layer.anion{background:linear-gradient(90deg,#14A89B,var(--aqua),#14A89B);background-size:200%;animation:shine 3s linear infinite}
.linfo{background:var(--card);border-radius:26px;padding:30px;border:1px solid var(--line);min-height:200px}
.linfo h3{font-size:1.7rem;color:var(--berry)}
.linfo .n{font-family:var(--display);color:var(--aqua);font-size:1rem}

/* features */
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.feat{padding:28px;border-radius:26px;background:var(--card);border:1px solid var(--line);transition:transform .2s}
.feat .ic{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;margin-bottom:14px;font-size:1.8rem}
.feat h3{font-size:1.3rem;margin-bottom:4px}
.feat p{color:var(--muted);font-size:.97rem}
.feat:hover .ic{animation:wobble .6s}
@keyframes wobble{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}

/* green mission */
.eco{background:linear-gradient(135deg,#0F5E57,#14A89B);color:#fff;overflow:hidden}
.eco .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.eco .lead{color:#D2F7F3}
.compare{display:grid;gap:18px}
.bar{background:rgba(255,255,255,.12);border-radius:18px;padding:16px 18px}
.bar b{display:flex;justify-content:space-between}
.bar .t{height:12px;border-radius:10px;background:rgba(255,255,255,.15);margin-top:10px;overflow:hidden}
.bar .t i{display:block;height:100%;width:0;border-radius:10px;transition:width 2s cubic-bezier(.2,.8,.2,1)}
.in .bar .t i{width:var(--w)}
.leaves span{position:absolute;font-size:1.6rem;animation:fall linear infinite;opacity:.6;top:-40px}
@keyframes fall{to{transform:translateY(900px) rotate(360deg)}}

/* sakhi business */
.biz .wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:50px;align-items:center}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;text-align:center}
.stat b{font-family:var(--display);font-size:2.3rem;color:var(--berry);display:block;line-height:1.1}
.stat span{color:var(--muted);font-size:.9rem}
.road{display:grid;gap:14px}
.road .s{display:flex;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:16px 20px;position:relative}
.road .num{flex:none;width:52px;height:52px;border-radius:50%;background:var(--plum);color:#fff;display:grid;place-items:center;font-family:var(--display);font-size:1.5rem}
.road .s:not(:last-child)::after{content:"";position:absolute;left:45px;top:68px;height:14px;border-left:3px dotted var(--rose)}
.road h3{font-size:1.2rem}
.road p{color:var(--muted);font-size:.93rem}

/* franchise */
.fr{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.frcard{border-radius:30px;padding:36px;color:#fff;position:relative;overflow:hidden}
.frcard::before,.frcard::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.1)}
.frcard::before{width:240px;height:240px;right:-70px;top:-70px;animation:float 7s infinite}
.frcard::after{width:120px;height:120px;right:40px;bottom:-40px;animation:float 5s infinite -2s}
.frcard h3{font-size:2rem}
.frcard ul{list-style:none;margin:14px 0 24px;display:grid;gap:8px}
.frcard li::before{content:"✓ ";font-weight:700;color:var(--gold)}

/* awareness */
.myths{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;perspective:1000px}
.flip{height:220px;cursor:pointer}
.flip .in2{position:relative;width:100%;height:100%;transition:transform .7s;transform-style:preserve-3d}
.flip.on .in2,.flip:hover .in2{transform:rotateY(180deg)}
.flip .f,.flip .b{position:absolute;inset:0;backface-visibility:hidden;border-radius:26px;padding:26px;display:flex;flex-direction:column;justify-content:center}
.flip .f{background:var(--card);border:1px solid var(--line)}
.flip .f small{color:var(--berry);font-weight:600}
.flip .f h3{font-size:1.3rem;margin-top:6px}
.flip .b{background:var(--plum);color:#fff;transform:rotateY(180deg)}
.flip .b small{color:var(--aqua);font-weight:600}

/* testimonials */
.slider{position:relative;overflow:hidden;margin-top:36px}
.slides{display:flex;transition:transform .7s cubic-bezier(.7,0,.2,1)}
.quote{flex:0 0 100%;padding:10px}
.quote blockquote{background:var(--card);border:1px solid var(--line);border-radius:30px;padding:40px;font-size:1.2rem;max-width:760px;margin:auto;position:relative}
.quote blockquote::before{content:"“";font-family:var(--display);font-size:6rem;color:var(--rose);position:absolute;top:-38px;left:22px}
.quote cite{display:block;margin-top:14px;font-style:normal;font-weight:600;color:var(--berry)}
.stars{color:var(--gold);letter-spacing:3px}
.dots{display:flex;justify-content:center;gap:10px;margin-top:20px}
.dots button{width:12px;height:12px;border-radius:12px;border:0;background:var(--line);cursor:pointer;transition:.3s}
.dots button.on{width:34px;background:var(--berry)}

/* faq */
.faq{max-width:820px;margin:36px auto 0;display:grid;gap:12px}
details{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px 22px}
summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:10px}
summary::after{content:"+";font-size:1.5rem;line-height:1;color:var(--berry);transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--muted);margin-top:10px;animation:rise .4s}

/* contact */
.contact{background:var(--blush)}
.contact .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px}
.info{display:grid;gap:16px;margin-top:24px}
.info a{text-decoration:none;display:flex;gap:14px;align-items:center;font-weight:600}
.info i{width:48px;height:48px;border-radius:16px;background:var(--berry);color:#fff;display:grid;place-items:center;font-style:normal;flex:none}
form{background:var(--card);border:1px solid var(--line);border-radius:30px;padding:32px;display:grid;gap:15px;box-shadow:0 30px 60px -40px rgba(59,18,68,.5)}
label{font-weight:600;font-size:.95rem;display:grid;gap:6px}
input,select,textarea{font:inherit;padding:12px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink)}
input:focus,select:focus,textarea:focus{border-color:var(--berry);outline:none}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#msg{font-weight:600;min-height:1.4em}

footer{background:var(--plum);color:#E9D3EE;padding:60px 0 24px}
footer .wrap{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}
footer h4{color:#fff;font-family:var(--display);font-size:1.35rem;margin-bottom:10px}
footer ul{list-style:none;display:grid;gap:6px}
footer a{text-decoration:none}
footer a:hover{color:var(--aqua)}
.slogan{font-family:var(--display);color:var(--rose);font-size:1.3rem;margin-top:10px}
.copy{text-align:center;border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;font-size:.9rem}

.wa{position:fixed;right:20px;bottom:90px;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;z-index:60;animation:ping2 2s infinite}
@keyframes ping2{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}100%{box-shadow:0 0 0 18px rgba(37,211,102,0)}}
#top{position:fixed;right:24px;bottom:24px;width:50px;height:50px;border-radius:50%;border:0;background:var(--berry);color:#fff;cursor:pointer;z-index:60;opacity:0;transform:translateY(20px);transition:.3s;font-size:1.3rem}
#top.show{opacity:1;transform:none}
#progress{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--berry),var(--aqua));z-index:100;width:0}
.heart{position:fixed;pointer-events:none;z-index:200;font-size:16px;animation:heart 1s forwards}
@keyframes heart{to{transform:translateY(-60px) scale(1.6);opacity:0}}

@media (max-width:1100px) and (min-width:901px){.links{gap:16px}.logo small{display:none}}
@media (max-width:900px){
  .hero .wrap,.biz .wrap,.contact .wrap,.eco .wrap,.fr,.laygrid{grid-template-columns:1fr}
  .fgrid,.myths{grid-template-columns:1fr 1fr}
  footer .wrap{grid-template-columns:1fr}
  .burger{display:block}
  .links{position:fixed;inset:0 0 0 30%;background:var(--paper);flex-direction:column;justify-content:center;transform:translateX(100%);transition:transform .4s;box-shadow:-20px 0 40px rgba(0,0,0,.25)}
  .links.open{transform:none}
  .links a.btn{padding:14px 30px;font-size:1.05rem}
}
@media (max-width:560px){
  .fgrid,.myths,.row{grid-template-columns:1fr}
  .stat b{font-size:1.8rem}
  .chip{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal,.hero h1 .w,.hero h1 .grad{opacity:1;transform:none}
  .in .bar .t i{width:var(--w)}
}