:root {
  --navy:#07334b;
  --ink:#102b3b;
  --muted:#415d6a;
  --teal:#08756f;
  --red:#b22036;
  --pale:#eff7f8;
  --line:#d5e5e9;
  font-family:Inter,Arial,sans-serif;
  color:var(--ink);
  scroll-behavior:smooth;
}
* {box-sizing:border-box}
body,figure,h1,h2,h3,p,dl,dd {margin:0}
a {color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible {outline:3px solid #2586bd;outline-offset:4px}
img {display:block;max-width:100%}
.wrap {width:min(1160px,calc(100% - 80px));margin-inline:auto}
.skip {position:absolute;top:-100px;left:16px;background:white;padding:12px;z-index:10}
.skip:focus {top:8px}
.top {background:var(--navy);color:white;font-size:12px}
.top-inner,.header,.foot {display:flex;align-items:center;justify-content:space-between;gap:24px}
.top-inner {min-height:38px}
.top a {font-weight:700}
.header {min-height:81px}
.brand {display:flex;align-items:center;gap:12px}
.brand img {object-fit:contain;background:#0086b9;border-radius:9px}
.brand strong,.brand small {display:block}
.brand strong {font-size:24px;letter-spacing:-.7px}
.brand small {font-size:9px;letter-spacing:1.55px;font-weight:700;margin-top:2px}
nav {display:flex;gap:26px;align-items:center;font-size:14px;font-weight:600}
nav a:hover,.top a:hover,.quick a:hover {text-decoration:underline}
.button {display:inline-flex;gap:14px;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;background:var(--red);color:white;border:1px solid var(--red);border-radius:6px;font-weight:700;font-size:14px}
.button:hover {background:#8e1729}
.button.outline {background:white;color:var(--navy);border-color:#a8c3cd}
.button.outline:hover {background:var(--pale)}
.menu,.mobile-call {display:none}
.hero {background:linear-gradient(112deg,#edf7fa 0%,#f7fbfc 65%,#e2f3f3 100%);padding:42px 0 66px}
.hero-grid {display:grid;grid-template-columns:1.14fr .86fr;gap:54px;align-items:center}
.kicker {font-size:12px;letter-spacing:1.8px;font-weight:800;color:var(--teal);line-height:1.6}
.kicker span {display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--red)}
h1 {font-size:clamp(62px,7.7vw,112px);letter-spacing:-.075em;line-height:.91;margin:20px 0 16px;color:var(--navy)}
.hindi {font-size:20px;color:var(--teal);font-weight:700}
.intro {max-width:450px;margin-top:16px;color:var(--muted);font-size:17px;line-height:1.65}
.actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.portrait {position:relative;display:grid;justify-items:center;align-items:end;background:radial-gradient(ellipse at top,#d8eeee,#9ec9d8);border-radius:18px;overflow:hidden;min-height:390px;padding:16px 16px 0}
.portrait img {width:min(100%,310px);height:auto;border-radius:12px 12px 0 0;align-self:end}
.portrait figcaption {position:absolute;bottom:16px;left:16px;right:16px;padding:16px 20px;border-radius:9px;background:#07334bf5;color:white}
.portrait strong,.portrait span {display:block}
.portrait strong {font-size:20px}
.portrait span {font-size:13px;margin-top:5px;color:#d7ecef}
.quick {position:relative;margin-top:-30px;display:grid;grid-template-columns:repeat(3,1fr);background:var(--navy);color:white;border-radius:10px;overflow:hidden}
.quick div {padding:21px 25px}
.quick div+div {border-left:1px solid #ffffff35}
.quick-label {display:block;color:#c4e4e7;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:8px}
.quick strong,.quick a {font-size:19px;font-weight:700}
.section {padding-block:66px}
h2 {font-size:clamp(34px,4.3vw,53px);letter-spacing:-.05em;line-height:1.04;color:var(--navy);margin-top:8px}
h3 {font-size:21px;letter-spacing:-.3px}
.care-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}
.care-grid article,.visit-card {border:1px solid var(--line);border-radius:10px;padding:23px;background:var(--pale)}
.card-mark {width:28px;height:4px;border-radius:2px;background:var(--teal);margin-bottom:18px;font-size:0}
.care-grid p,.visit-card p,.experience p {margin-top:10px;color:var(--muted);line-height:1.62;font-size:15px}
.doctor {background:#e9f5f7;border-block:1px solid var(--line);padding-block:49px}
.doctor-grid,.visit {display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center}
.credentials {margin-top:15px;font-weight:700}
.registration {margin-top:8px;color:var(--muted);font-size:14px}
.experience {border-left:3px solid var(--teal);padding-left:20px}
address {font-style:normal;line-height:1.65;margin-top:17px;color:var(--muted)}
address strong,.experience strong {color:var(--ink)}
.visit-card h3 span {font-weight:500;font-size:16px}
.visit-card dl {margin-top:12px}
.visit-card dl div {display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.visit-card dd {font-weight:700}
footer {background:var(--navy);color:white;padding-block:26px}
.foot p {margin-top:6px;color:#c4e4e7;font-size:13px}
.foot a {white-space:nowrap;font-weight:700}
@media(max-width:900px) {
  .wrap {width:calc(100% - 44px)}
  .header-call {display:none}
  .hero-grid {gap:25px}
  .portrait {min-height:340px}
}
@media(max-width:660px) {
  .wrap {width:calc(100% - 32px)}
  .top-inner {min-height:34px;font-size:10px;gap:8px}
  .top-inner a {display:none}
  .header {min-height:66px;position:relative}
  .brand strong {font-size:21px}
  .brand img {width:40px;height:40px}
  .menu {display:block;border:1px solid var(--line);border-radius:5px;padding:8px 11px;background:white;color:var(--navy);font:inherit}
  nav {display:none}
  nav.is-open {display:grid;gap:0;position:absolute;top:60px;right:0;left:0;z-index:4;background:white;border:1px solid var(--line);box-shadow:0 8px 20px #07334b20}
  nav a {padding:13px 16px}
  .hero {padding-top:32px;padding-bottom:42px}
  .hero-grid,.doctor-grid,.visit,.care-grid {grid-template-columns:1fr}
  .hero-grid {gap:25px}
  h1 {font-size:clamp(56px,15vw,80px)}
  .intro {font-size:16px}
  .portrait {min-height:320px}
  .portrait img {width:260px}
  .quick {margin-top:-18px;grid-template-columns:1fr 1fr}
  .quick div {padding:14px}
  .quick div:last-child {grid-column:1/-1;border-left:0;border-top:1px solid #ffffff35}
  .quick strong,.quick a {font-size:16px}
  .quick-label {font-size:10px}
  .section {padding-block:42px}
  .doctor {padding-block:38px}
  .care-grid {gap:10px}
  footer {padding-bottom:84px}
  .foot {display:block}
  .foot a {display:inline-block;margin-top:12px}
  .mobile-call {display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:5;box-shadow:0 -3px 18px #07334b25}
  .mobile-call a {background:var(--red);color:white;text-align:center;padding:15px 4px;font-size:13px;font-weight:700}
  .mobile-call a+a {background:var(--navy)}
}
@media(prefers-reduced-motion:reduce) {
  :root {scroll-behavior:auto}
}

.treatment-hero {
  background:linear-gradient(112deg,#edf7fa,#e2f3f3);
  padding-block:48px;
}
.treatment-hero-grid {
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:36px;
  align-items:center;
}
.treatment-hero h1 {
  font-size:clamp(43px,6.4vw,83px);
  line-height:.98;
  overflow-wrap:anywhere;
}
.treatment-hero .intro {max-width:580px}
.breadcrumb {font-size:13px;color:var(--muted)}
a.breadcrumb,.reading a {text-decoration:underline}
.treatment-visit {
  padding:24px;
  border:1px solid var(--line);
  border-radius:10px;
  background:white;
}
.treatment-visit strong {font-size:19px}
.treatment-visit p {
  margin:10px 0 18px;
  color:var(--muted);
  line-height:1.6;
}
nav.section-links {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  padding-block:24px;
  border-bottom:1px solid var(--line);
}
.section-links a {
  padding:8px 11px;
  border-radius:5px;
  background:var(--pale);
  color:var(--navy);
}
.treatment-section {padding-top:45px;scroll-margin-top:20px}
.treatment-section h2 {font-size:clamp(30px,4vw,45px)}
.treatment-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:18px;
}
.treatment-grid article {
  border:1px solid var(--line);
  border-radius:10px;
  padding:22px;
}
.treatment-grid p,.treatment-faq p {
  color:var(--muted);
  line-height:1.65;
  margin-top:10px;
}
.treatment-faq {padding-bottom:55px}
.treatment-faq details {padding:15px 0;border-bottom:1px solid var(--line)}
.treatment-faq summary {font-weight:700;cursor:pointer}
.treatment-faq summary:focus-visible {outline:3px solid #2586bd;outline-offset:4px}
.treatment-faq .reading {margin-top:24px;font-size:13px}
nav a[aria-current="page"] {color:var(--teal);text-decoration:underline;text-underline-offset:4px}
@media(max-width:660px) {
  .treatment-hero-grid,.treatment-grid {grid-template-columns:1fr}
  .treatment-hero {padding-block:32px}
  .treatment-section {padding-top:32px}
  .treatment-grid article {padding:17px}
  .section-links a {font-size:13px}
}