:root {
  color-scheme: light;
  --navy: #112d4e;
  --blue: #2f63c7;
  --blue-dark: #234fa5;
  --mist: #f4f7fb;
  --line: #e4e9f2;
  --green: #20c56b;
  --gold: #c58a19;
  --ink: #111827;
  --muted: #647084;
  --white: #fff;
  --shadow: 0 18px 42px rgba(17, 45, 78, 0.11);
  --radius: 8px;
  --container: min(1200px, calc(100% - 40px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--mist);
  color: var(--ink);
  font-family: Lato, Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.65;
  overflow-x: hidden;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
:focus-visible { outline: 3px solid rgba(47, 99, 199, .3); outline-offset: 3px; }
.container { width: var(--container); margin: 0 auto; }
.skip-link { position: absolute; left: -999px; top: 8px; z-index: 300; background: var(--navy); color: #fff; padding: 8px 12px; border-radius: 6px; }
.skip-link:focus { left: 8px; }

[data-zoom-reveal] {
  opacity: 0;
  transform: scale(1.08);
  transform-origin: center;
  transition:
    opacity 760ms ease-out,
    transform 760ms cubic-bezier(.16, 1, .3, 1);
  transition-delay: 0ms;
  will-change: opacity, transform;
}
.zoom-delay-0 { transition-delay: 0ms; }
.zoom-delay-1 { transition-delay: 70ms; }
.zoom-delay-2 { transition-delay: 140ms; }
.zoom-delay-3 { transition-delay: 210ms; }
.zoom-delay-4 { transition-delay: 280ms; }
.zoom-delay-5 { transition-delay: 350ms; }
[data-zoom-reveal].is-zoom-visible {
  opacity: 1;
  transform: scale(1);
}
.zoom-reveal-ready .site-header {
  animation: zoomSettle 680ms cubic-bezier(.16, 1, .3, 1) both;
}
@keyframes zoomSettle {
  from { opacity: 0; transform: scale(1.05); }
  to { opacity: 1; transform: scale(1); }
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(14px);
}
.nav-shell {
  min-height: 74px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 22px;
}
.brand {
  width: 226px;
  height: 54px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(17,45,78,.1);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(245,249,255,.82));
  padding: 7px 13px;
  box-shadow: 0 10px 26px rgba(17,45,78,.08), inset 0 1px 0 rgba(255,255,255,.78);
}
.brand img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
  content: url("assets/brand/medtreatindia-logo-wordmark-transparent.png");
}
.site-nav { display: flex; justify-content: center; gap: 24px; font-size: .92rem; font-weight: 800; color: #263142; }
.site-nav a { padding: 8px 0; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: var(--blue); }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.nav-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); background: #fff; border-radius: 8px; flex-direction: column; gap: 5px; align-items: center; justify-content: center; }
.nav-toggle span { width: 20px; height: 2px; background: var(--ink); border-radius: 2px; }

.language-widget {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 40px;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,255,255,.66));
  padding: 0 10px;
  color: #263142;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.language-widget span {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 9px;
  background: rgba(47,99,199,.1);
  font-size: .72rem;
  font-weight: 900;
  color: #234fa5;
  text-transform: uppercase;
  letter-spacing: .02em;
}
.language-widget::after {
  content: "";
  position: absolute;
  right: 11px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-62%) rotate(45deg);
  pointer-events: none;
  opacity: .65;
}
.language-widget select {
  min-height: 38px;
  width: 172px;
  max-width: 172px;
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  font-size: .86rem;
  font-weight: 900;
  padding: 0 24px 0 0;
}
.language-widget select:focus { outline: 0; }
.language-nav-item { display: none; }

