:root{
  --ink:#0B2019;
  --soft:#426056;
  --soft2:#4A6960;
  --pine:#0E4536;
  --pine2:#17614C;
  --mint:#D7F186;
  --mint2:#EAF8C4;
  --pale:#E4F0E7;
  --mist:#F0F5EF;
  --card:#FFFFFF;
  --line:#DCE7E0;
  --alert:#A32D1C;
  --alert-bg:#FCEEEA;
  --alert-line:#EBC6BB;
  --gold:#8A6A15;
  --display:"Tiro Devanagari Marathi",Georgia,serif;
  --body:"Mukta",system-ui,-apple-system,sans-serif;
  --wrap:1140px;
  --r:22px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--mist);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65;padding-bottom:66px}
img{max-width:100%;display:block}
a{color:var(--pine2)}
:focus-visible{outline:3px solid var(--pine2);outline-offset:2px}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.narrow{max-width:760px}

h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.18;margin:0}
h1{font-size:34px;letter-spacing:-.01em}
h2{font-size:27px;margin:0 0 14px}
h3{font-size:19px;margin:0 0 8px}
p{margin:0 0 16px}
.lede{font-size:18px;color:var(--soft2);line-height:1.62}
.eyebrow{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--pine2);background:var(--mint2);padding:6px 14px;border-radius:99px;margin:0 0 14px;font-weight:500}

/* header */
.top{background:var(--mist);position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:62px;gap:12px}
.brand{font-family:var(--display);font-size:21px;color:var(--pine);text-decoration:none;line-height:1.1}
.brand span{display:block;font-family:var(--body);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--soft2)}
.langs{font-size:13px;color:var(--soft2)}
.langs a{color:var(--pine);text-decoration:none;padding:0 5px}
.langs a[aria-current]{font-weight:500;text-decoration:underline}

/* hero */
.hero{padding:34px 0 12px}
.hero-grid{display:grid;gap:26px}
.hero h1{max-width:16ch}
.hero .lede{margin:14px 0 0;max-width:46ch}

.pills{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 0}
.pill{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:9px 16px;font-size:14px;color:var(--soft2)}
.pill b{color:var(--ink);font-weight:500}

.actions{display:flex;flex-wrap:wrap;gap:11px;margin:24px 0 0}
.btn{display:inline-block;padding:15px 30px;font-size:16px;font-weight:500;text-decoration:none;border-radius:99px;border:1px solid transparent}
.btn-solid{background:var(--pine);color:#fff}
.btn-mint{background:var(--mint);color:var(--pine)}
.btn-line{background:transparent;color:var(--pine);border-color:var(--pine)}
.btn:hover{filter:brightness(.96)}

/* hero art */
.art{position:relative;padding:0 0 26px}
img.shot,img.docshot{object-fit:cover;width:100%;height:auto}
.shot{background:var(--pale);border-radius:var(--r);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--soft2);font-size:13px;padding:18px;border:1px solid var(--line)}
.float{position:absolute;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:11px 14px;box-shadow:0 6px 22px rgba(11,32,25,.09)}
.float b{display:block;font-family:var(--display);font-size:19px;line-height:1.2}
.float span{font-size:12px;color:var(--soft2);line-height:1.4;display:block}
.f1{top:16px;left:-8px}
.f2{bottom:52px;right:-8px}
.f3{bottom:-8px;left:18px;background:var(--mint);border-color:var(--mint)}
.f3 b,.f3 span{color:var(--pine)}
.stars{color:var(--gold);letter-spacing:1px;font-size:14px}

/* sections */
section{padding:38px 0}
.panel{background:var(--card);border-radius:var(--r);border:1px solid var(--line);padding:26px 22px}

/* specialty grid */
.spec{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 0}
.sp{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 16px;text-decoration:none;color:inherit;display:block}
.sp:hover{border-color:var(--pine2);background:var(--mint2)}
.dot{width:38px;height:38px;border-radius:12px;background:var(--mint2);display:flex;align-items:center;justify-content:center;margin:0 0 12px}
.dot svg{width:20px;height:20px;stroke:var(--pine);fill:none;stroke-width:1.7}
.sp b{font-family:var(--display);font-weight:400;font-size:18px;display:block;margin:0 0 3px}
.sp span{font-size:14px;color:var(--soft2);line-height:1.5;display:block}

