
:root{--navy:#123B5D;--navy2:#0C2D47;--ink:#17212B;--muted:#61707D;--soft:#F3F6F8;--line:#D9E1E7;--white:#fff;--accent:#1D6A8E;--shadow:0 14px 42px rgba(18,59,93,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55;background:#fff}img{max-width:100%}a{text-decoration:none;color:inherit}.container{width:min(1160px,92vw);margin:0 auto}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{height:74px;display:flex;align-items:center;gap:28px}.brand img{width:178px;display:block}.navlinks{margin-left:auto;display:flex;gap:24px;font-size:16px;font-weight:700;color:#385164}.navlinks a:hover{color:var(--navy)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:10px;font-weight:800;font-size:16px;transition:.2s;border:1px solid transparent}.btn:hover{transform:translateY(-1px)}.btn-small{padding:10px 15px;font-size:16px}.btn-solid{background:var(--navy);color:#fff;box-shadow:0 8px 20px rgba(18,59,93,.16)}.btn-outline{border-color:var(--navy);color:var(--navy);background:#fff}.btn-light{background:#fff;color:var(--navy)}.btn-outline-light{border-color:rgba(255,255,255,.65);color:#fff}
.hero{background:linear-gradient(135deg,#F7FAFC 0%,#EEF4F8 58%,#E6EFF5 100%);padding:86px 0 66px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:64px;align-items:center}.eyebrow{font-size:16px;letter-spacing:.16em;font-weight:900;color:var(--accent);text-transform:uppercase}.eyebrow.light{color:#A9D4E8}h1,h2,h3,h4{line-height:1.14;margin-top:0}h1{font-size:16px;letter-spacing:-.04em;margin:14px 0 22px}h2{font-size:16px;letter-spacing:-.025em;margin:10px 0 18px}.lead{font-size:16px;max-width:760px;color:#334A5A}.hero-line{font-size:16px;font-weight:900;color:var(--navy);margin:26px 0 10px}.hero-note{font-size:16px;max-width:760px;color:#4E616F}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.cta-row.center{justify-content:center}.micro{font-size:16px;color:var(--muted);margin-top:12px}
.hero-card{background:#fff;border:1px solid #DCE6ED;border-radius:22px;padding:34px;box-shadow:var(--shadow);text-align:center}.safe-big{font-size:16px;font-weight:950;color:var(--navy);line-height:.9}.safe-sub{font-size:16px;font-weight:900;color:var(--navy);margin-top:8px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.mini-grid div{border:1px solid var(--line);border-radius:12px;padding:13px 10px;display:flex;flex-direction:column;gap:3px}.mini-grid b{font-size:16px;color:var(--navy)}.mini-grid span{font-size:16px;font-weight:700;color:#526773}
.trust-strip{background:var(--navy);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(5,1fr)}.trust-grid>div{padding:24px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.16)}.trust-grid>div:last-child{border-right:0}.trust-grid strong{display:block;font-size:16px}.trust-grid span{display:block;font-size:16px;color:rgba(255,255,255,.74);margin-top:4px}
.section{padding:88px 0}.section-soft{background:var(--soft)}.section-dark{background:var(--navy2);color:#fff}.section-head{margin-bottom:34px}.section-head.narrow{max-width:880px}.section-head p{font-size:16px;color:#4F6270}.safe-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.safe-card{border:1px solid var(--line);border-radius:16px;padding:26px;background:#fff;box-shadow:0 8px 28px rgba(17,45,67,.05)}.safe-card .letter{font-size:16px;font-weight:950;color:var(--navy)}.safe-card h3{font-size:16px;margin:2px 0 4px}.safe-card h4{font-size:16px;color:var(--accent);margin-bottom:12px}.safe-card p{color:#526773;margin-bottom:0}
.chip-row{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.chip-row span,.bullet-columns span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:16px;font-weight:700}.statement{font-size:16px;font-weight:950;color:var(--navy);text-align:center;margin-top:26px}.statement.left{text-align:left;font-size:16px}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.quote-line{font-size:16px;font-weight:900;color:var(--navy);margin:24px 0}
.video-card{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.video-card iframe,.video-card video{width:100%;aspect-ratio:16/9;border:0;display:block;background:#000}.video-caption{padding:14px 16px;font-weight:850}.inline-video{max-width:760px;margin:34px auto 0}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.option-grid div{padding:20px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);border-radius:12px;font-weight:800}.dark-statement{margin-top:30px;padding:24px;border-left:4px solid #9FD1E6;font-size:16px;font-weight:950}
.assessment-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:54px;align-items:center}.bullet-columns{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.paper{background:#fff;border:1px solid #CAD7E0;border-radius:16px;box-shadow:var(--shadow);padding:26px;transform:rotate(1deg)}.paper-top{font-weight:950;color:var(--navy);font-size:16px;border-bottom:2px solid var(--navy);padding-bottom:12px;margin-bottom:10px}.paper-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:14px 0;font-size:16px}.paper-row span{color:var(--muted);text-align:right}.paper-foot{text-align:center;color:var(--muted);font-size:16px;padding-top:14px}
.journey{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:28px auto 42px}.journey span{padding:11px 15px;border-radius:999px;background:#EAF1F5;color:var(--navy);font-weight:900;font-size:16px}.journey i{font-style:normal;color:#8BA4B5}.big-message{max-width:900px;margin:0 auto;text-align:center;padding:34px;border-radius:18px;background:#F5F8FA;border:1px solid var(--line)}.big-message h3{font-size:16px;margin-bottom:10px}.big-message strong{font-size:16px;color:var(--navy)}.ready-box{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ready-box span{padding:18px;border:1px solid var(--line);background:#fff;border-radius:12px;font-weight:850}.ready-box strong{grid-column:1/-1;background:var(--navy);color:#fff;border-radius:12px;padding:24px;text-align:center;font-size:16px}
.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.video-grid.two{grid-template-columns:1fr 1fr}.dark-video{border-color:rgba(255,255,255,.15);background:#173B56}.dark-video .video-caption{color:#fff}.center-note{text-align:center;color:rgba(255,255,255,.65);margin-top:24px}
.doctor-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:54px;align-items:center}.doctor-placeholder{min-height:440px;border:1px dashed #AFC0CC;border-radius:20px;background:linear-gradient(135deg,#F3F6F8,#E8EEF2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#71828E;text-align:center;padding:20px}.doctor-initials{width:150px;height:150px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:950;margin-bottom:18px}.role{color:var(--accent);font-size:16px}.cred-list{display:grid;gap:10px;margin:24px 0}.cred-list span{padding-left:18px;position:relative}.cred-list span:before{content:"";position:absolute;left:0;top:.63em;width:7px;height:7px;border-radius:50%;background:var(--navy)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps div{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);padding:16px;border-radius:13px}.steps b{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center}.steps span{font-weight:800}
.cashless{background:linear-gradient(135deg,#123B5D,#0B2B43);color:#fff}.cash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.cash-grid div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:15px;padding:24px}.cash-grid strong{font-size:16px}.cash-grid p{color:rgba(255,255,255,.76)}.cashline{text-align:center;font-size:16px;font-weight:950;margin:34px 0 4px}.disclaimer{text-align:center;font-size:16px;color:rgba(255,255,255,.62)}
.dual-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dual-cards article{border:1px solid var(--line);border-radius:18px;padding:30px}.knowledge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.knowledge-grid div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.knowledge-grid h3{font-size:16px;color:var(--navy)}.knowledge-grid p{color:var(--muted);font-size:16px}
.final-cta{background:var(--navy);color:#fff;text-align:center;padding:84px 0}.final-cta p{font-size:16px;color:rgba(255,255,255,.8)}.final-cta h3{font-size:16px}.safe-footer-panel{background:#F5F8FA;border-bottom:1px solid var(--line)}.safe-footer-grid{display:grid;grid-template-columns:repeat(4,1fr)}.safe-footer-grid div{padding:24px;border-right:1px solid var(--line)}.safe-footer-grid div:last-child{border-right:0}.safe-footer-grid b{display:block;color:var(--navy);font-size:16px}.safe-footer-grid span{font-size:16px;color:var(--muted)}
footer{background:#0A2437;color:#D9E5ED;padding:44px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:34px}.footer-logo{width:170px;background:#fff;padding:8px;border-radius:8px}footer p,footer a{color:#B8C8D3;font-size:16px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;gap:24px;font-size:16px;color:#8FA6B5}.floating-wa{position:fixed;right:18px;bottom:18px;background:#1D6A8E;color:#fff;padding:13px 17px;border-radius:999px;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.2);z-index:60}
@media(max-width:980px){.navlinks{display:none}.hero-grid,.split,.assessment-grid,.doctor-grid,.dual-cards{grid-template-columns:1fr}.trust-grid{grid-template-columns:repeat(2,1fr)}.safe-cards,.video-grid,.knowledge-grid{grid-template-columns:1fr 1fr}.option-grid,.steps,.cash-grid{grid-template-columns:1fr 1fr}.hero{padding-top:60px}}
@media(max-width:640px){.brand img{width:136px}.nav{height:64px;gap:10px}.nav .btn{font-size:16px;padding:9px 11px}h1{font-size:16px}h2{font-size:16px}.lead{font-size:16px}.hero-line{font-size:16px}.hero-card{padding:24px}.safe-big{font-size:16px}.section{padding:62px 0}.trust-grid,.safe-cards,.video-grid,.video-grid.two,.knowledge-grid,.option-grid,.steps,.cash-grid{grid-template-columns:1fr}.safe-footer-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.big-message h3{font-size:16px}.journey{justify-content:flex-start}}

.plan-note{max-width:900px;margin:-14px 0 30px;padding:16px 18px;border-left:4px solid var(--navy);background:#F5F8FA;color:#405563;border-radius:0 10px 10px 0}.plan-note strong{color:var(--navy)}

.safe-motto{display:inline-block;margin:22px 0 4px;padding:11px 15px;border:1px solid #C9D9E4;border-radius:10px;background:#fff;color:var(--navy);font-size:16px;font-weight:900}.safe-motto span{padding:0 5px;color:#7D96A7}
.knowledge-card[href]{text-decoration:none;color:inherit}.sub-nav{min-height:72px;display:flex;align-items:center;justify-content:space-between}.brand-mini{font-size:16px;font-weight:900;color:var(--navy);text-decoration:none}.article-page{padding:60px 0}.article-wrap{max-width:860px}.article-wrap h1{font-size:16px;line-height:1.05;color:var(--navy)}.article-lead,.article-section p{font-size:16px;line-height:1.7}.safe-strip{padding:14px;border:1px solid var(--line);border-radius:12px;margin:25px 0}.article-section{padding:25px 0;border-top:1px solid var(--line)}.article-section h2{color:var(--navy)}.article-cta{margin:30px 0;padding:28px;border-radius:18px;background:#f4f8fb}.medical-note{font-size:16px;color:var(--muted)}.page-footer{padding:30px 0;border-top:1px solid var(--line);background:#f7fafc}.faq-block details{border-top:1px solid var(--line);padding:15px 0}.faq-block summary{cursor:pointer;font-weight:850;color:var(--navy);font-size:16px}.faq-block details p{margin:10px 0 0}.references ul{padding-left:20px}.references a{color:var(--navy);font-weight:750}.social-proof{background:#f4f8fb}.review-score h2{font-size:16px;color:var(--navy);margin:8px 0}.hinglish-intro{border-top:1px solid var(--line)}
.medical-review{display:flex;flex-direction:column;gap:4px;padding:14px 16px;margin:18px 0 28px;border-left:4px solid var(--navy);background:#f7fafc;border-radius:8px;font-size:16px}
.medical-review strong{color:var(--navy);font-size:16px}.medical-review span{color:var(--muted)}
.clinic-address{max-width:650px;margin:0 auto 24px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--navy)}
.clinic-address p{margin:8px 0 0;line-height:1.6}

.privacy-link{text-align:center;padding:12px 20px 24px;background:#f7fafc;font-size:16px}.privacy-link a{color:var(--muted);text-decoration:underline}

.doctor-photo{border-radius:20px;overflow:hidden;background:#f3f6f8;box-shadow:var(--shadow)}
.doctor-photo img{display:block;width:100%;height:auto;object-fit:cover}
.consent-note{max-width:760px;margin:14px auto 0;font-size:16px;line-height:1.5;color:var(--muted);text-align:center}
.consent-note a{text-decoration:underline;color:var(--navy)}

.btn-primary{background:var(--navy);color:#fff;box-shadow:0 8px 20px rgba(18,59,93,.16)}
.btn-secondary{background:#fff;color:var(--navy);border-color:var(--navy)}

/* ---- Related reading cluster ---- */
.related-reading{margin:34px 0 10px;padding:26px 26px 18px;border:1px solid var(--line);border-radius:16px;background:#f7fafc}
.related-reading h2{font-size:16px;margin:0 0 14px;color:var(--navy)}
.related-reading ul{list-style:none;padding:0;margin:0}
.related-reading li{border-top:1px solid #E1EAF0}
.related-reading li:first-child{border-top:0}
.related-reading a{display:block;padding:13px 0;color:var(--navy);font-weight:750;font-size:16px;text-decoration:none}
.related-reading a:hover{color:#1D6A8E}
.related-reading a::after{content:" →";color:#7D96A7;font-weight:600}


/* ===== V14: disciplined visual system ===== */
:root{
  --navy:#123B5D;
  --navy-deep:#0D2B43;
  --ink:#243746;
  --muted:#617484;
  --line:#DDE6EB;
  --soft:#F6F9FB;
  --warm:#D28A3A;
  --warm-soft:#FFF7EC;
  --accent:#2D7FA3;
  --wa:#25D366;

  /* 8-size typography scale only */
  --fs-xs:14px;
  --fs-sm:15px;
  --fs-base:17px;
  --fs-md:19px;
  --fs-lg:23px;
  --fs-xl:30px;
  --fs-2xl:40px;
  --fs-3xl:54px;
}

html{font-size:16px}
body{
  font-size:16px;
  line-height:1.65;
  color:var(--ink);
  background:#fff;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Reset typography everywhere to the 8-size scale */
h1,h2,h3,h4,h5,h6,p,li,a,button,span,strong,small,summary,label,input,textarea{font-size:16px}
h1{
  font-size:16px;
  line-height:1.06;
  letter-spacing:-.025em;
  color:var(--navy-deep);
  margin:0 0 18px;
}
h2{
  font-size:16px;
  line-height:1.12;
  letter-spacing:-.018em;
  color:var(--navy);
  margin:0 0 16px;
}
h3{
  font-size:16px;
  line-height:1.28;
  color:var(--navy);
  margin:0 0 10px;
}
h4,h5,h6{font-size:16px;line-height:1.35;color:var(--navy)}
p,li{font-size:16px}
small,.micro,.medical-note,.consent-note,.footer-note,.meta{font-size:16px}
.eyebrow{
  font-size:16px;
  letter-spacing:.10em;
  font-weight:800;
  text-transform:uppercase;
  color:var(--accent);
}
.lead,.article-lead,.section-head p,.hero p{font-size:16px;line-height:1.65}
.btn,.nav a,.brand-mini,.role,.cred-list span,.video-caption,.faq-block summary{font-size:16px}
.safe-big{font-size:16px}
.safe-sub{font-size:16px}
.safe-card .letter,.letter{font-size:16px}
.safe-card h3,.safe-card h4{font-size:16px}
.trust-grid strong,.stat strong,.stat-number,.google-rating strong{font-size:16px}
.trust-grid span,.stat span{font-size:16px}

/* No tiny text anywhere */
footer,footer p,footer a,.page-footer,.page-footer p,.page-footer a{font-size:16px}

/* Better visual rhythm */
.section{padding:72px 0}
.section-head{max-width:820px;margin:0 auto 34px}
.section-head.narrow{max-width:760px}
.card,.safe-card,.knowledge-card,.video-card,.article-cta,.clinic-address{
  border-radius:16px;
}
.card,.safe-card,.knowledge-card{
  border:1px solid var(--line);
  box-shadow:0 10px 30px rgba(13,43,67,.045);
}

/* Temperature contrast: cool base + one warm accent */
.section-soft,.soft-section{background:var(--soft)}
.warm-panel,.doctor-philosophy,.article-cta{
  background:var(--warm-soft)!important;
  border-color:#F0D7B8!important;
}
.safe-card .letter,
.safe-letter,
.key-number,
.doctor-highlights strong,
.google-rating strong{
  color:var(--warm)!important;
}
.btn-primary,.primary-cta{
  background:var(--warm)!important;
  color:#fff!important;
  border-color:var(--warm)!important;
}
.btn-secondary{
  background:#fff!important;
  color:var(--navy)!important;
  border:1px solid var(--navy)!important;
}
.btn-primary:hover,.primary-cta:hover{filter:brightness(.96)}

/* Keep headings cool; use warm selectively, not rainbow headings */
.section-dark h2,.section-dark h3,.hero h1,.hero h2{color:#fff}
.section-dark{background:linear-gradient(135deg,var(--navy-deep),var(--navy))}
.cashless{background:linear-gradient(135deg,#154768,#1D6386)}

/* Doctor section */
.doctor-section{background:linear-gradient(180deg,#fff 0%,#F7FAFC 100%)}
.doctor-grid{grid-template-columns:minmax(260px,.72fr) 1.28fr;gap:48px}
.doctor-photo{border-radius:20px;overflow:hidden;box-shadow:0 18px 45px rgba(13,43,67,.12)}
.doctor-photo img{width:100%;height:auto;display:block}
.doctor-profile .role{font-weight:900;color:var(--accent);margin-bottom:12px}
.doctor-highlights{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0 10px}
.cred-list{display:flex;flex-direction:column;gap:8px;margin:18px 0}
.doctor-philosophy{margin-top:22px;padding:20px 22px;border-left:4px solid var(--warm);border-radius:0 14px 14px 0}
.doctor-philosophy strong{font-size:16px;text-transform:uppercase;letter-spacing:.08em;color:var(--navy)}
.doctor-philosophy p{margin:7px 0 0;font-size:16px}

/* Review block */
.social-proof{background:#fff;padding:54px 0}
.review-score{text-align:center}
.google-rating{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:10px;
}
.google-word{
  font-size:16px;
  font-weight:800;
  color:#5F6368;
}
.google-rating .stars{
  font-size:16px;
  letter-spacing:2px;
  color:#F4B400;
}

/* Floating actions: always visible, round, consistent */
.contact-dock{
  display:flex!important;
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:99;
  gap:10px;
  flex-direction:column;
}
.contact-dock a,
.contact-dock a:hover{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  border-radius:50%!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
  overflow:visible!important;
  box-shadow:0 8px 24px rgba(0,0,0,.24)!important;
}
.contact-dock .dock-label{display:none!important}
.dock-wa{background:var(--wa)!important;border:2px solid #fff!important}
.dock-tel{background:#1565C0!important;border:2px solid #fff!important}
.mobile-actionbar{display:none!important}

/* Video grid */
.video-grid{grid-template-columns:repeat(3,1fr);gap:20px}
.video-card{overflow:hidden}
.video-card iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.video-caption{padding:12px 14px;font-weight:700;color:var(--navy)}

/* Article typography */
.article-wrap{max-width:860px}
.article-section{padding:26px 0}
.article-section p{font-size:16px;line-height:1.72}
.article-section h2{font-size:16px}
.faq-block summary{font-weight:800}
.references a{font-size:16px}

/* Responsive */
@media(max-width:820px){
  :root{
    --fs-xs:14px;
    --fs-sm:15px;
    --fs-base:17px;
    --fs-md:18px;
    --fs-lg:21px;
    --fs-xl:28px;
    --fs-2xl:36px;
    --fs-3xl:42px;
  }
  .section{padding:56px 0}
  .video-grid,.video-grid.two{grid-template-columns:1fr}
  .doctor-grid{grid-template-columns:1fr;gap:28px}
  .contact-dock{right:14px;bottom:14px}
}


/* V15 verified Google review link */
.google-rating-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:10px;
  padding:12px 18px;
  border:1px solid var(--line);
  border-radius:999px;
  text-decoration:none;
  background:#fff;
  box-shadow:0 8px 24px rgba(13,43,67,.06);
  transition:transform .18s ease, box-shadow .18s ease;
}
.google-rating-link:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(13,43,67,.10);
}
.google-rating-link .google-word{
  font-size:16px;
  font-weight:800;
  color:#5F6368;
}
.google-rating-link strong{
  font-size:16px;
  color:var(--warm)!important;
}
.google-rating-link .stars{
  font-size:16px;
  letter-spacing:2px;
  color:#F4B400;
}
.review-arrow{
  font-size:16px;
  color:var(--accent);
  font-weight:800;
}


/* ===== V16 targeted polish ===== */

/* 1) Enforce no-tiny-text rule on the remaining legacy selectors */
.footer-bottom,
.mini-grid span,
.paper-foot,
.disclaimer,
.safe-footer-grid span,
.chip-row span,
.paper-row,
.journey span{
  font-size:16px; /* 14px desktop and mobile */
  line-height:1.5;
}

/* 2) Homepage CTAs: use the warm accent consistently on the ad landing page */
body.home-page .hero .btn-light,
body.home-page .hero .btn-solid,
body.home-page .hero .btn-secondary,
body.home-page .final-cta .btn-light,
body.home-page .final-cta .btn-solid,
body.home-page .final-cta .btn-secondary,
body.home-page .article-cta .btn-light,
body.home-page .article-cta .btn-solid,
body.home-page .article-cta .btn-secondary{
  background:var(--warm)!important;
  border-color:var(--warm)!important;
  color:#fff!important;
}
body.home-page .hero .btn-outline,
body.home-page .final-cta .btn-outline{
  background:#fff!important;
  color:var(--navy)!important;
  border-color:var(--navy)!important;
}

/* 3) Mobile action buttons: exact same WhatsApp green and a clear call blue */
.mab-wa{
  background:#25D366!important;
  color:#fff!important;
}
.mab-call,
.mab-tel{
  background:#1565C0!important;
  color:#fff!important;
}
.mobile-actionbar a{
  border-color:#fff!important;
}

/* ===== V17 fix: mobile call icon contrast ===== */
.mab-tel svg,.mab-call svg{fill:#fff!important}
.mobile-actionbar a{border:0}


/* =========================================================
   V18 FINAL VISUAL SYSTEM
   Typography uses ONLY four sizes: 16 / 18 / 20 / 22 px
   ========================================================= */

:root{
  --font-1:16px;
  --font-2:18px;
  --font-3:20px;
  --font-4:22px;

  --navy:#173F5F;
  --navy-deep:#0F3048;
  --ink:#273B4A;
  --muted:#5C7180;
  --line:#D8E3E9;

  --blue:#2F7EA3;
  --teal:#2E8B83;
  --warm:#D88A3D;
  --warm-deep:#B96E27;

  --soft-blue:#F2F8FC;
  --soft-teal:#EFF8F5;
  --soft-warm:#FFF7EC;
  --white:#FFFFFF;
  --wa:#25D366;
  --call:#1976D2;
}

/* ---- EXACT four-size typography scale ---- */
html,body,
p,li,small,span,label,input,textarea,
.footer-bottom,.mini-grid span,.paper-foot,.disclaimer,
.safe-footer-grid span,.chip-row span,.paper-row,.journey span,
.medical-note,.consent-note,.privacy-link,
.trust-grid span,.safe-card p,.article-section p,
.cred-list span,.video-caption,.micro{
  font-size:16px;
}

.eyebrow,.btn,.navlinks,.role,.lead,.hero-note,
.section-head p,.article-lead,.faq-block summary,
.doctor-philosophy p,.google-word,.review-arrow,
.safe-card h4,.trust-grid strong{
  font-size:16px;
}

h3,h4,h5,h6,.safe-card h3,.statement,.quote-line,
.paper-top,.google-rating strong,.google-rating .stars,
.doctor-highlights,.related-reading h2{
  font-size:16px;
}

h1,h2,.safe-big,.safe-sub,.safe-card .letter,.safe-letter,
.dark-statement,.key-number,.stat-number{
  font-size:16px;
}

/* No element is allowed to escape the four-size system */
[style*="font-size"]{font-size:16px}
h1[style*="font-size"],h2[style*="font-size"]{font-size:16px}
h3[style*="font-size"],h4[style*="font-size"]{font-size:16px}

body{
  line-height:1.62;
  color:var(--ink);
  background:#fff;
}
h1,h2,h3,h4{line-height:1.28;letter-spacing:0}
h1{font-weight:900}
h2{font-weight:850}
h3{font-weight:800}
p{line-height:1.68}

/* ---- Brighter, still premium: cool base + teal + one warm accent ---- */
.hero{
  background:linear-gradient(135deg,#FFFFFF 0%,var(--soft-blue) 48%,var(--soft-warm) 100%)!important;
}
.section-soft{background:var(--soft-blue)!important}
.doctor-section{background:var(--soft-teal)!important}
.social-proof{background:var(--soft-warm)!important}
.hinglish-intro{background:linear-gradient(135deg,var(--soft-teal),#fff)!important}
.cashless{background:linear-gradient(135deg,var(--navy),var(--teal))!important}
.section-dark{background:linear-gradient(135deg,var(--navy-deep),var(--navy))!important}

.safe-card{
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-top:4px solid var(--teal)!important;
}
.safe-card:nth-child(1),
.safe-card:nth-child(4){border-top-color:var(--warm)!important}
.safe-card:nth-child(1) .letter,
.safe-card:nth-child(4) .letter{color:var(--warm)!important}
.safe-card:nth-child(2) .letter,
.safe-card:nth-child(3) .letter{color:var(--teal)!important}

.trust-grid strong,.doctor-highlights strong,.google-rating strong{
  color:var(--warm)!important;
}
.eyebrow{color:var(--teal)!important}
.article-cta,.doctor-philosophy{
  background:var(--soft-warm)!important;
  border-color:#EBCDA8!important;
}
.knowledge-card:hover{
  border-color:#A7C9D8!important;
  box-shadow:0 14px 34px rgba(23,63,95,.10)!important;
}

/* Homepage primary actions get a warm visual anchor */
body.home-page .hero .btn-solid,
body.home-page .final-cta .btn-light,
body.home-page .final-cta .btn-solid,
body.home-page .cashless .btn-light{
  background:var(--warm)!important;
  border-color:var(--warm)!important;
  color:#fff!important;
}
body.home-page .hero .btn-solid:hover,
body.home-page .final-cta .btn-light:hover,
body.home-page .final-cta .btn-solid:hover{
  background:var(--warm-deep)!important;
  border-color:var(--warm-deep)!important;
}

/* ---- Floating contact buttons: NO fade, NO pulse, NO expansion ---- */
.contact-dock{
  display:flex!important;
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  z-index:9999!important;
  flex-direction:column!important;
  gap:12px!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.contact-dock a,
.contact-dock a:hover,
.contact-dock a:focus,
.contact-dock a:active{
  display:flex!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  padding:0!important;
  border-radius:50%!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  animation:none!important;
  transition:none!important;
  transform:none!important;
  box-shadow:0 9px 24px rgba(0,0,0,.25)!important;
  border:3px solid #fff!important;
}
.contact-dock .dock-label{display:none!important}
.contact-dock svg{
  width:27px!important;
  height:27px!important;
  fill:#fff!important;
  opacity:1!important;
}
.dock-wa,.dock-wa:hover,.dock-wa:focus{background:var(--wa)!important}
.dock-tel,.dock-tel:hover,.dock-tel:focus{background:var(--call)!important}
.dock-wa::after{display:none!important;content:none!important;animation:none!important}

/* Mobile uses the SAME circular buttons; old bottom bar is removed */
.mobile-actionbar{display:none!important}
@media(max-width:820px){
  .contact-dock{
    display:flex!important;
    right:14px!important;
    bottom:14px!important;
  }
  body{padding-bottom:0!important}
}

/* ---- Clinic map / directions ---- */
.clinic-location{
  max-width:820px;
  margin:20px auto 0;
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 12px 34px rgba(23,63,95,.10);
}
.clinic-location iframe{
  display:block;
  width:100%;
  height:300px;
  border:0;
}
.directions-row{
  padding:16px;
  display:flex;
  justify-content:center;
  background:var(--soft-blue);
}
.btn-directions{
  display:inline-flex;
  align-items:center;
  gap:9px;
  background:var(--teal)!important;
  color:#fff!important;
  border:1px solid var(--teal)!important;
  border-radius:999px!important;
  text-decoration:none!important;
  font-weight:800!important;
  font-size:16px;
}
.btn-directions svg{
  width:20px;
  height:20px;
  fill:#fff;
}

/* Consistent section breathing room without giant typography */
.section{padding:66px 0!important}
.section-head{margin-bottom:28px!important}


/* =========================================================
   V19 — ONLY THREE FONT SIZES: 16 / 18 / 20
   LIGHT, CALM, MEDICAL VISUAL SYSTEM
   ========================================================= */

:root{
  --f1:16px;
  --f2:18px;
  --f3:20px;

  --ink:#29404F;
  --navy:#315C78;
  --blue:#5D99B7;
  --teal:#69AFA6;
  --warm:#D7A15B;

  --blue-soft:#EEF7FB;
  --teal-soft:#EFF8F5;
  --warm-soft:#FFF8EF;
  --lavender-soft:#F5F3FA;
  --white:#FFFFFF;
  --line:#DDE8ED;

  --wa:#25D366;
  --call:#1976D2;
}

/* EXACTLY THREE FONT SIZES */
html,body,p,li,span,small,label,input,textarea,
.footer-bottom,.mini-grid span,.paper-foot,.disclaimer,
.safe-footer-grid span,.chip-row span,.paper-row,.journey span,
.medical-note,.consent-note,.privacy-link,.trust-grid span,
.safe-card p,.article-section p,.cred-list span,.video-caption,
.micro,.meta,.footer-grid p,.footer-grid a{
  font-size:var(--f1)!important;
}

.eyebrow,.btn,.lead,.hero-note,.section-head p,.article-lead,
.faq-block summary,.doctor-philosophy p,.google-word,.review-arrow,
.safe-card h4,.trust-grid strong,.role,.doctor-highlights,
.navlinks a,.nav-links a,.brand-mini{
  font-size:var(--f2)!important;
}

h1,h2,h3,h4,h5,h6,
.safe-big,.safe-sub,.safe-card .letter,.safe-letter,
.statement,.quote-line,.dark-statement,.key-number,.stat-number,
.google-rating strong,.google-rating .stars,.related-reading h2{
  font-size:var(--f3)!important;
}

/* Inline styles cannot create another size */
[style*="font-size"]{font-size:var(--f1)!important}
h1[style*="font-size"],h2[style*="font-size"],h3[style*="font-size"],h4[style*="font-size"]{
  font-size:var(--f3)!important;
}

body{
  color:var(--ink)!important;
  background:#fff!important;
  line-height:1.65!important;
}
h1,h2,h3,h4,h5,h6{
  color:var(--navy)!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}
h1{font-weight:900!important}
h2{font-weight:850!important}
h3{font-weight:800!important}
p{line-height:1.7!important}
.eyebrow{color:var(--teal)!important}

/* LIGHT COLOR PALETTE — no gloomy dark slabs */
.hero{
  background:linear-gradient(135deg,#FFFFFF 0%,var(--blue-soft) 55%,var(--warm-soft) 100%)!important;
  color:var(--ink)!important;
}
.hero h1,.hero h2,.hero h3,.hero p{color:var(--ink)!important}
.section-soft,.soft-section{background:var(--blue-soft)!important}
.doctor-section{background:var(--teal-soft)!important}
.social-proof{background:var(--warm-soft)!important}
.hinglish-intro{background:var(--lavender-soft)!important}
.section-dark{
  background:#EAF4F8!important;
  color:var(--ink)!important;
}
.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4,
.section-dark p,.section-dark span,.section-dark strong{
  color:var(--ink)!important;
}
.cashless{
  background:#EAF7F3!important;
  color:var(--ink)!important;
}
.cashless h1,.cashless h2,.cashless h3,.cashless p,.cashless span,.cashless strong{
  color:var(--ink)!important;
}
.final-cta{
  background:linear-gradient(135deg,var(--blue-soft),var(--warm-soft))!important;
  color:var(--ink)!important;
}
.final-cta h2,.final-cta h3,.final-cta p,.final-cta span,.final-cta strong{
  color:var(--ink)!important;
}
.safe-footer-panel{
  background:var(--teal-soft)!important;
  color:var(--ink)!important;
}
.safe-footer-panel *{color:var(--ink)!important}

footer,.page-footer{
  background:#EAF2F6!important;
  color:var(--ink)!important;
  border-top:1px solid var(--line)!important;
}
footer *, .page-footer *{color:var(--ink)!important}

/* Cards use soft accents, not dark blocks */
.safe-card,.card,.knowledge-card,.video-card,.article-cta{
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:0 8px 24px rgba(49,92,120,.06)!important;
}
.safe-card:nth-child(1){border-top:4px solid var(--warm)!important}
.safe-card:nth-child(2){border-top:4px solid var(--teal)!important}
.safe-card:nth-child(3){border-top:4px solid var(--blue)!important}
.safe-card:nth-child(4){border-top:4px solid #A69AC6!important}
.safe-card:nth-child(1) .letter{color:var(--warm)!important}
.safe-card:nth-child(2) .letter{color:var(--teal)!important}
.safe-card:nth-child(3) .letter{color:var(--blue)!important}
.safe-card:nth-child(4) .letter{color:#8C80B0!important}
.article-cta,.doctor-philosophy{background:var(--warm-soft)!important}

/* Warm primary CTA; secondary stays calm */
.btn-primary,
body.home-page .hero .btn-solid,
body.home-page .final-cta .btn-light,
body.home-page .final-cta .btn-solid{
  background:var(--warm)!important;
  border-color:var(--warm)!important;
  color:#fff!important;
}
.btn-secondary,.btn-outline{
  background:#fff!important;
  border-color:var(--blue)!important;
  color:var(--navy)!important;
}

/* ONE PERMANENT CONTACT CONTROL — never fades, never expands, never hovers */
.contact-dock,.mobile-actionbar{display:none!important}

.fixed-actions{
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  z-index:2147483647!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.fixed-actions a,
.fixed-actions a:hover,
.fixed-actions a:focus,
.fixed-actions a:active,
.fixed-actions a:visited{
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  max-width:60px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  padding:0!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
  filter:none!important;
  text-decoration:none!important;
  border:4px solid #fff!important;
  box-shadow:0 8px 22px rgba(34,65,83,.28)!important;
}
.fixed-actions svg{
  width:29px!important;
  height:29px!important;
  display:block!important;
  fill:#fff!important;
  opacity:1!important;
}
.fixed-call,.fixed-call:hover,.fixed-call:focus,.fixed-call:active{
  background:var(--call)!important;
}
.fixed-wa,.fixed-wa:hover,.fixed-wa:focus,.fixed-wa:active{
  background:var(--wa)!important;
}

/* MAP + ADDRESS: one obvious WHITE BOX */
.clinic-white-box{
  width:min(900px,calc(100% - 32px))!important;
  margin:0 auto 28px!important;
  padding:20px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  box-shadow:0 12px 32px rgba(49,92,120,.10)!important;
  overflow:hidden!important;
}
.clinic-white-box .clinic-address{
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  margin:0 0 14px!important;
  padding:6px 4px 12px!important;
  text-align:center!important;
}
.clinic-white-box .clinic-location{
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:none!important;
  margin:0!important;
}
.clinic-white-box iframe{
  width:100%!important;
  height:300px!important;
  display:block!important;
  border:0!important;
  background:#fff!important;
}
.clinic-white-box .directions-row{
  background:#fff!important;
  padding:14px!important;
  display:flex!important;
  justify-content:center!important;
}
.btn-directions{
  background:var(--teal)!important;
  border-color:var(--teal)!important;
  color:#fff!important;
}

/* Spacing */
.section{padding:58px 0!important}
.section-head{margin-bottom:24px!important}

@media(max-width:820px){
  .fixed-actions{
    right:14px!important;
    bottom:14px!important;
  }
  .fixed-actions a{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    max-width:58px!important;
  }
  .clinic-white-box{
    width:calc(100% - 24px)!important;
    padding:14px!important;
  }
  .clinic-white-box iframe{height:260px!important}
}