.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  border: 0;
  border-radius: 8px;
  padding: 12px 18px;
  cursor: pointer;
  font-weight: 900;
  line-height: 1.1;
  overflow: hidden;
}
.btn-primary {
  border: 1px solid rgba(255, 255, 255, .42);
  background:
    linear-gradient(135deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,.08) 36%, rgba(255,255,255,.16) 100%),
    linear-gradient(135deg, #b91c1c 0%, #8f101b 54%, #5f0711 100%);
  color: #fff;
  box-shadow: 0 16px 30px rgba(143, 16, 27, .36), inset 0 1px 0 rgba(255,255,255,.4);
  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);
}
.btn-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.36) 42%, transparent 64%);
  transform: translateX(-115%);
  transition: transform 620ms ease;
}
.btn-primary:hover {
  background:
    linear-gradient(135deg, rgba(255,255,255,.32) 0%, rgba(255,255,255,.1) 36%, rgba(255,255,255,.18) 100%),
    linear-gradient(135deg, #c8232c 0%, #9d1220 54%, #6f0814 100%);
  box-shadow: 0 20px 36px rgba(143, 16, 27, .46), inset 0 1px 0 rgba(255,255,255,.46);
}
.btn-primary:hover::before { transform: translateX(115%); }
.btn-primary > * { position: relative; z-index: 1; }
.btn-whatsapp { border: 1px solid rgba(32,197,107,.45); background: #fff; color: #11a95a; }
.btn-whatsapp:hover { background: #ecfff5; }
.btn-outline-light { border: 1px solid rgba(255,255,255,.36); background: rgba(255,255,255,.08); color: #fff; }
.btn-mail {
  border: 1px solid rgba(255,255,255,.34);
  background: linear-gradient(135deg, #2f63c7 0%, #234fa5 100%);
  color: #fff;
  box-shadow: 0 14px 28px rgba(47,99,199,.3), inset 0 1px 0 rgba(255,255,255,.28);
}
.btn-mail:hover {
  background: linear-gradient(135deg, #3b73dd 0%, #2f63c7 100%);
  box-shadow: 0 18px 34px rgba(47,99,199,.38), inset 0 1px 0 rgba(255,255,255,.34);
}
.btn-small { min-height: 40px; padding: 10px 15px; }
.btn-full { width: 100%; }
.text-link { color: var(--blue); font-weight: 900; }

.hero { position: relative; overflow: hidden; background: var(--navy); color: #fff; }
.hero-bg { position: absolute; inset: 0; }
.hero-bg img { width: 100%; height: 100%; object-fit: cover; opacity: .42; filter: saturate(.92) contrast(1.04); }
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(3,10,26,.94) 0%, rgba(10,28,58,.82) 52%, rgba(7,30,58,.62) 100%),
    linear-gradient(180deg, rgba(10,28,58,.2) 0%, rgba(4,10,28,.56) 100%);
}
.hero-home::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 42%;
  z-index: 1;
  background: linear-gradient(180deg, transparent, rgba(7,22,44,.62));
  pointer-events: none;
}
.hero-layout {
  position: relative;
  z-index: 2;
  min-height: 640px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(440px, 460px);
  align-items: center;
  gap: 64px;
  padding: 78px 0;
}
.eyebrow { margin: 0 0 14px; color: var(--gold); text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; font-weight: 900; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 720px; margin-bottom: 20px; font-size: clamp(2.45rem, 5.8vw, 4.65rem); line-height: 1.05; letter-spacing: -0.02em; }
h2 { color: var(--ink); margin-bottom: 12px; font-size: clamp(2rem, 4.5vw, 3.1rem); line-height: 1.12; letter-spacing: -0.015em; }
h3 { margin-bottom: 8px; color: var(--ink); line-height: 1.2; }
.hero-copy p:not(.eyebrow) { max-width: 650px; color: rgba(255,255,255,.82); font-size: 1.08rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 30px; }
.hero-actions.center { justify-content: center; }
.hero-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 720px;
  margin-top: 26px;
}
.hero-trust span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  background: rgba(255,255,255,.09);
  color: rgba(255,255,255,.9);
  font-size: .86rem;
  font-weight: 900;
  backdrop-filter: blur(12px);
}
.hero-trust span::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 9px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 0 4px rgba(32,197,107,.16);
}

.journey-card {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.92)),
    #fff;
  color: var(--ink);
  border: 1px solid rgba(203,213,225,.9);
  border-radius: 14px;
  box-shadow: 0 28px 70px rgba(17,45,78,.16);
  padding: 30px;
}
.journey-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--gold), var(--green), var(--blue), var(--red));
}
.journey-card::after {
  content: "";
  position: absolute;
  top: -80px;
  right: -90px;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(47,99,199,.16), transparent 68%);
  pointer-events: none;
}
.hero-home .journey-card {
  margin-top: 58px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(255,255,255,.62);
  box-shadow: 0 28px 70px rgba(4,10,28,.3);
  backdrop-filter: blur(18px) saturate(1.15);
}
.hero-home .journey-card input,
.hero-home .journey-card select,
.hero-home .journey-card textarea {
  background: rgba(255,255,255,.78);
  border-color: rgba(203,213,225,.82);
}
.journey-card h2 {
  position: relative;
  z-index: 1;
  font-size: 1.7rem;
  margin-bottom: 7px;
  letter-spacing: 0;
}
.journey-card p {
  position: relative;
  z-index: 1;
  color: var(--muted);
  font-size: .96rem;
  line-height: 1.65;
}
.consult-form {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 14px;
  margin-top: 16px;
}
.consult-form button:disabled { opacity: .68; cursor: wait; }
.form-warning {
  margin: -2px 0 0;
  padding: 12px 13px;
  border: 1px solid rgba(205,143,35,.24);
  border-radius: 10px;
  background: rgba(255,245,217,.86);
  color: #755300;
  font-size: .84rem;
  line-height: 1.6;
}
.consent-check {
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 10px;
  color: var(--muted);
  font-size: .83rem;
  font-weight: 700;
  line-height: 1.55;
}
.consent-check input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
}
.form-honeypot {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.lead-popup-open {
  overflow: hidden;
}

.lead-popup {
  position: fixed;
  inset: 0;
  z-index: 260;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(9, 16, 32, .62);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: opacity .24s ease, transform .24s ease;
}
.lead-popup[hidden] { display: none; }
.lead-popup__backdrop {
  position: absolute;
  inset: 0;
}
.lead-popup__panel {
  position: relative;
  z-index: 1;
  width: min(100%, 520px);
  max-height: min(88vh, 760px);
  overflow: auto;
  border: 1px solid rgba(17,45,78,.14);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,249,255,.94));
  box-shadow: 0 28px 80px rgba(9,16,32,.34);
  padding: 22px 22px 20px;
}
.lead-popup__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(17,45,78,.1);
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  color: var(--navy);
  font-size: 1.6rem;
  line-height: 1;
  box-shadow: 0 10px 20px rgba(17,45,78,.09);
}
.lead-popup__eyebrow {
  margin: 0 42px 8px 0;
  color: var(--gold);
  font-size: .78rem;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.lead-popup__panel h2 {
  margin: 0 42px 8px 0;
  font-size: 1.75rem;
  line-height: 1.15;
}
.lead-popup__copy {
  margin: 0 42px 18px 0;
  color: var(--muted);
  font-size: .95rem;
  line-height: 1.65;
}
.lead-popup__form {
  margin-top: 0;
  gap: 12px;
}
.lead-popup__form label {
  font-size: .84rem;
}
.lead-popup__form .form-warning {
  margin-top: 2px;
}
.lead-popup__form .consent-check {
  margin-top: 2px;
}
.lead-popup__form .btn {
  min-height: 48px;
}
.lead-popup.is-open {
  opacity: 1;
  transform: translateY(0);
}

:root[data-theme="dark"] .lead-popup {
  background: rgba(3, 8, 18, .72);
}
:root[data-theme="dark"] .lead-popup__panel {
  border-color: rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(12,18,34,.98), rgba(14,24,44,.94));
  color: #eef4ff;
}
:root[data-theme="dark"] .lead-popup__close {
  background: rgba(18, 27, 48, .96);
  border-color: rgba(255,255,255,.12);
  color: #eef4ff;
}
:root[data-theme="dark"] .lead-popup__copy,
:root[data-theme="dark"] .lead-popup__form label {
  color: #d8e3fb;
}
:root[data-theme="dark"] .lead-popup__form .form-warning {
  background: rgba(50, 39, 16, .72);
  border-color: rgba(205,143,35,.28);
  color: #f4dfab;
}

