/* Dr. Monga Medi Clinic — height pages. Concept: the growth chart on a child's wall.
   Signature element: the measuring ruler (hero, facts band, height check). Everything else stays calm. */
:root{
  --ink:#172042; --tx:#3a4466; --mu:#66708f; --ln:#e1e6f3; --paper:#f4f7ff; --white:#fff;
  --p:#2f5bea; --p2:#1f3fb8; --pl:#e8eeff; --sun:#ffc93c; --sunl:#fff4d6; --blush:#ffeee8;
  --wa:#25d366; --r:20px;
  --fd:"Bricolage Grotesque","Figtree",system-ui,sans-serif; --f:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; --fh:var(--f)}
.hp.t2{--p:#0f8a7a;--p2:#0b6b5f;--pl:#e2f5f1}
.hp.t3{--p:#6a3fd6;--p2:#4f2cad;--pl:#efe9ff}
.hp.t4{--p:#d9485f;--p2:#b23246;--pl:#ffe9ec}
.hp.t5{--p:#0a7bc2;--p2:#08619a;--pl:#e3f2fc}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0}
.hp{display:block;width:100%;clear:both;float:none;overflow-x:clip;font-family:var(--f);font-size:17.5px;line-height:1.7;color:var(--tx);background:var(--white);-webkit-font-smoothing:antialiased;text-align:left}
.hp img{max-width:100%;height:auto;display:block}
.hp a{color:var(--p);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:6px}
.hp h1,.hp h2,.hp h3{font-family:var(--fd);color:var(--ink);line-height:1.08;letter-spacing:-.025em;margin:0 0 .45em;font-weight:800}
.hp h2{font-size:clamp(28px,3.6vw,44px)}
.hp h3{font-size:21px;line-height:1.25;letter-spacing:-.01em;font-weight:700}
.hp p{margin:0 0 1em}
.hp ul,.hp ol{padding-left:1.2em;margin:0 0 1em}.hp li{margin:.4em 0}
.w{max-width:1160px;margin:0 auto;padding:0 22px}
.sec{padding:84px 0}
.sec.tint{background:var(--paper)}
.sec.pl{background:var(--sunl)}
.eb{display:inline-block;font-size:15px;font-weight:700;color:var(--p);margin-bottom:12px}
.lead{font-size:20px;line-height:1.6;color:var(--mu);max-width:62ch}
.mod{max-width:68ch}
.mod ul{list-style:none;padding:0}
.mod ul li{position:relative;padding-left:28px}
.mod ul li::before{content:"";position:absolute;left:0;top:.68em;width:16px;height:4px;border-radius:2px;background:var(--sun)}
.mod ol{counter-reset:s;list-style:none;padding:0}
.mod ol li{counter-increment:s;position:relative;padding:4px 0 0 54px;margin:0 0 18px}
.mod ol li::before{content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;font:800 16px var(--fd);display:flex;align-items:center;justify-content:center}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 24px;border-radius:999px;font:700 16.5px var(--f);text-decoration:none;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.btn svg{width:20px;height:20px;flex:none}
.btn:hover{transform:translateY(-2px)}
.btn.wa{background:var(--wa);color:#05361b;box-shadow:0 12px 28px rgba(37,211,102,.35)}
.btn.pri{background:var(--ink);color:#fff}
.btn.gh{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ln)}
.btn.gh:hover{box-shadow:inset 0 0 0 2px var(--ink)}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* header */
.topstrip{background:var(--ink);color:#dfe5ff;font-size:14px}
.topstrip .w{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--ln)}
.hd .w{display:flex;align-items:center;justify-content:space-between;height:74px;gap:18px}
.logo img{height:46px;width:auto}
.nav{display:flex;gap:26px}
.nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:15.5px;white-space:nowrap}
.nav a:hover{color:var(--p)}
.hd .btns{flex-wrap:nowrap}
.hd .btn{min-height:44px;padding:8px 18px;font-size:15px}
.crumbbar{display:block;width:100%;clear:both;float:none;position:static;background:var(--white);border-bottom:1px solid var(--ln)}
.hp nav.crumb{display:block;float:none;position:static!important;top:auto;left:auto;width:auto;height:auto;max-width:1160px;margin:0 auto;padding:14px 22px;background:none;text-align:left;font-size:14.5px;line-height:1.5;color:var(--mu)}
.crumb a{color:var(--mu);text-decoration:none}.crumb a:hover{color:var(--p);text-decoration:underline}
.crumb span{margin:0 7px;color:#b3bad1}

/* hero: headline + the growth wall (ruler + WhatsApp chat) */
.hero{position:relative;overflow:hidden;background:var(--white)}
.hero .w{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;padding-top:34px;padding-bottom:80px}
.hero h1{font-size:clamp(38px,5.4vw,64px);margin:4px 0 20px}
.hero h1 em{font-style:normal}
.hero .dek{font-size:20px;line-height:1.6;color:var(--mu);max-width:56ch}
.chips{display:flex;flex-wrap:wrap;gap:8px 18px;margin:22px 0 28px;padding:0;list-style:none}
.chips li{margin:0;font-size:15.5px;font-weight:600;color:var(--ink);display:flex;gap:8px;align-items:center}
.chips li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--sun) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23172042' stroke-width='3.5'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat}
.hero-note{font-size:15px;color:var(--mu);margin:16px 0 0}
.wall{position:relative;display:flex;justify-content:center;padding-left:70px}
.ruler{position:absolute;left:0;top:-14px;bottom:-14px;width:60px;border-radius:14px;background-color:var(--sun);
  background-image:repeating-linear-gradient(to top,rgba(23,32,66,.5) 0 2px,transparent 2px 12px),repeating-linear-gradient(to top,rgba(23,32,66,.9) 0 2px,transparent 2px 60px);
  background-size:14px 100%,28px 100%;background-repeat:no-repeat;background-position:right bottom,right bottom;box-shadow:0 18px 40px rgba(255,170,0,.28)}
.ruler span{position:absolute;left:7px;font:800 12px var(--fd);color:var(--ink);transform:translateY(50%)}
.ruler b{position:absolute;left:-8px;right:-26px;height:3px;background:var(--p);border-radius:2px}
.ruler b::after{display:none}
.h2s{background:var(--ink)}
.h2s h1,.h2s .eb,.h2s .chips li{color:#fff}.h2s .dek,.h2s .hero-note{color:#c9d0ec}
.h2s .btn.gh{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.h2s .eb{color:var(--sun)}
.h3s{background:var(--paper)}
.h3s .w{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.h3s .wall{order:-1}
.h4s{background:var(--blush)}
.h4s .bgimg{display:none}

/* WhatsApp chat frame */
.wa-frame{position:relative;z-index:1;width:100%;max-width:410px;border-radius:30px;overflow:hidden;background:#efeae2;box-shadow:0 34px 80px rgba(23,32,66,.28),0 0 0 9px #fff;color:#111b21;font-family:var(--f)}
.wa-top{background:#075e54;color:#fff;display:flex;align-items:center;gap:12px;padding:12px 16px}
.wa-top img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid rgba(255,255,255,.6);background:#fff}
.wa-top b{display:block;font-size:16px;line-height:1.2}
.wa-top small{font-size:12.5px;opacity:.85}
.wa-top .dot{width:9px;height:9px;border-radius:50%;background:#4ade80;display:inline-block;margin-right:5px}
.wa-body{padding:16px 14px 10px;background-image:radial-gradient(rgba(0,0,0,.04) 1px,transparent 1px);background-size:14px 14px}
.wa-day{text-align:center;margin:0 0 10px}.wa-day span{background:#fff;border-radius:8px;font:600 11.5px var(--f);padding:3px 10px;color:#54656f}
.bub{position:relative;background:#fff;border-radius:0 14px 14px 14px;padding:8px 12px 18px;margin:0 34px 8px 0;font-size:15px;line-height:1.45;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.bub::after{content:attr(data-t);position:absolute;right:9px;bottom:3px;font:500 10.5px var(--f);color:#667781}
.bub.me{background:#d9fdd3;border-radius:14px 0 14px 14px;margin:8px 0 8px 44px}
.bub.me::after{content:attr(data-t) " ✓✓";color:#53bdeb}
.wa-cta{padding:12px 14px 16px;background:#f0f2f5}
.wa-cta p{font-weight:700;font-size:16.5px;margin:0 0 10px;text-align:center;color:#075e54}
.wa-cta .btn{width:100%}
@media (prefers-reduced-motion:no-preference){
  .wa-body .bub{animation:pop .45s both}
  .wa-body .bub:nth-child(2){animation-delay:.2s}.wa-body .bub:nth-child(3){animation-delay:.5s}.wa-body .bub:nth-child(4){animation-delay:.8s}
  .wa-body .bub:nth-child(5){animation-delay:1.1s}.wa-body .bub:nth-child(6){animation-delay:1.4s}.wa-body .bub:nth-child(7){animation-delay:1.8s}
  @keyframes pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}

/* quick answer */
.answer{position:relative;background:var(--white);border-radius:var(--r);padding:30px 34px 30px 96px;box-shadow:0 18px 50px rgba(23,32,66,.08);border:1px solid var(--ln)}
.answer::before{content:"A";position:absolute;left:28px;top:28px;width:46px;height:46px;border-radius:50%;background:var(--sun);color:var(--ink);font:800 22px var(--fd);display:flex;align-items:center;justify-content:center}
.answer .eb{margin-bottom:4px}
.answer p{font-size:19px;color:var(--ink);margin:0;line-height:1.65}

/* height check tool */
.tool{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.tool-card{background:var(--white);border-radius:28px;padding:30px;box-shadow:0 24px 60px rgba(23,32,66,.1);border:1px solid var(--ln)}
.tool-card .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.seg{display:flex;background:var(--paper);border-radius:999px;padding:5px;margin:0 0 18px;border:0}
.seg label{flex:1;text-align:center;font-weight:700;font-size:15.5px;padding:10px;border-radius:999px;cursor:pointer;color:var(--mu)}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg label:has(input:checked){background:var(--ink);color:#fff}
.seg label:has(input:focus-visible){outline:3px solid var(--sun)}
.tool-card label.f{display:block;font-size:14.5px;font-weight:700;color:var(--ink);margin:0 0 6px}
.tool-card input[type=number]{width:100%;font:700 19px var(--f);padding:14px 16px;border:2px solid var(--ln);border-radius:14px;background:var(--white);color:var(--ink);margin:0 0 16px}
.tool-card input[type=number]:focus{outline:none;border-color:var(--p)}
.tool-card .btn{width:100%}
.result{margin-top:18px;border-radius:18px;padding:20px;background:var(--paper)}
.result[hidden]{display:none}
.result h3{margin:0 0 6px;font-size:21px}
.result p{margin:0 0 14px;font-size:16px}
.scale{position:relative;height:14px;border-radius:999px;background:linear-gradient(90deg,#ff8f7e 0%,#ffc93c 22%,#7ad99c 40%,#7ad99c 72%,#9fc2ff 100%);margin:26px 6px 8px}
.scale i{position:absolute;top:50%;left:50%;width:26px;height:26px;border-radius:50%;background:var(--ink);border:4px solid #fff;transform:translate(-50%,-50%);box-shadow:0 4px 12px rgba(0,0,0,.25);transition:left .6s cubic-bezier(.2,.8,.2,1)}
.scale-l{display:flex;justify-content:space-between;font-size:12.5px;color:var(--mu);font-weight:600;margin:0 0 14px}
.tool .small{font-size:13.5px;color:var(--mu);margin:14px 0 0}

/* modules */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.grid2.top{align-items:start}
.fig{position:relative;margin:0;border-radius:28px;overflow:hidden;background:var(--pl)}
.fig img{width:100%;aspect-ratio:4/3;object-fit:cover}
.fig::after{content:"";position:absolute;left:0;top:0;bottom:0;width:16px;background-color:var(--sun);background-image:repeating-linear-gradient(to bottom,rgba(23,32,66,.5) 0 2px,transparent 2px 12px);background-size:9px 100%;background-repeat:no-repeat;background-position:right top}
.card{position:relative;background:var(--white);border-radius:28px;padding:46px 50px;border:1px solid var(--ln);box-shadow:0 18px 50px rgba(23,32,66,.06)}
.card.mod{max-width:none}
.card h2{max-width:24ch}

/* facts band: the ruler again */
.stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);background-color:var(--sun);border-radius:26px;padding:38px 10px 26px;
  background-image:repeating-linear-gradient(to right,rgba(23,32,66,.4) 0 2px,transparent 2px 14px),repeating-linear-gradient(to right,rgba(23,32,66,.85) 0 2px,transparent 2px 70px);
  background-size:100% 12px,100% 22px;background-repeat:no-repeat;background-position:0 0,0 0}
.stat{text-align:center;padding:10px 8px}
.stat b{display:block;font:800 clamp(30px,4vw,46px)/1.05 var(--fd);color:var(--ink);letter-spacing:-.02em}
.stat span{font-size:15px;color:#3f3a1e;font-weight:600}
.sec.facts{background:var(--white);padding:30px 0 56px}

/* local section */
.route{display:flex;gap:16px;align-items:flex-start;background:var(--white);border-radius:var(--r);padding:20px 22px;margin:22px 0;border:1px solid var(--ln)}
.route i{flex:none;width:44px;height:44px;border-radius:50%;background:var(--p);display:flex;align-items:center;justify-content:center;color:#fff;font:800 18px var(--fd);font-style:normal}
.route p{margin:0}
.clinics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.clinic{background:var(--white);border-radius:var(--r);padding:22px;border:1px solid var(--ln)}
.clinic.near{background:var(--ink);border-color:var(--ink)}
.clinic.near h3{color:#fff}.clinic.near p{color:#c4cbe6}.clinic.near a{color:var(--sun)}
.clinic h3{font-size:19px;margin:0 0 6px}
.clinic small{display:inline-block;background:var(--sun);color:var(--ink);font-weight:700;font-size:12.5px;border-radius:999px;padding:3px 11px;margin-bottom:10px}
.clinic p{font-size:15px;color:var(--mu);margin:0 0 10px}
.clinic a{font-weight:700;font-size:15px}

/* doctor: the one dark section */
#doctor{background:var(--ink);color:#d6dcf2}
#doctor h2,#doctor blockquote{color:#fff}
#doctor .eb{color:var(--sun)}
#doctor a{color:var(--sun)}
.doc{display:grid;grid-template-columns:380px 1fr;gap:56px;align-items:start}
.doc .ph{position:relative;margin:0;border-radius:30px;overflow:hidden;background:var(--sun)}
.doc .ph img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top}
.doc .cred{font-weight:700;color:var(--sun);margin:-4px 0 2px;font-size:18px}
.doc .sub{font-weight:600;color:#aab3d6;margin:0 0 18px}
.doc blockquote{margin:22px 0;padding:0 0 0 22px;border-left:4px solid var(--sun);font:700 clamp(20px,2.2vw,25px)/1.4 var(--fd);letter-spacing:-.01em}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.badges li{margin:0;padding:8px 15px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-weight:700;font-size:14.5px;color:#fff}

/* FAQ / near-me */
.faq details{border-bottom:1px solid var(--ln)}
.faq details:first-of-type{border-top:1px solid var(--ln)}
.faq summary{list-style:none;cursor:pointer;padding:20px 56px 20px 0;font:700 19px/1.35 var(--fd);color:var(--ink);position:relative;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:4px;top:50%;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:var(--pl) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23172042' stroke-width='2.5'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg);background-color:var(--sun)}
.faq details p{padding:0 0 22px;margin:0;max-width:70ch}
.hindi{background:var(--blush);border-radius:32px;padding:46px}
.hindi details{border-color:rgba(23,32,66,.12)!important}

/* nearby + reading */
.near-links{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none;margin:18px 0 0}
.near-links li{margin:0}
.near-links a{display:inline-block;padding:10px 18px;border-radius:999px;background:var(--white);box-shadow:inset 0 0 0 1.5px var(--ln);text-decoration:none;font-weight:600;font-size:15.5px;color:var(--ink)}
.near-links a:hover{box-shadow:inset 0 0 0 2px var(--p);color:var(--p)}
.read{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.read a{display:block;background:var(--white);border-radius:var(--r);padding:22px;text-decoration:none;color:var(--ink);font:700 18px/1.35 var(--fd);border:1px solid var(--ln)}
.read a:hover{border-color:var(--p)}
.read a small{display:block;color:var(--p);font:700 13.5px var(--f);margin-bottom:8px}

/* form */
.formbox{background:var(--white);border-radius:30px;padding:34px;box-shadow:0 30px 70px rgba(23,32,66,.14)}
.formbox h2{font-size:30px}
.formbox .fee{display:flex;justify-content:space-between;align-items:center;background:var(--sunl);border-radius:16px;padding:14px 18px;font-weight:700;margin:0 0 20px;color:var(--ink)}
.formbox .fee b{font:800 26px var(--fd);color:var(--ink)}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.formbox label{display:block;font-size:14.5px;font-weight:700;color:var(--ink);margin:0 0 6px}
.formbox input,.formbox select,.formbox textarea{width:100%;font:16px var(--f);padding:14px 16px;border:2px solid var(--ln);border-radius:14px;background:var(--white);margin:0 0 14px;color:var(--ink)}
.formbox input:focus,.formbox select:focus,.formbox textarea:focus{outline:none;border-color:var(--p)}
.formbox textarea{min-height:92px;resize:vertical}
.formbox .btn{width:100%}
.formbox .err{display:none;color:#b42318;font-size:14.5px;font-weight:600;margin:-6px 0 12px}
.formbox .small{font-size:13.5px;color:var(--mu);text-align:center;margin:12px 0 0}
.sec.pl .grid2 ul{list-style:none;padding:0}
.sec.pl .grid2 ul li{padding-left:32px;position:relative}
.sec.pl .grid2 ul li::before{content:"";position:absolute;left:0;top:.3em;width:20px;height:20px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffc93c' stroke-width='3.5'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat}

/* final CTA */
.cta-band{position:relative;overflow:hidden;background:var(--p);color:#fff;border-radius:34px;padding:54px 70px 54px 56px;display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center}
.cta-band::after{content:"";position:absolute;right:0;top:0;bottom:0;width:24px;background-color:var(--sun);background-image:repeating-linear-gradient(to bottom,rgba(23,32,66,.55) 0 2px,transparent 2px 12px);background-size:12px 100%;background-repeat:no-repeat;background-position:left top}
.cta-band h2{color:#fff}.cta-band p{opacity:.9;margin:0;font-size:18px}
.cta-band .btns{justify-content:flex-end}
.cta-band .btn.gh{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}

/* hub: locations directory */
.loc-head{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:end;margin-bottom:30px}
.loc-head .lead{margin:0}
.loc-search{position:relative;display:block}
.loc-search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:var(--p)}
.loc-search input{width:100%;font:600 17px var(--f);padding:18px 20px 18px 50px;border:2px solid var(--ln);border-radius:999px;background:var(--white);color:var(--ink)}
.loc-search input:focus{outline:none;border-color:var(--p)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pop-h{font-size:20px;margin:6px 0 14px}
.pops{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}
.pop{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:999px;padding:9px 20px 9px 10px;text-decoration:none;min-width:0}
.pop:hover{background:var(--p)}
.pop-ic{flex:none;width:30px;height:30px;border-radius:50%;background:var(--sun);color:var(--ink);display:flex;align-items:center;justify-content:center}
.pop-ic svg{width:16px;height:16px}
.pop b{font-size:16px;font-weight:700}.pop small,.pop i{display:none}
.zgrid{columns:2;column-gap:22px}
.zcard{break-inside:avoid;margin:0 0 22px;background:var(--white);border-radius:26px;padding:26px;border:1px solid var(--ln);scroll-margin-top:96px}
.zcard .zhead{margin-bottom:10px}
.zno{display:none}
.zcard h3{font-size:22px;margin:0 0 4px}
.zcard .zhead p{margin:0;font-size:15px;color:var(--mu)}
.zlines{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.ln{font-size:12.5px;font-weight:700;padding:4px 11px;border-radius:999px;background:var(--pl);color:var(--p2)}
.zchips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.zchips li{margin:0}
.zchips a{display:inline-block;padding:8px 14px;border-radius:999px;background:var(--paper);text-decoration:none;color:var(--ink);font-size:15px;font-weight:600}
.zchips a:hover{background:var(--sun)}
.noarea{margin-top:20px;font-weight:600}
.careers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.careers figure{margin:0;border-radius:22px;overflow:hidden;background:var(--white);border:1px solid var(--ln)}
.careers img{width:100%;aspect-ratio:4/3;object-fit:cover}
.careers figcaption{padding:14px 18px;font:700 17px var(--fd);color:var(--ink)}

/* footer + mobile bar */
.ft{background:var(--paper);color:var(--tx);padding:60px 0 40px;font-size:15.5px;border-top:1px solid var(--ln)}
.ft h3{font-size:18px}
.ft a{color:var(--ink);text-decoration:none}.ft a:hover{color:var(--p);text-decoration:underline}
.ft .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:34px}
.ft ul{list-style:none;padding:0}.ft li{margin:0 0 9px}
.ft .legal{border-top:1px solid var(--ln);margin-top:30px;padding-top:20px;font-size:13.5px;color:var(--mu)}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--ln);box-shadow:0 -8px 24px rgba(0,0,0,.08)}
.mbar .btn{flex:1;min-height:50px}

.hp *{float:none!important}
.hp .w{width:auto!important;max-width:1160px!important;margin-left:auto!important;margin-right:auto!important}
.hp section,.hp main,.hp article,.hp nav.crumb,.crumbbar{width:auto!important}
.hp li{width:auto!important}
.hp aside.wa-frame{width:100%!important}
.hp main,.hp section,.hp article,.hp aside,.hp figure,.hp header{float:none;clear:both}
.hp main,.hp section{display:block;width:auto;max-width:none;margin-left:0;margin-right:0}
.hp li{float:none;width:auto;background-image:none}
.hp .zchips li,.hp .near-links li,.hp .chips li,.hp .badges li{display:inline-flex}
main>.sec{content-visibility:auto;contain-intrinsic-size:auto 760px}
@media (max-width:1180px){.hd .btns .btn.gh{display:none}}
@media (max-width:1024px){.nav{display:none}.hero .w,.h3s .w{grid-template-columns:1fr;gap:48px}.h3s .wall{order:0}
  .doc{grid-template-columns:1fr}.doc .ph{max-width:380px}.tool{grid-template-columns:1fr;gap:28px}
  .clinics,.read{grid-template-columns:1fr 1fr}.ft .cols{grid-template-columns:1fr 1fr}.cta-band{grid-template-columns:1fr}.cta-band .btns{justify-content:flex-start}
  .loc-head{grid-template-columns:1fr}}
@media (max-width:720px){.hp{font-size:17px}.sec{padding:58px 0}.grid2{grid-template-columns:1fr;gap:30px}
  .stats{grid-template-columns:1fr 1fr;row-gap:6px}.clinics,.read,.careers{grid-template-columns:1fr}.zgrid{columns:1}
  .fr,.tool-card .row{grid-template-columns:1fr}.hd .btns{display:none}.mbar{display:flex}.topstrip{display:none}
  .cta-band{padding:36px 50px 36px 24px}.hindi{padding:28px 20px}.formbox,.tool-card{padding:24px}.card{padding:30px 24px}
  .answer{padding:80px 22px 24px}.answer::before{left:22px;top:20px}
  .hero .w{padding-top:16px;padding-bottom:56px}.hero .btn{width:100%}.wall{padding-left:46px}.ruler{width:36px}.ruler span{display:none}.ruler b::after{display:none}
  .ft .cols{grid-template-columns:1fr}.logo img{height:40px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* guard against site-wide element styles */
.hp,.hp h1,.hp h2,.hp h3,.hp p,.hp li,.hp .zcard,.hp .loc-head{text-align:left}
.hp .stat,.hp .wa-cta p,.hp .wa-day,.hp .formbox .small{text-align:center}
.hp a.pop,.hp a.pop b{color:#fff!important;text-decoration:none}
.hp .zchips a,.hp .near-links a,.hp .read a{color:var(--ink)!important}
.hp .btn.wa{color:#05361b!important}.hp .btn.pri{color:#fff!important}
.hp .wa-frame,.hp .zcard,.hp .crumbbar,.hp .clinic,.hp .card,.hp .formbox,.hp .tool-card{position:relative}
.hp section,.hp main,.hp div,.hp .bub,.hp .eb{text-align:left}
.hp .stats .stat,.hp .wa-cta,.hp .wa-day,.hp .seg label{text-align:center}
.hp ul.zchips,.hp ul.chips,.hp ul.near-links,.hp ul.badges,.hp .mod ul,.hp .mod ol,.hp .ft ul{padding-left:0!important;margin-left:0!important}
.hp ul.zchips li,.hp ul.near-links li,.hp ul.badges li,.hp ul.chips li{list-style:none;padding-left:0}

/* ---------- hero image + WhatsApp section + parents ---------- */
.hmedia{position:relative;padding-left:56px;max-width:560px;justify-self:end;width:100%}
.h3s .hmedia{order:-1;justify-self:start}
.hm-ruler{position:absolute;left:0;top:24px;bottom:24px;width:40px;border-radius:12px;background-color:var(--sun);
  background-image:repeating-linear-gradient(to top,rgba(23,32,66,.5) 0 2px,transparent 2px 12px),repeating-linear-gradient(to top,rgba(23,32,66,.9) 0 2px,transparent 2px 60px);
  background-size:12px 100%,24px 100%;background-repeat:no-repeat;background-position:right bottom,right bottom}
.hm-img{margin:0;border-radius:32px;overflow:hidden;background:var(--pl);box-shadow:0 30px 70px rgba(23,32,66,.22)}
.hm-img img{width:100%;aspect-ratio:8/9;object-fit:cover}
.hm-badge{position:absolute;left:20px;bottom:38px;background:#fff;border-radius:18px;padding:12px 16px;box-shadow:0 14px 34px rgba(23,32,66,.2);display:flex;flex-direction:column}
.hm-badge b{font:800 26px/1 var(--fd);color:var(--ink)}.hm-badge span{font-size:13px;font-weight:600;color:var(--mu)}
.hp a.hm-chat{position:absolute;right:16px;top:20px;background:#075e54;color:#fff!important;text-decoration:none;font-weight:700;font-size:14.5px;padding:10px 16px;border-radius:999px;box-shadow:0 12px 26px rgba(7,94,84,.35);display:flex;align-items:center;gap:8px}
.hm-chat .dot{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.25)}
.wa-sec{background:linear-gradient(180deg,#eafaf1,#fff)}
.wa-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:56px;align-items:center}
.wa-steps{list-style:none;padding:0!important;margin:22px 0 26px!important;counter-reset:w}
.wa-steps li{counter-increment:w;position:relative;padding:4px 0 4px 54px;margin:0 0 14px;font-size:17.5px}
.wa-steps li::before{content:counter(w);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:#25d366;color:#05361b;font:800 17px var(--fd);display:flex;align-items:center;justify-content:center}
.parents{background:var(--white)}
.par-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.par-img{margin:0;position:relative}
.par-img img{width:100%;aspect-ratio:6/5;object-fit:cover;border-radius:30px;background:var(--pl)}
.par-img figcaption{margin:-46px 18px 0;position:relative;background:var(--ink);color:#fff;border-radius:18px;padding:14px 18px;font-size:14.5px;line-height:1.5}
.par-list{list-style:none;padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:0 0 18px!important}
.par-list li{margin:0;background:var(--blush);border-radius:14px;padding:12px 14px 12px 42px;position:relative;font-weight:600;color:var(--ink);font-size:15.5px;line-height:1.4}
.par-list li::before{content:"!";position:absolute;left:12px;top:12px;width:20px;height:20px;border-radius:50%;background:var(--p);color:#fff;font:800 13px/20px var(--fd);text-align:center}
@media (max-width:1024px){.wa-grid,.par-grid{grid-template-columns:1fr;gap:34px}.hmedia{justify-self:center}.h3s .hmedia{order:0}}
@media (max-width:720px){.hmedia{padding-left:34px}.hm-ruler{width:26px}.hm-badge{left:4px;bottom:20px}.hp a.hm-chat{right:8px;top:12px;font-size:13px}.par-list{grid-template-columns:1fr}}

/* WhatsApp buttons: dark green, white text + icon */
.hp .btn.wa,.mbar .btn.wa,.btn.wa{background:#0b7a3e!important;color:#fff!important;box-shadow:0 12px 28px rgba(11,122,62,.32)}
.hp .btn.wa svg,.mbar .btn.wa svg,.btn.wa svg{fill:#fff!important;color:#fff!important}
.hp .btn.wa:hover,.mbar .btn.wa:hover{background:#09652f!important}
.hp .wa-steps li::before{background:#0b7a3e;color:#fff}

/* breadcrumb: dark bar, white text */
.hp .crumbbar{background:var(--ink)!important;border-bottom:0;border-top:4px solid var(--sun)}
.hp nav.crumb{color:#fff!important;font-weight:700}
.hp nav.crumb span{color:var(--sun)!important}
.hp nav.crumb a{color:#fff!important;text-decoration:none;font-weight:600}
.hp nav.crumb a:hover{color:var(--sun)!important;text-decoration:underline}

.hp nav.crumb{padding-top:13px;padding-bottom:13px}