/* day strip */
.days{display:grid;gap:12px;margin:22px 0 0}
.day{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}
.day .n{display:inline-block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--pine2);background:var(--mint2);padding:4px 11px;border-radius:99px;margin:0 0 11px;font-weight:500}
.day h3{font-size:17px;margin:0 0 6px}
.day p{font-size:15px;color:var(--soft2);margin:0;line-height:1.6}
.day.warn{background:var(--alert-bg);border-color:var(--alert-line)}
.day.warn .n{background:#F6D9D0;color:var(--alert)}
.day.warn p{color:#6E2718}

/* pair */
.pair{display:grid;gap:14px;margin:22px 0 0}
.opt{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.opt.hi{background:var(--pine);border-color:var(--pine)}
.opt.hi h3,.opt.hi p,.opt.hi li{color:#EAF4EE}
.opt.hi .tagm{background:var(--mint);color:var(--pine)}
.tagm{display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:var(--mint2);color:var(--pine);padding:5px 12px;border-radius:99px;margin:0 0 13px;font-weight:500}
.opt p{font-size:15px;color:var(--soft2);margin:0 0 12px}
.opt ul{margin:0;padding-left:19px;font-size:15px;color:var(--soft2)}
.opt li{margin-bottom:6px}

/* stats band */
.band{background:var(--pine);border-radius:var(--r);padding:28px 22px;color:#EAF4EE}
.band h2{color:#fff}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 0}
.stat b{display:block;font-family:var(--display);font-size:30px;color:var(--mint);line-height:1.1}
.stat span{font-size:14px;color:#B7D2C5}

/* alert */
.alert{background:var(--alert-bg);border:1px solid var(--alert-line);border-radius:18px;padding:22px;margin:22px 0 0}
.alert h3{color:var(--alert);margin:0 0 10px}
.alert ul{margin:0 0 14px;padding-left:19px;font-size:15px;color:#6E2718}
.alert li{margin-bottom:5px}
.alert p{font-size:15px;color:#6E2718;margin:0}

/* table */
table{width:100%;border-collapse:collapse;margin:20px 0 0;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}
th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);font-size:15px;font-weight:400}
th{color:var(--soft2)}
td{text-align:right;white-space:nowrap;font-weight:500}
tr:last-child th,tr:last-child td{border-bottom:none}
.note{font-size:14px;color:var(--soft2);margin:13px 0 0}

/* faq */
details{background:var(--card);border:1px solid var(--line);border-radius:16px;margin:0 0 10px}
summary{padding:16px 18px;cursor:pointer;font-weight:500;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--pine2);font-size:20px;line-height:1}
details[open] summary::after{content:"–"}
details p{padding:0 18px 16px;margin:0;font-size:15px;color:var(--soft2)}

/* doctor card */
.doc{display:grid;gap:18px;align-items:center}
.docshot{background:var(--pale);border:1px solid var(--line);border-radius:var(--r);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--soft2);font-size:13px;padding:16px}

/* footer */
footer{background:var(--pine);color:#B7D2C5;padding:36px 0 32px;font-size:15px;margin:30px 0 0}
footer h3{color:#fff;font-size:19px;margin:0 0 10px}
footer a{color:#fff}
.cols{display:grid;gap:26px}
.reg{margin:26px 0 0;padding:15px 0 0;border-top:1px solid #23624F;font-size:13px;color:#8FB6A6}

/* sticky bar */
.callbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.callbar a{padding:16px 8px;text-align:center;text-decoration:none;font-size:16px;font-weight:500;border-radius:99px}
.cb1{background:var(--pine);color:#fff}
.cb2{background:var(--mint);color:var(--pine)}

@media (min-width:820px){
  body{font-size:18px;padding-bottom:0}
  h1{font-size:52px}
  h2{font-size:34px}
  .hero{padding:52px 0 20px}
  .hero-grid{grid-template-columns:1.08fr .92fr;gap:52px;align-items:center}
  .art{padding:0 14px}
  .shot{aspect-ratio:4/4.4}
  .spec{grid-template-columns:repeat(3,1fr)}
  .days{grid-template-columns:repeat(3,1fr)}
  .pair{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:repeat(4,1fr)}
  .doc{grid-template-columns:.42fr 1fr;gap:30px}
  .cols{grid-template-columns:1.2fr 1fr 1fr}
  .panel,.band{padding:38px 34px}
  .callbar{display:none}
  section{padding:56px 0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto}}

/* ---------- main nav ---------- */
.mainnav{display:none}
.headright{display:flex;align-items:center;gap:14px}
.navcall{display:none;background:var(--pine);color:#fff;text-decoration:none;padding:9px 18px;border-radius:99px;font-size:14px;font-weight:500;white-space:nowrap}
@media (min-width:900px){
  .mainnav{display:flex;gap:22px}
  .mainnav a{color:var(--ink);text-decoration:none;font-size:15px;white-space:nowrap}
  .mainnav a:hover{color:var(--pine2)}
  .mainnav a[aria-current]{color:var(--pine2);font-weight:500}
  .navcall{display:inline-block}
}

/* ---------- map ---------- */
.mapgrid{display:grid;gap:22px;margin:20px 0 0}
.mapwrap{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--pale);min-height:300px}
.mapfallback{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--ink);text-align:center;padding:20px;
  background:var(--pale);
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:44px 44px}
.mapfallback strong{font-family:var(--display);font-weight:400;font-size:20px}
.mapfallback span{font-size:14px;color:var(--soft2)}
.mapfallback .maplink{color:var(--pine2);font-weight:500;margin-top:8px;font-size:14px}
.pinmark{width:46px;height:46px;border-radius:50%;background:var(--pine);display:flex;align-items:center;justify-content:center;margin:0 0 8px}
.pinmark svg{width:24px;height:24px;fill:none;stroke:var(--mint);stroke-width:1.7}
.mapwrap iframe{position:relative;z-index:2;display:block;width:100%;height:300px;border:0}
@media (min-width:820px){
  .mapgrid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:30px}
  .mapwrap,.mapwrap iframe{min-height:380px;height:380px}
}