@media (max-width: 640px) {
  .lead-popup {
    padding: 14px;
    align-items: flex-end;
  }
  .lead-popup__panel {
    width: 100%;
    max-height: calc(100vh - 28px);
    border-radius: 20px 20px 16px 16px;
    padding: 18px 16px 16px;
  }
  .lead-popup__panel h2 {
    font-size: 1.45rem;
  }
}
.form-row {
  display: grid;
  grid-template-columns: minmax(145px, .86fr) minmax(230px, 1.24fr);
  gap: 12px;
}
.phone-composite {
  display: grid;
  grid-template-columns: minmax(58px, auto) minmax(0, 1fr);
  align-items: stretch;
  gap: 8px;
  min-width: 0;
}
.phone-code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  padding: 0 10px;
  border: 1px solid rgba(47,99,199,.18);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(239,246,255,.98), rgba(232,244,238,.92));
  color: var(--navy);
  font-weight: 950;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
}
.phone-composite input {
  min-width: 0;
  padding-left: 11px;
  padding-right: 11px;
  font-variant-numeric: tabular-nums;
}
.hero-controls {
  position: absolute;
  top: 28px;
  right: max(26px, calc((100vw - 1200px) / 2 + 26px));
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  background: rgba(8,22,50,.32);
  box-shadow: 0 18px 42px rgba(4,10,28,.24);
  backdrop-filter: blur(18px) saturate(1.18);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
}
.hero-controls .language-widget {
  min-height: 42px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,255,255,.74));
  border-color: rgba(255,255,255,.52);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.76);
}
.theme-toggle {
  position: absolute;
  top: 28px;
  right: max(26px, calc((100vw - 1200px) / 2 + 26px));
  z-index: 4;
  min-height: 42px;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,255,255,.74));
  color: #112d4e;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 13px 8px 9px;
  font-size: .84rem;
  font-weight: 950;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.76);
  backdrop-filter: blur(14px);
}
.hero-controls .theme-toggle {
  position: static;
}
.theme-toggle:hover {
  background: rgba(255,255,255,.96);
  transform: translateY(-1px);
}
.theme-toggle-icon {
  position: relative;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #f5b51b;
  box-shadow: 0 0 0 4px rgba(245,181,27,.18);
}
.theme-toggle-icon::before,
.theme-toggle-icon::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}
.theme-toggle-icon::before {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: repeating-conic-gradient(#f5b51b 0deg 10deg, transparent 10deg 30deg);
  opacity: .9;
}
.theme-toggle-icon::after {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f5b51b;
}
:root[data-theme="dark"] .theme-toggle-icon {
  background: #dce9ff;
  box-shadow: inset -7px -4px 0 #7ba5ff, 0 0 0 4px rgba(112,162,255,.18);
}
:root[data-theme="dark"] .theme-toggle-icon::before {
  display: none;
}
:root[data-theme="dark"] .theme-toggle-icon::after {
  width: 24px;
  height: 24px;
  background: transparent;
  box-shadow: inset -7px -4px 0 #7ba5ff;
}
.form-status {
  margin: 0;
  padding: 11px 13px;
  border-radius: 8px;
  background: #eef6ff;
  color: var(--navy);
  font-size: .9rem;
  font-weight: 800;
}
.form-status[data-status="success"] {
  background: #e9f8f0;
  color: #0f7a43;
}
.form-status[data-status="error"] {
  background: #fff1f0;
  color: #a6281d;
}
label { display: grid; gap: 7px; color: #273247; font-size: .86rem; font-weight: 900; }
input, select, textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  padding: 12px 13px;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
textarea { resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--blue); outline: none; box-shadow: 0 0 0 4px rgba(47,99,199,.12); }
input[aria-invalid="true"] {
  border-color: var(--red);
  box-shadow: 0 0 0 4px rgba(193,59,55,.12);
}

.section { padding: 86px 0; background: #fff; }
.section-soft { background: var(--mist); }
.section-head { max-width: 760px; margin: 0 auto 42px; text-align: center; }
.section-head p, .section-topline p, .page-hero p { color: var(--muted); }
.section-topline { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 26px; }
.section-kicker {
  display: inline-flex;
  margin-bottom: 9px;
  color: var(--gold);
  font-size: .78rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.text-link-strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 999px;
  background: var(--navy);
  color: #fff;
  box-shadow: 0 12px 24px rgba(17,45,78,.18);
}

.steps-row {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 18px;
  text-align: center;
}
.process-roadmap-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 12%, rgba(47,99,199,.09), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(32,197,107,.08), transparent 30%),
    linear-gradient(180deg, #f4f8fc 0%, #eef3f8 100%);
}
.process-roadmap-section .section-head {
  margin-bottom: 54px;
}
.roadmap-steps {
  align-items: stretch;
  isolation: isolate;
}
.roadmap-steps::before {
  content: "";
  position: absolute;
  left: 7%;
  right: 7%;
  top: 40px;
  height: 4px;
  border-radius: 999px;
  background:
    linear-gradient(90deg, var(--blue), var(--green), var(--gold), var(--red));
  opacity: .25;
  z-index: 0;
}
.roadmap-steps article {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: start;
  min-height: 238px;
  padding: 20px 16px 18px;
  border: 1px solid rgba(203,213,225,.88);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.94)),
    #fff;
  box-shadow: 0 16px 40px rgba(17,45,78,.08);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
  outline: none;
}
.roadmap-steps article:nth-child(even) {
  transform: translateY(20px);
}
.roadmap-steps article::before {
  content: "";
  position: absolute;
  top: -32px;
  left: 50%;
  width: 2px;
  height: 34px;
  background: linear-gradient(180deg, rgba(47,99,199,.42), transparent);
  transform: translateX(-50%);
}
.roadmap-steps article::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(47,99,199,.08), transparent 36%, rgba(32,197,107,.07));
  opacity: 0;
  transition: opacity .28s ease;
  pointer-events: none;
}
.roadmap-steps article:hover,
.roadmap-steps article:focus-visible {
  transform: translateY(-12px);
  border-color: rgba(47,99,199,.36);
  box-shadow: 0 26px 60px rgba(17,45,78,.18);
}
.roadmap-steps article:nth-child(even):hover,
.roadmap-steps article:nth-child(even):focus-visible {
  transform: translateY(4px);
}
.roadmap-steps article:hover::after,
.roadmap-steps article:focus-visible::after {
  opacity: 1;
}
.steps-row article { padding: 18px 12px; }
.roadmap-steps article { padding: 20px 16px 18px; }
.steps-row span, .pulse-icon {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #e9f0ff;
  color: var(--blue);
  font-weight: 900;
  margin-bottom: 12px;
}
.roadmap-steps span {
  position: relative;
  z-index: 2;
  width: 54px;
  height: 54px;
  margin: -46px auto 18px;
  border: 5px solid #f4f8fc;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--navy), var(--blue));
  color: #fff;
  box-shadow: 0 12px 26px rgba(47,99,199,.24);
  transition: transform .28s ease, box-shadow .28s ease, background .28s ease;
}
.roadmap-steps article:hover span,
.roadmap-steps article:focus-visible span {
  transform: scale(1.08);
  background: linear-gradient(135deg, var(--red), var(--gold));
  box-shadow: 0 18px 34px rgba(193,59,55,.22);
}
.roadmap-steps h3 {
  margin: 0 0 10px;
  font-size: 1.05rem;
}
.steps-row p { color: var(--muted); font-size: .92rem; margin: 0; }
.roadmap-steps p {
  min-height: 48px;
  line-height: 1.55;
}
.roadmap-steps strong {
  display: block;
  max-height: 0;
  margin-top: 0;
  overflow: hidden;
  color: var(--navy);
  font-size: .84rem;
  line-height: 1.5;
  opacity: 0;
  transition: max-height .28s ease, opacity .28s ease, margin-top .28s ease;
}
.roadmap-steps article:hover strong,
.roadmap-steps article:focus-visible strong {
  max-height: 80px;
  margin-top: 12px;
  opacity: 1;
}

.feature-photo { background: #fff; padding: 74px 0; }
.feature-photo figure { margin: 0 auto; max-width: 880px; position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); }
.feature-photo img { width: 100%; height: 360px; object-fit: cover; }
.feature-photo figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 38px 28px 24px; color: #fff; font-size: 1.45rem; font-weight: 900; background: linear-gradient(transparent, rgba(0,0,0,.72)); }

.mini-card-grid, .treatment-directory {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 22px;
}
.mini-card-grid article, .treatment-directory article, .story-card, .security-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: 0 12px 26px rgba(17,45,78,.055);
}
.mini-card-grid p, .treatment-directory p, .story-card p, .security-card p { color: var(--muted); font-size: .94rem; }
.mini-card-grid a, .treatment-directory a { color: var(--blue); font-weight: 900; }
.treatments-hero {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255,255,255,.94) 0%, rgba(244,247,251,.92) 58%, rgba(231,239,252,.96) 100%),
    radial-gradient(circle at 85% 15%, rgba(32,197,107,.16), transparent 30%),
    radial-gradient(circle at 12% 25%, rgba(47,99,199,.12), transparent 28%);
}
.treatment-directory-section {
  background:
    linear-gradient(180deg, #f8fbff 0%, #fff 45%, #f4f7fb 100%);
}
.treatment-preview {
  background:
    linear-gradient(180deg, #fff 0%, #f7fafc 100%);
  position: relative;
}
.treatment-preview .section-topline {
  align-items: center;
  padding-bottom: 8px;
}
.treatment-grid {
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 20px;
}
.treatment-card {
  position: relative;
  min-height: 340px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
  border-color: #dbe5f1;
  box-shadow: 0 18px 36px rgba(17,45,78,.075);
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}
.mini-card-grid article.treatment-card,
.treatment-directory article.treatment-card {
  padding: 0;
}
.treatment-card:hover {
  transform: translateY(-6px);
  border-color: rgba(47,99,199,.32);
  box-shadow: 0 28px 58px rgba(17,45,78,.14);
}
.treatment-card-media {
  position: relative;
  overflow: hidden;
  background: #dce7f5;
}
.treatment-card-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(4,10,28,.02) 35%, rgba(4,10,28,.52) 100%);
  pointer-events: none;
}
.treatment-card-media img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transform: scale(1.01);
  transition: transform 520ms ease;
}
.treatment-card:hover .treatment-card-media img {
  transform: scale(1.06);
}
.treatment-card-media span {
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  border-radius: 999px;
  padding: 6px 11px;
  background: rgba(255,255,255,.92);
  color: var(--navy);
  font-size: .78rem;
  font-weight: 950;
  box-shadow: 0 10px 22px rgba(4,10,28,.16);
  backdrop-filter: blur(10px);
}
.treatment-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 22px 22px 24px;
}
.treatment-icon {
  width: 48px;
  height: 48px;
  display: inline-grid;
  place-items: center;
  margin-bottom: 18px;
  border-radius: 14px;
  background: linear-gradient(135deg, #eef4ff, #eaf9f0);
  color: var(--navy);
  font-weight: 950;
  box-shadow: inset 0 0 0 1px rgba(47,99,199,.08);
}
.treatment-card h3 {
  margin-bottom: 8px;
  font-size: 1.18rem;
}
.treatment-card p {
  margin-bottom: 22px;
}
.treatment-directory-card {
  min-height: 385px;
}
.treatment-cta {
  margin-top: auto;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(47,99,199,.1);
  color: var(--blue-dark);
  box-shadow: inset 0 0 0 1px rgba(47,99,199,.16);
}
.treatment-cta:hover {
  background: var(--blue);
  color: #fff;
}

.value-strip-section { position: relative; }
.value-strip-grid {
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 22px;
}
.value-strip-grid article {
  position: relative;
  overflow: hidden;
}
.value-strip-grid article::after {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--blue), var(--green), var(--gold));
}
.blog-preview-section {
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(246,249,253,.92) 100%);
}
.blog-preview-card,
.blog-card,
.article-toc,
.article-cta,
.blog-article-body,
.blog-feature-card {
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow);
}
.blog-preview-card {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  overflow: hidden;
  background: #fff;
}
.blog-preview-media img {
  width: 100%;
  height: 100%;
  min-height: 340px;
  object-fit: cover;
}
.blog-preview-media img.focus-top,
.blog-card img.focus-top,
.blog-article-hero img.focus-top {
  object-position: 50% 12%;
}
.blog-preview-body {
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
}
.blog-meta {
  margin: 0;
  color: var(--gold);
  font-size: .82rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.blog-preview-body h3,
.blog-card h3 {
  margin: 0;
  font-size: clamp(1.7rem, 2.8vw, 2.3rem);
  line-height: 1.12;
}
.blog-preview-body p:last-of-type,
.blog-card p {
  margin: 0;
  color: var(--muted);
}
.blog-preview-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}
.blog-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 26px;
}
.blog-card,
.blog-feature-card {
  overflow: hidden;
  background: #fff;
}
.blog-card img,
.blog-feature-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.blog-card-body,
.blog-feature-body {
  padding: 24px;
}
.blog-card-body h3 {
  font-size: 1.45rem;
}
.blog-list-note {
  margin-top: 18px;
  color: var(--muted);
}
.blog-article-shell {
  display: grid;
  grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}
.article-toc {
  position: sticky;
  top: 98px;
  padding: 22px 20px;
  background: linear-gradient(180deg, #f8fbff 0%, #f2f6fb 100%);
}
.article-toc h2 {
  margin: 0 0 12px;
  font-size: 1rem;
}
.article-toc a {
  display: block;
  margin: 10px 0;
  color: var(--muted);
  font-weight: 800;
}
.article-toc a:hover {
  color: var(--blue);
}
.blog-article-body {
  overflow: hidden;
  background: #fff;
}
.blog-article-hero {
  position: relative;
}
.blog-article-hero img {
  width: 100%;
  height: 420px;
  object-fit: cover;
}
.blog-article-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 52%;
  background: linear-gradient(180deg, transparent, rgba(5,11,28,.8));
}
.blog-article-hero-copy {
  position: absolute;
  left: 34px;
  right: 34px;
  bottom: 28px;
  z-index: 1;
  color: #fff;
}
.blog-article-hero-copy h1 {
  margin: 8px 0 10px;
  max-width: 760px;
  font-size: clamp(2.3rem, 4.2vw, 4rem);
  line-height: 1.04;
}
.blog-article-hero-copy p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.84);
  font-size: 1.04rem;
}
.blog-article-content {
  padding: 34px 34px 38px;
}
.blog-article-content p,
.blog-article-content li {
  color: #273247;
  font-size: 1.02rem;
}
.blog-article-content h2 {
  margin-top: 34px;
  margin-bottom: 12px;
  font-size: 1.8rem;
}
.blog-article-content ul {
  padding-left: 22px;
}
.article-lead {
  font-size: 1.12rem;
  color: var(--muted);
}
.article-inline-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 18px;
}
.article-photo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 30px 0 12px;
}
.article-photo-card {
  margin: 0;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(17, 45, 78, 0.1);
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fd 100%);
  box-shadow: 0 18px 42px rgba(12, 23, 50, 0.12);
}
.article-photo-card img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  display: block;
}
.article-photo-card figcaption {
  padding: 14px 16px 16px;
  color: #55637d;
  font-size: 0.96rem;
  line-height: 1.55;
}
.article-inline-links a {
  color: var(--blue);
  font-weight: 900;
}
.article-cta {
  margin-top: 34px;
  padding: 28px;
  background:
    radial-gradient(circle at top left, rgba(47,99,199,.1), transparent 38%),
    linear-gradient(135deg, #f8fbff 0%, #eef4fb 100%);
}
.article-cta h2 {
  margin-top: 0;
}
.article-cta p {
  margin-bottom: 18px;
}
.blog-date {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 6px 12px;
  background: rgba(255,255,255,.14);
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.hospital-showcase {
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 20px;
}
.hospital-slider {
  position: relative;
  min-height: 660px;
  overflow: hidden;
}
.hospital-slider article {
  position: absolute;
  top: 0;
  left: 50%;
  width: min(720px, 72vw);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: 0 16px 34px rgba(17,45,78,.08);
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) scale(.72);
  transition: transform 1100ms cubic-bezier(.16, 1, .3, 1), opacity 700ms ease, filter 900ms ease, box-shadow 900ms ease;
  will-change: transform, opacity;
}
.hospital-slider article.is-active {
  z-index: 3;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) scale(1);
  filter: none;
  box-shadow: 0 22px 52px rgba(17,45,78,.14);
}
.hospital-slider article.is-prev {
  z-index: 2;
  opacity: .6;
  transform: translateX(-116%) translateY(44px) scale(.72);
  filter: saturate(.86);
}
.hospital-slider article.is-next {
  z-index: 2;
  opacity: .6;
  transform: translateX(16%) translateY(44px) scale(.72);
  filter: saturate(.86);
}
.hospital-slider article.is-hidden {
  z-index: 1;
  opacity: 0;
  transform: translateX(-50%) translateY(80px) scale(.62);
}
.hospital-slider img { width: 100%; aspect-ratio: 4 / 3; height: auto; object-fit: cover; }
.hospital-slider h3, .hospital-slider p { padding: 0 18px; }
.hospital-slider h3 { margin: 18px 0 4px; color: var(--ink); font-size: 1.35rem; line-height: 1.2; }
.hospital-slider p { color: var(--muted); margin: 0 0 22px; font-size: 1rem; }
.hospital-arrow {
  position: absolute;
  top: 50%;
  z-index: 5;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(228,233,242,.96);
  border-radius: 50%;
  background: rgba(255,255,255,.94);
  color: var(--navy);
  box-shadow: 0 14px 28px rgba(17,45,78,.14);
  cursor: pointer;
  font-size: 2rem;
  line-height: 1;
  transform: translateY(-50%);
}
.hospital-arrow:hover { color: var(--blue); background: #fff; }
.hospital-arrow-prev { left: 16px; }
.hospital-arrow-next { right: 16px; }
.logo-marquee { margin-top: 36px; overflow: hidden; border: 1px solid var(--line); background: #fff; border-radius: var(--radius); }
.logo-track { display: flex; width: max-content; animation: marquee 22s linear infinite; }
.logo-track .logo-item {
  min-width: 230px;
  height: 92px;
  padding: 18px 34px;
  display: grid;
  place-items: center;
  border-right: 1px solid var(--line);
}
.logo-track img {
  display: block;
  width: 100%;
  max-width: 176px;
  max-height: 58px;
  object-fit: contain;
}
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.stories-section { background: #050b1c; color: #fff; }
.stories-section h2, .cta-band h2 { color: #fff; }
.stories-section .section-head p, .cta-band p { color: rgba(255,255,255,.72); }
.story-options { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; }
.story-options a {
  background: #111a31;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--radius);
  color: #fff;
  padding: 30px;
}
.story-options span { color: var(--gold); font-size: 1.5rem; }
.story-options h3 { color: #fff; }
.story-options p { margin: 0; color: rgba(255,255,255,.72); }

.testimonial-feature-section {
  background: linear-gradient(180deg, #f5f8fb 0%, #eef3f7 100%);
}
.testimonial-feature-section .section-head {
  text-align: center;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
.testimonial-feature-section .section-head h2 {
  font-size: clamp(2.4rem, 5vw, 4.1rem);
}
.testimonial-feature-card {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(340px, .95fr);
  max-width: 1024px;
  margin: 46px auto 0;
  overflow: hidden;
  background: #e7e7e7;
  border: 1px solid rgba(17,45,78,.08);
  border-radius: 28px;
  box-shadow: 0 32px 70px rgba(17,45,78,.13);
}
.testimonial-video-panel {
  position: relative;
  min-height: 346px;
  background: #e7e7e7;
}
.testimonial-video,
.testimonial-video-thumb {
  width: 100%;
  height: 100%;
  min-height: 346px;
  display: block;
  border: 0;
}
.testimonial-video-thumb {
  position: relative;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  background: #101827;
}
.testimonial-video-thumb img {
  width: 100%;
  height: 100%;
  min-height: 346px;
  object-fit: cover;
  filter: saturate(.96) contrast(1.03);
  transition: transform 380ms ease-out, filter 380ms ease-out;
}
.testimonial-video-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(5,11,28,.04), rgba(5,11,28,.28));
}
.testimonial-video-thumb:hover img {
  transform: scale(1.035);
  filter: saturate(1.04) contrast(1.06);
}
.testimonial-play-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 78px;
  height: 78px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 18px 42px rgba(5,11,28,.24);
  transform: translate(-50%, -50%);
}
.testimonial-play-icon::before {
  content: "";
  width: 0;
  height: 0;
  margin-left: 5px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 23px solid var(--blue);
}
.testimonial-video-label {
  position: absolute;
  z-index: 3;
  left: 22px;
  border-radius: 999px;
  font-size: .9rem;
  font-weight: 950;
}
.testimonial-video-label {
  bottom: 22px;
  padding: 9px 13px;
  background: rgba(255,255,255,.92);
  color: var(--navy);
  box-shadow: 0 12px 28px rgba(5,11,28,.22);
}
.testimonial-story-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  padding: 42px 40px;
  background: #111d32;
  color: #fff;
}
.testimonial-kicker {
  margin: 0;
  color: #f5c429;
  font-size: .86rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.testimonial-story-panel h3 {
  margin: 0;
  color: #fff;
  font-size: 1.7rem;
}
.testimonial-meta {
  margin: 0;
  color: #f5c429;
  font-weight: 800;
}
.testimonial-story-panel p:not(.testimonial-kicker):not(.testimonial-meta) {
  margin: 0;
  color: rgba(255,255,255,.82);
  font-size: 1.04rem;
}
.testimonial-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
}

.cta-band { background: linear-gradient(135deg, var(--blue), #0d47b8); color: #fff; text-align: center; }
.page-hero { padding: 78px 0 44px; background: var(--mist); text-align: center; }
.page-hero h1 { color: var(--ink); margin-left: auto; margin-right: auto; font-size: clamp(2.4rem, 5vw, 4rem); }
.page-hero p { max-width: 720px; margin: 0 auto; font-size: 1.08rem; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 42px; align-items: center; }
.content-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 30px; box-shadow: var(--shadow); }
.privacy-policy { max-width: 920px; }
.privacy-policy h2 {
  margin-top: 28px;
  font-size: 1.35rem;
  line-height: 1.25;
}
.privacy-policy p { color: var(--muted); }
.image-card { overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); }
.image-card img { width: 100%; height: 380px; object-fit: cover; }
.testimonial-grid, .security-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.written-testimonials-section { background: linear-gradient(180deg, #fff 0%, #f5f8fb 100%); }
.written-testimonial-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 28px;
  align-items: start;
}
.written-testimonial-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 22px 48px rgba(17,45,78,.12);
}
.written-testimonial-card img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: top center;
}
.written-testimonial-card div {
  padding: 18px 20px 22px;
}
.written-testimonial-card h2 {
  margin-bottom: 4px;
  font-size: 1.18rem;
}
.written-testimonial-card p {
  margin: 0;
  color: var(--muted);
  font-weight: 800;
}
.video-box, .video-embed { aspect-ratio: 16/9; width: 100%; border: 0; border-radius: var(--radius); background: #0b1226; display: grid; place-items: center; color: #fff; font-weight: 900; }

.site-footer { background: #050b1c; color: rgba(255,255,255,.72); padding: 64px 0 26px; }
.footer-grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr 1fr; gap: 36px; }
.site-footer .footer-grid > div:first-child > img {
  width: 230px;
  min-height: 52px;
  object-fit: contain;
  object-position: left center;
  content: url("assets/brand/medtreatindia-logo-wordmark-dark.png");
  margin-bottom: 18px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
  padding: 8px 13px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.site-footer h2 { color: #fff; font-size: 1rem; }
.site-footer a { display: block; margin: 8px 0; color: rgba(255,255,255,.75); }
.site-footer a:hover { color: #fff; }
.disclaimer { margin-top: 36px; background: #111a31; border-radius: 8px; padding: 20px; text-align: center; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 30px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.12); font-size: .9rem; }

.floating-wa {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 90;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--green);
  color: #fff;
  box-shadow: 0 16px 30px rgba(32,197,107,.32);
}
.whatsapp-icon {
  width: 1.25em;
  height: 1.25em;
  display: inline-block;
  vertical-align: -.18em;
  object-fit: contain;
  flex: 0 0 auto;
}
.floating-wa img {
  width: 52px;
  height: 52px;
  object-fit: contain;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --blue: #70a2ff;
    --blue-dark: #4f82ef;
    --mist: #0b1220;
    --line: rgba(148,163,184,.24);
    --ink: #f4f7fb;
    --muted: #a8b5c7;
    --shadow: 0 22px 52px rgba(0,0,0,.34);
  }

  body {
    background: #070d19;
    color: var(--ink);
  }

  .site-header {
    background: rgba(8,14,27,.9);
    border-bottom-color: rgba(148,163,184,.18);
  }

  .brand {
    border-color: rgba(148,163,184,.22);
    background: linear-gradient(135deg, rgba(15,23,42,.96), rgba(15,23,42,.68));
    box-shadow: 0 12px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);
  }
  .brand img { content: url("assets/brand/medtreatindia-logo-wordmark-dark.png"); }

  .site-nav { color: #dbe6f5; }
  .site-nav a:hover,
  .site-nav a[aria-current="page"] { color: #8fb6ff; }

  .nav-toggle {
    background: rgba(15,23,42,.94);
    border-color: rgba(148,163,184,.26);
  }

  .language-widget {
    background: linear-gradient(135deg, rgba(15,23,42,.9), rgba(15,23,42,.68));
    border-color: rgba(148,163,184,.26);
    color: #dbe6f5;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
  }
  .language-widget span { background: rgba(112,162,255,.14); color: #b7d0ff; }
  .language-widget select { color: #f4f7fb; }
  .language-widget select option { color: #111827; }

  .btn-whatsapp {
    background: rgba(9,20,36,.82);
    color: #72e6a3;
    border-color: rgba(32,197,107,.42);
  }

  .btn-whatsapp:hover { background: rgba(18,54,38,.9); }

  .hero-bg img { opacity: .34; filter: saturate(.85) contrast(1.06); }
  .hero::after {
    background:
      linear-gradient(90deg, rgba(2,6,18,.96) 0%, rgba(8,18,38,.9) 54%, rgba(7,25,49,.74) 100%),
      linear-gradient(180deg, rgba(2,6,18,.18) 0%, rgba(2,6,18,.68) 100%);
  }

  .journey-card,
  .mini-card-grid article,
  .treatment-directory article,
  .story-card,
  .security-card,
  .content-card,
  .hospital-slider article {
    background: #101827;
    border-color: rgba(148,163,184,.2);
    box-shadow: var(--shadow);
  }

  .hero-home .journey-card {
    background: rgba(15,23,42,.7);
    border-color: rgba(255,255,255,.18);
    box-shadow: 0 30px 80px rgba(0,0,0,.42);
  }

  .hero-home .journey-card input,
  .hero-home .journey-card select,
  .hero-home .journey-card textarea,
  input,
  select,
  textarea {
    background: rgba(15,23,42,.78);
    color: var(--ink);
    border-color: rgba(148,163,184,.28);
  }

  input::placeholder,
  textarea::placeholder { color: #8493a8; }

  label { color: #d9e4f2; }

  .section,
  .feature-photo {
    background: #080f1d;
  }

  .section-soft,
  .page-hero {
    background: #0b1220;
  }

  .treatments-hero,
  .treatment-directory-section,
  .treatment-preview {
    background: linear-gradient(180deg, #080f1d 0%, #0b1220 100%);
  }

  .treatment-card-media { background: #111c2f; }
  .treatment-card-media span {
    background: rgba(15,23,42,.88);
    color: #dce9ff;
    box-shadow: 0 12px 24px rgba(0,0,0,.28);
  }
  .treatment-card-media::after {
    background: linear-gradient(180deg, rgba(2,6,18,.04) 35%, rgba(2,6,18,.72) 100%);
  }

  .treatment-icon,
  .steps-row span,
  .pulse-icon {
    background: rgba(112,162,255,.14);
    color: #9fc0ff;
    box-shadow: inset 0 0 0 1px rgba(112,162,255,.12);
  }

  .treatment-cta {
    background: rgba(112,162,255,.14);
    color: #b6ccff;
    box-shadow: inset 0 0 0 1px rgba(112,162,255,.2);
  }

  .treatment-cta:hover {
    background: var(--blue);
    color: #061224;
  }

  .text-link-strong {
    background: #dce9ff;
    color: #0b2142;
  }

  .logo-marquee,
  .logo-track .logo-item {
    background: #fff;
    border-color: #dbe3ef;
  }

  .testimonial-feature-section {
    background: linear-gradient(180deg, #080f1d 0%, #0b1220 100%);
  }

  .testimonial-feature-card,
  .testimonial-video-panel {
    background: #0f172a;
    border-color: rgba(148,163,184,.18);
    box-shadow: var(--shadow);
  }

  .page-hero h1,
  h2,
  h3,
  .hospital-slider h3 {
    color: var(--ink);
  }

  .form-status {
    background: rgba(112,162,255,.14);
    color: #dce9ff;
  }

  .form-status[data-status="success"] {
    background: rgba(32,197,107,.16);
    color: #95f0bd;
  }

  .form-status[data-status="error"] {
    background: rgba(239,68,68,.16);
    color: #ffb4ae;
  }

  .image-card {
    box-shadow: var(--shadow);
  }

  .site-nav.is-open {
    background: rgba(15,23,42,.98);
    border-color: rgba(148,163,184,.24);
  }
}

@media (max-width: 1080px) {
  .nav-shell { grid-template-columns: auto auto; }
  .nav-toggle { display: flex; justify-self: end; }
  .site-nav, .nav-actions { display: none; }
  .site-nav.is-open {
    position: absolute;
    display: grid;
    top: 74px;
    left: 20px;
    right: 20px;
    gap: 0;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 10px;
    box-shadow: var(--shadow);
  }
  .site-nav.is-open a { padding: 12px; }
  .language-nav-item {
    display: block;
    padding: 8px 12px 12px;
  }
  .language-nav-item .language-widget {
    display: flex;
    width: 100%;
  }
  .language-nav-item .language-widget select {
    width: 100%;
    max-width: none;
  }
  .hero-layout, .two-col { grid-template-columns: 1fr; }
  .mini-card-grid, .treatment-directory { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .testimonial-feature-card { grid-template-columns: 1fr; }
  .steps-row { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .roadmap-steps::before { display: none; }
  .roadmap-steps article,
  .roadmap-steps article:nth-child(even) {
    transform: none;
  }
  .roadmap-steps article:hover,
  .roadmap-steps article:focus-visible,
  .roadmap-steps article:nth-child(even):hover,
  .roadmap-steps article:nth-child(even):focus-visible {
    transform: translateY(-8px);
  }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 700px) {
  :root { --container: min(100% - 28px, 1200px); }
  .brand { width: 175px; }
  .hero-controls {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: fit-content;
    max-width: calc(100% - 28px);
    margin: 20px auto 0;
    justify-content: center;
    gap: 6px;
    padding: 5px;
  }
  .hero-controls .language-widget {
    max-width: 176px;
    padding: 0 9px;
  }
  .hero-controls .language-widget span { display: none; }
  .hero-controls .language-widget select {
    width: 142px;
    max-width: 142px;
    font-size: .8rem;
  }
  .hero-controls .theme-toggle {
    min-height: 40px;
    padding: 8px 11px 8px 8px;
  }
  .hero-layout { padding: 34px 0 52px; gap: 32px; }
  .hero-copy p:not(.eyebrow) { font-size: 1rem; }
  .journey-card { padding: 20px; }
  .form-row, .mini-card-grid, .treatment-directory, .steps-row, .story-options, .testimonial-grid, .security-grid, .footer-grid { grid-template-columns: 1fr; }
  .value-strip-grid,
  .blog-grid,
  .blog-article-shell,
  .blog-preview-card { grid-template-columns: 1fr; }
  .process-roadmap-section .section-head {
    margin-bottom: 34px;
  }
  .article-toc {
    position: static;
  }
  .blog-preview-body,
  .blog-card-body,
  .blog-feature-body,
  .blog-article-content {
    padding: 22px;
  }
  .article-photo-grid {
    grid-template-columns: 1fr;
  }
  .article-photo-card img {
    height: 260px;
  }
  .blog-article-hero img {
    height: 280px;
  }
  .blog-article-hero-copy {
    left: 22px;
    right: 22px;
    bottom: 20px;
  }
  .roadmap-steps {
    gap: 18px;
    text-align: left;
  }
  .roadmap-steps::before {
    display: block;
    left: 26px;
    right: auto;
    top: 18px;
    bottom: 18px;
    width: 4px;
    height: auto;
  }
  .roadmap-steps article,
  .roadmap-steps article:nth-child(even) {
    min-height: auto;
    padding: 18px 18px 18px 82px;
  }
  .roadmap-steps article::before {
    top: 34px;
    left: 27px;
    width: 32px;
    height: 2px;
    background: linear-gradient(90deg, rgba(47,99,199,.44), transparent);
    transform: none;
  }
  .roadmap-steps span {
    position: absolute;
    top: 14px;
    left: 0;
    width: 54px;
    height: 54px;
    margin: 0;
  }
  .roadmap-steps p {
    min-height: 0;
  }
  .testimonial-feature-card {
    margin-top: 30px;
    border-radius: 18px;
  }
  .testimonial-video-panel,
  .testimonial-video {
    min-height: 220px;
  }
  .testimonial-story-panel { padding: 28px 22px; }
  .testimonial-actions { display: grid; }
  .section { padding: 64px 0; }
  .section-topline { display: block; }
  .hospital-showcase {
    max-width: 100%;
    padding: 0;
  }
  .hospital-slider {
    min-height: clamp(370px, 83vw, 560px);
  }
  .hospital-slider article {
    width: min(520px, 86vw);
  }
  .hospital-slider article.is-prev {
    opacity: .42;
    transform: translateX(-104%) translateY(28px) scale(.68);
  }
  .hospital-slider article.is-next {
    opacity: .42;
    transform: translateX(4%) translateY(28px) scale(.68);
  }
  .hospital-arrow {
    width: 40px;
    height: 40px;
    font-size: 1.7rem;
  }
  .hospital-arrow-prev { left: 10px; }
  .hospital-arrow-next { right: 10px; }
  .feature-photo img { height: 280px; }
  .feature-photo figcaption { font-size: 1.05rem; }
  .footer-bottom { display: block; }
  .floating-wa { width: 54px; height: 54px; right: 14px; bottom: 14px; }
  .floating-wa img { width: 48px; height: 48px; }
}

@media (prefers-color-scheme: dark) and (max-width: 1080px) {
  .site-nav.is-open {
    background: rgba(15,23,42,.98);
    border-color: rgba(148,163,184,.24);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --blue: #70a2ff;
  --blue-dark: #4f82ef;
  --mist: #0b1220;
  --line: rgba(148,163,184,.24);
  --ink: #f4f7fb;
  --muted: #a8b5c7;
  --shadow: 0 22px 52px rgba(0,0,0,.34);
}

:root[data-theme="dark"] body {
  background: #070d19;
  color: var(--ink);
}
:root[data-theme="dark"] .site-header {
  background: rgba(8,14,27,.9);
  border-bottom-color: rgba(148,163,184,.18);
}
:root[data-theme="dark"] .brand {
  border-color: rgba(148,163,184,.22);
  background: linear-gradient(135deg, rgba(15,23,42,.96), rgba(15,23,42,.68));
  box-shadow: 0 12px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);
}
:root[data-theme="dark"] .brand img { content: url("assets/brand/medtreatindia-logo-wordmark-dark.png"); }
:root[data-theme="dark"] .site-nav { color: #dbe6f5; }
:root[data-theme="dark"] .site-nav a:hover,
:root[data-theme="dark"] .site-nav a[aria-current="page"] { color: #8fb6ff; }
:root[data-theme="dark"] .nav-toggle {
  background: rgba(15,23,42,.94);
  border-color: rgba(148,163,184,.26);
}
:root[data-theme="dark"] .language-widget {
  background: rgba(15,23,42,.82);
  border-color: rgba(148,163,184,.26);
  color: #dbe6f5;
  box-shadow: 0 12px 24px rgba(0,0,0,.24);
}
:root[data-theme="dark"] .language-widget select { color: #f4f7fb; }
:root[data-theme="dark"] .language-widget select option { color: #111827; }
:root[data-theme="dark"] .btn-whatsapp {
  background: rgba(9,20,36,.82);
  color: #72e6a3;
  border-color: rgba(32,197,107,.42);
}
:root[data-theme="dark"] .btn-whatsapp:hover { background: rgba(18,54,38,.9); }
:root[data-theme="dark"] .hero-bg img { opacity: .34; filter: saturate(.85) contrast(1.06); }
:root[data-theme="dark"] .hero::after {
  background:
    linear-gradient(90deg, rgba(2,6,18,.96) 0%, rgba(8,18,38,.9) 54%, rgba(7,25,49,.74) 100%),
    linear-gradient(180deg, rgba(2,6,18,.18) 0%, rgba(2,6,18,.68) 100%);
}
:root[data-theme="dark"] .journey-card,
:root[data-theme="dark"] .mini-card-grid article,
:root[data-theme="dark"] .treatment-directory article,
:root[data-theme="dark"] .story-card,
:root[data-theme="dark"] .security-card,
:root[data-theme="dark"] .content-card,
:root[data-theme="dark"] .hospital-slider article,
:root[data-theme="dark"] .blog-preview-card,
:root[data-theme="dark"] .blog-card,
:root[data-theme="dark"] .blog-feature-card,
:root[data-theme="dark"] .article-toc,
:root[data-theme="dark"] .article-cta,
:root[data-theme="dark"] .blog-article-body {
  background: #101827;
  border-color: rgba(148,163,184,.2);
  box-shadow: var(--shadow);
}
:root[data-theme="dark"] .hero-home .journey-card {
  background: rgba(15,23,42,.7);
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 30px 80px rgba(0,0,0,.42);
}
:root[data-theme="dark"] .hero-home .journey-card input,
:root[data-theme="dark"] .hero-home .journey-card select,
:root[data-theme="dark"] .hero-home .journey-card textarea,
:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea {
  background: rgba(15,23,42,.78);
  color: var(--ink);
  border-color: rgba(148,163,184,.28);
}
:root[data-theme="dark"] .phone-code {
  background: linear-gradient(135deg, rgba(37,99,235,.24), rgba(20,184,166,.14));
  border-color: rgba(148,163,184,.28);
  color: #dbeafe;
}
:root[data-theme="dark"] input[aria-invalid="true"] {
  border-color: rgba(248,113,113,.85);
  box-shadow: 0 0 0 4px rgba(248,113,113,.12);
}
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder { color: #8493a8; }
:root[data-theme="dark"] label { color: #d9e4f2; }
:root[data-theme="dark"] .section,
:root[data-theme="dark"] .feature-photo { background: #080f1d; }
:root[data-theme="dark"] .section-soft,
:root[data-theme="dark"] .page-hero { background: #0b1220; }
:root[data-theme="dark"] .blog-preview-section {
  background: linear-gradient(180deg, #09111f 0%, #0b1220 100%);
}
:root[data-theme="dark"] .article-toc {
  background: linear-gradient(180deg, rgba(10,16,30,.96), rgba(16,24,39,.96));
}
:root[data-theme="dark"] .article-toc a,
:root[data-theme="dark"] .article-lead,
:root[data-theme="dark"] .blog-preview-body p:last-of-type,
:root[data-theme="dark"] .blog-card p,
:root[data-theme="dark"] .blog-list-note {
  color: #93a4bb;
}
:root[data-theme="dark"] .blog-article-content p,
:root[data-theme="dark"] .blog-article-content li {
  color: #d8e2f0;
}
:root[data-theme="dark"] .article-cta {
  background:
    radial-gradient(circle at top left, rgba(47,99,199,.12), transparent 42%),
    linear-gradient(135deg, rgba(10,16,30,.96) 0%, rgba(16,24,39,.96) 100%);
}
:root[data-theme="dark"] .process-roadmap-section {
  background:
    radial-gradient(circle at 18% 12%, rgba(112,162,255,.14), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(32,197,107,.1), transparent 30%),
    linear-gradient(180deg, #080f1d 0%, #0b1220 100%);
}
:root[data-theme="dark"] .roadmap-steps::before {
  opacity: .36;
}
:root[data-theme="dark"] .roadmap-steps article {
  background:
    linear-gradient(180deg, rgba(16,24,39,.96), rgba(11,18,32,.94)),
    #101827;
  border-color: rgba(148,163,184,.2);
  box-shadow: 0 18px 48px rgba(0,0,0,.28);
}
:root[data-theme="dark"] .roadmap-steps article:hover,
:root[data-theme="dark"] .roadmap-steps article:focus-visible {
  border-color: rgba(112,162,255,.46);
  box-shadow: 0 30px 70px rgba(0,0,0,.42);
}
:root[data-theme="dark"] .steps-row.roadmap-steps span {
  border-color: #0b1220;
  background: linear-gradient(135deg, #173263, #2f63c7);
  color: #fff;
  box-shadow: 0 16px 30px rgba(47,99,199,.24);
}
:root[data-theme="dark"] .roadmap-steps strong {
  color: #dbeafe;
}
:root[data-theme="dark"] .treatments-hero,
:root[data-theme="dark"] .treatment-directory-section,
:root[data-theme="dark"] .treatment-preview { background: linear-gradient(180deg, #080f1d 0%, #0b1220 100%); }
:root[data-theme="dark"] .treatment-card-media { background: #111c2f; }
:root[data-theme="dark"] .treatment-card-media span {
  background: rgba(15,23,42,.88);
  color: #dce9ff;
  box-shadow: 0 12px 24px rgba(0,0,0,.28);
}
:root[data-theme="dark"] .treatment-card-media::after {
  background: linear-gradient(180deg, rgba(2,6,18,.04) 35%, rgba(2,6,18,.72) 100%);
}
:root[data-theme="dark"] .treatment-icon,
:root[data-theme="dark"] .steps-row span,
:root[data-theme="dark"] .pulse-icon {
  background: rgba(112,162,255,.14);
  color: #9fc0ff;
  box-shadow: inset 0 0 0 1px rgba(112,162,255,.12);
}
:root[data-theme="dark"] .treatment-cta {
  background: rgba(112,162,255,.14);
  color: #b6ccff;
  box-shadow: inset 0 0 0 1px rgba(112,162,255,.2);
}
:root[data-theme="dark"] .treatment-cta:hover {
  background: var(--blue);
  color: #061224;
}
:root[data-theme="dark"] .theme-toggle {
  background: rgba(112,162,255,.14);
  border-color: rgba(112,162,255,.24);
  color: #dce9ff;
}
:root[data-theme="dark"] .form-warning {
  border-color: rgba(212,175,55,.24);
  background: rgba(52,40,12,.78);
  color: #f9ddb1;
}
:root[data-theme="dark"] .consent-check {
  color: #c8d3ee;
}
:root[data-theme="dark"] .text-link-strong {
  background: #dce9ff;
  color: #0b2142;
}
:root[data-theme="dark"] .logo-marquee,
:root[data-theme="dark"] .logo-track .logo-item {
  background: #fff;
  border-color: #dbe3ef;
}
:root[data-theme="dark"] .testimonial-feature-section {
  background: linear-gradient(180deg, #080f1d 0%, #0b1220 100%);
}
:root[data-theme="dark"] .testimonial-feature-card,
:root[data-theme="dark"] .testimonial-video-panel {
  background: #0f172a;
  border-color: rgba(148,163,184,.18);
  box-shadow: var(--shadow);
}
:root[data-theme="dark"] .page-hero h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] .hospital-slider h3 { color: var(--ink); }
:root[data-theme="dark"] .form-status {
  background: rgba(112,162,255,.14);
  color: #dce9ff;
}
:root[data-theme="dark"] .form-status[data-status="success"] {
  background: rgba(32,197,107,.16);
  color: #95f0bd;
}
:root[data-theme="dark"] .form-status[data-status="error"] {
  background: rgba(239,68,68,.16);
  color: #ffb4ae;
}
:root[data-theme="dark"] .site-nav.is-open {
  background: rgba(15,23,42,.98);
  border-color: rgba(148,163,184,.24);
}

:root[data-theme="light"] {
  color-scheme: light;
  --navy: #112d4e;
  --blue: #2f63c7;
  --blue-dark: #234fa5;
  --mist: #f4f7fb;
  --line: #e4e9f2;
  --ink: #111827;
  --muted: #647084;
  --shadow: 0 18px 42px rgba(17, 45, 78, 0.11);
}

:root[data-theme="light"] body { background: var(--mist); color: var(--ink); }
:root[data-theme="light"] .site-header { background: rgba(255,255,255,.96); border-bottom-color: var(--line); }
:root[data-theme="light"] .brand {
  border-color: rgba(17,45,78,.1);
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(245,249,255,.82));
  box-shadow: 0 10px 26px rgba(17,45,78,.08), inset 0 1px 0 rgba(255,255,255,.78);
}
:root[data-theme="light"] .brand img { content: url("assets/brand/medtreatindia-logo-wordmark-transparent.png"); }
:root[data-theme="light"] .site-nav { color: #263142; }
:root[data-theme="light"] .nav-toggle { background: #fff; border-color: var(--line); }
:root[data-theme="light"] .btn-whatsapp { border-color: rgba(32,197,107,.45); background: #fff; color: #11a95a; }
:root[data-theme="light"] .hero-bg img { opacity: .42; filter: saturate(.92) contrast(1.04); }
:root[data-theme="light"] .hero::after {
  background:
    linear-gradient(90deg, rgba(3,10,26,.94) 0%, rgba(10,28,58,.82) 52%, rgba(7,30,58,.62) 100%),
    linear-gradient(180deg, rgba(10,28,58,.2) 0%, rgba(4,10,28,.56) 100%);
}
:root[data-theme="light"] .journey-card,
:root[data-theme="light"] .mini-card-grid article,
:root[data-theme="light"] .treatment-directory article,
:root[data-theme="light"] .story-card,
:root[data-theme="light"] .security-card,
:root[data-theme="light"] .content-card,
:root[data-theme="light"] .hospital-slider article,
:root[data-theme="light"] .blog-preview-card,
:root[data-theme="light"] .blog-card,
:root[data-theme="light"] .blog-feature-card,
:root[data-theme="light"] .article-toc,
:root[data-theme="light"] .article-cta,
:root[data-theme="light"] .blog-article-body {
  background: #fff;
  border-color: var(--line);
  box-shadow: var(--shadow);
}
:root[data-theme="light"] .journey-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.92)),
    #fff;
  border-color: rgba(203,213,225,.9);
  box-shadow: 0 28px 70px rgba(17,45,78,.16);
}
:root[data-theme="light"] .hero-home .journey-card {
  background: rgba(255,255,255,.82);
  border-color: rgba(255,255,255,.62);
  box-shadow: 0 28px 70px rgba(4,10,28,.3);
}
:root[data-theme="light"] .hero-home .journey-card input,
:root[data-theme="light"] .hero-home .journey-card select,
:root[data-theme="light"] .hero-home .journey-card textarea {
  background: rgba(255,255,255,.78);
  border-color: rgba(203,213,225,.82);
}
:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea {
  background: #fff;
  color: var(--ink);
  border-color: var(--line);
}
:root[data-theme="light"] label { color: #273247; }
:root[data-theme="light"] .section,
:root[data-theme="light"] .feature-photo { background: #fff; }
:root[data-theme="light"] .section-soft,
:root[data-theme="light"] .page-hero { background: var(--mist); }
:root[data-theme="light"] .process-roadmap-section {
  background:
    radial-gradient(circle at 18% 12%, rgba(47,99,199,.09), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(32,197,107,.08), transparent 30%),
    linear-gradient(180deg, #f4f8fc 0%, #eef3f8 100%);
}
:root[data-theme="light"] .steps-row.roadmap-steps span {
  border-color: #f4f8fc;
  background: linear-gradient(135deg, var(--navy), var(--blue));
  color: #fff;
}
:root[data-theme="light"] .treatment-preview { background: linear-gradient(180deg, #fff 0%, #f7fafc 100%); }
:root[data-theme="light"] .blog-preview-section {
  background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
}
:root[data-theme="light"] .treatment-icon,
:root[data-theme="light"] .steps-row span,
:root[data-theme="light"] .pulse-icon {
  background: #e9f0ff;
  color: var(--blue);
  box-shadow: none;
}
:root[data-theme="light"] .treatment-cta {
  background: rgba(47,99,199,.1);
  color: var(--blue-dark);
  box-shadow: inset 0 0 0 1px rgba(47,99,199,.16);
}
:root[data-theme="light"] .theme-toggle {
  background: rgba(255,255,255,.84);
  border-color: rgba(47,99,199,.18);
  color: #112d4e;
}
:root[data-theme="light"] .testimonial-feature-section { background: linear-gradient(180deg, #f5f8fb 0%, #eef3f7 100%); }
:root[data-theme="light"] .testimonial-feature-card { background: #e7e7e7; border-color: rgba(17,45,78,.08); }
:root[data-theme="light"] .testimonial-video-panel { background: #e7e7e7; }
:root[data-theme="light"] h2,
:root[data-theme="light"] h3,
:root[data-theme="light"] .page-hero h1,
:root[data-theme="light"] .hospital-slider h3 { color: var(--ink); }
:root[data-theme="light"] .site-nav.is-open { background: #fff; border-color: var(--line); }

@media (prefers-reduced-motion: reduce) {
  [data-zoom-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .zoom-reveal-ready .site-header {
    animation: none;
  }
}