/* =============================================================================
   LIGHT CLINICAL THEME  (loaded after style.css)
   Same layout, components and animations — only the palette of the dark
   sections changes to white. Kept dark on purpose: "Why Us" bento + footer.
   Tokens are the site's own (style.css :root).
   ============================================================================= */
:root{
  --lt-bg:#FFFFFF;
  --lt-soft:#F8FAFD;            /* --paper */
  --lt-tint:#EEF4FC;
  --lt-card:#FFFFFF;
  --lt-line:#E2E8F2;            /* --line */
  --lt-ink:#0F1D33;             /* --ink */
  --lt-ink-2:#475872;           /* --ink-secondary */
  --lt-ink-3:#7E90A8;           /* --ink-muted */
  --lt-blue:#1554B8;            /* --royal-blue */
  --lt-blue-soft:#E8F0FB;       /* --sky */
  --lt-teal:#0E9AA7;            /* readable teal on white (replaces neon cyan text) */
  --lt-shadow:0 30px 70px -15px rgba(7,23,46,.12), 0 0 0 1px rgba(255,255,255,.8) inset;
  --lt-shadow-sm:0 10px 30px -12px rgba(7,23,46,.12);
}
html body{background:var(--lt-soft)}

/* ---------------------------------------------------------------- NAV (glass) */
html body .notch-container{background:rgba(255,255,255,.82)!important;border:1px solid rgba(226,232,242,.9)!important;box-shadow:0 18px 40px -18px rgba(7,23,46,.22)!important;-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px)}
html body .floating-notch-nav .brand-title{color:var(--lt-ink)!important}
html body .floating-notch-nav .brand-sub,html body .floating-notch-nav .brand-tagline{color:var(--lt-blue)!important}
html body .floating-notch-nav .notch-pill-link{color:var(--lt-ink-2)!important}
html body .floating-notch-nav .notch-pill-link:hover,html body .floating-notch-nav .notch-pill-link.active{color:var(--lt-blue)!important;background:var(--lt-blue-soft)!important}
html body .floating-notch-nav .notch-phone,html body .floating-notch-nav .notch-icon-btn,html body .floating-notch-nav .burger{color:var(--lt-ink)!important;background:var(--lt-soft)!important;border-color:var(--lt-line)!important}
html body .floating-notch-nav .burger span,html body .floating-notch-nav .burger i{background:var(--lt-ink)!important}

/* ---------------------------------------------------------- MOBILE DRAWER */
html body .mobile-drawer,html body .mobile-drawer-header,html body .mobile-drawer-foot{background:rgba(255,255,255,.98)!important;color:var(--lt-ink)!important;border-color:var(--lt-line)!important}
html body .mobile-drawer b,html body .mobile-drawer span,html body .mobile-drawer h4,html body .mobile-drawer a{color:var(--lt-ink)}
html body .mobile-drawer .center-sub,html body .mobile-drawer small{color:var(--lt-ink-2)!important}
html body .mobile-drawer-close{background:var(--lt-soft)!important;border-color:var(--lt-line)!important;color:var(--lt-ink)!important}
html body .drawer-bento-card,html body .drawer-center-box,html body .drawer-pill-chip{background:#fff!important;border-color:var(--lt-line)!important;box-shadow:var(--lt-shadow-sm)}
html body .drawer-navigator-banner{background:linear-gradient(135deg,var(--lt-blue-soft),#fff)!important;border-color:rgba(21,84,184,.25)!important}
html body .drawer-navigator-banner .nav-banner-badge{color:var(--lt-blue)!important}
html body .drawer-cta-primary{color:#fff!important}
html body .drawer-cta-primary *{color:#fff!important}

/* ------------------------------------------------------------------- HERO
   Same full-bleed video + centred copy; the video is washed bright instead of
   darkened, text turns ink. */
html body .hero-canvas-wrapper,html body .hero-canvas-frame{background:var(--lt-soft)!important}
/* video at its natural brightness (style.css darkens it to 60% for the old dark hero) */
html body .hero-bg-video{filter:saturate(1.08) contrast(1.02) brightness(1.02)!important}
html body .hero-bg-poster{filter:saturate(1.05) brightness(1.02)!important}
/* light veil only where the text sits; the video stays clearly visible around it */
html body .hero-bg-overlay{background:
  radial-gradient(ellipse 48% 44% at 50% 40%,rgba(248,250,253,.80) 0%,rgba(248,250,253,.62) 45%,rgba(248,250,253,.18) 100%),
  linear-gradient(180deg,rgba(248,250,253,.30) 0%,rgba(248,250,253,0) 22%,rgba(248,250,253,0) 62%,rgba(248,250,253,.85) 100%)!important}
@media (max-width:768px){html body .hero-bg-overlay{background:
  linear-gradient(180deg,rgba(248,250,253,.40) 0%,rgba(248,250,253,.58) 30%,rgba(248,250,253,.58) 68%,rgba(248,250,253,.88) 100%)!important}}
/* soft white halo keeps the dark headline crisp over moving footage */
html body #heroH1 .ln,html body .hero-sub{text-shadow:0 1px 2px rgba(255,255,255,.6),0 0 28px rgba(248,250,253,.9)!important}
html body #heroH1 .ln-primary{color:var(--lt-ink)!important;text-shadow:none!important}
html body #heroH1 .ln-secondary{color:var(--lt-ink)!important;text-shadow:none!important}
html body #heroH1 .accent-editorial{color:var(--lt-blue)!important;-webkit-text-fill-color:var(--lt-blue)!important;background:none!important;text-shadow:none!important}
html body .hero-sub{color:var(--lt-ink-2)!important;text-shadow:none!important}
html body .hero-sub strong,html body .hero-sub a{color:var(--lt-blue)!important}
html body .hero-loc-pill{background:#fff!important;color:var(--lt-ink)!important;border-color:var(--lt-line)!important;box-shadow:var(--lt-shadow-sm)}
html body .hero-wa-btn{background:#fff!important;color:var(--lt-ink)!important;border:1px solid var(--lt-line)!important;box-shadow:var(--lt-shadow-sm)!important}
html body .hero-wa-btn .btn-text{color:var(--lt-ink)!important}
html body .hero-wa-btn .btn-contact-icon{color:#16a34a!important}
html body .hero-trust-strip{border-color:var(--lt-line)!important;background:rgba(255,255,255,.55)!important}
html body .hero-trust-strip .trust-stat-title{color:var(--lt-ink)!important}
html body .hero-trust-strip .trust-badges-row span{color:var(--lt-ink-2)!important}
html body .hero-trust-strip .trust-badges-row span::before{color:var(--lt-blue)!important}
html body #heroVideoToggle,html body .hero-canvas-frame .video-toggle-btn{background:rgba(255,255,255,.85)!important;color:var(--lt-ink)!important;border-color:var(--lt-line)!important}

/* ------------------------------------------------------ METHODOLOGY (pinned) */
html body .timeline-scroll-wrapper{background:var(--lt-bg)!important}
html body .timeline-sticky{background:radial-gradient(70% 60% at 50% 40%,var(--lt-tint) 0%,var(--lt-bg) 70%)!important}
html body #methodology .eyebrow{color:var(--lt-blue)!important}
html body .timeline-title{color:var(--lt-ink)!important}
html body .timeline-title .accent-editorial{color:var(--lt-blue)!important;-webkit-text-fill-color:var(--lt-blue)!important}
html body .timeline-progress{background:linear-gradient(90deg,var(--lt-blue),#38bdf8)!important}
html body .tl-col{border-color:var(--lt-line)!important}
html body .tl-col h2,html body .tl-col h3{color:var(--lt-ink)!important}
html body .tl-col h2 em,html body .tl-col h2 span,html body .tl-col h2 .accent-editorial{color:var(--lt-blue)!important;-webkit-text-fill-color:var(--lt-blue)!important}
html body .tl-col p{color:var(--lt-ink-2)!important}
html body .tl-step{color:var(--lt-blue)!important}
html body .tl-step-line{background:linear-gradient(90deg,var(--lt-blue),rgba(21,84,184,.15))!important}
html body .tl-step-icon{background:var(--lt-blue-soft)!important;border-color:rgba(21,84,184,.25)!important;color:var(--lt-blue)!important}
html body .tl-tag{background:#fff!important;border-color:var(--lt-line)!important;color:var(--lt-ink-2)!important;box-shadow:0 2px 8px -4px rgba(7,23,46,.12)}
html body .col-num{color:rgba(21,84,184,.07)!important;-webkit-text-stroke:0!important;text-shadow:none!important}
html body .tl-mobile-hint,html body .tl-mobile-hint span{color:var(--lt-ink-3)!important;background:transparent!important;border-color:var(--lt-line)!important}
html body .tl-dot{background:#fff!important;color:var(--lt-ink-2)!important;border-color:var(--lt-line)!important}
html body .tl-dot.active{background:var(--lt-blue)!important;color:#fff!important;border-color:var(--lt-blue)!important}

/* ------------------------------------------------- TREATMENT DECK: dark cards
   02 and 06 were dark; they now match the light cards (01, 03…) exactly. */
html body .treat-stack-card.treat-card-dark,html body .treat-stack-card.treat-card-gold{background:#fff!important;color:var(--lt-ink)!important;border:1px solid var(--lt-line)!important;box-shadow:var(--lt-shadow)!important}
html body .treat-card-dark h3,html body .treat-card-gold h3{color:#07172E!important}
html body .treat-card-dark p,html body .treat-card-gold p{color:var(--lt-ink-2)!important}
html body .treat-card-dark .treat-stack-num{color:var(--lt-blue)!important}
html body .treat-card-gold .treat-stack-num{color:#D97706!important}
html body .treat-card-dark .treat-stack-badge{background:var(--lt-blue-soft)!important;color:var(--lt-blue)!important;border-color:transparent!important}
html body .treat-card-gold .treat-stack-badge{background:#FEF3C7!important;color:#B45309!important;border-color:transparent!important}
html body .treat-card-dark .treat-chip,html body .treat-card-gold .treat-chip{background:var(--lt-soft)!important;color:var(--lt-ink)!important;border:1px solid var(--lt-line)!important}
html body .treat-card-dark .treat-chip.active,html body .treat-card-gold .treat-chip.active{background:var(--lt-blue)!important;color:#fff!important;border-color:var(--lt-blue)!important}
html body .treat-card-dark .treat-metric-strip{background:var(--lt-blue-soft)!important;color:#07172E!important}
html body .treat-card-gold .treat-metric-strip{background:#FEF3C7!important;color:#07172E!important}
html body .treat-card-dark .treat-metric-strip b{color:var(--lt-blue)!important}
html body .treat-card-gold .treat-metric-strip b{color:#B45309!important}
html body .treat-card-dark .treat-metric-strip *,html body .treat-card-gold .treat-metric-strip span{color:#07172E}
html body .treat-card-dark .btn-ghost,html body .treat-card-gold .btn-ghost,html body .treat-card-dark a.btn-ghost,html body .treat-card-gold a.btn-ghost{background:#fff!important;color:var(--lt-blue)!important;border:1px solid rgba(21,84,184,.35)!important}
html body .treat-card-dark .treat-stack-left > *:not(.btn):not(.treat-chips):not(.treat-metric-strip):not(.treat-stack-top){color:inherit}
html body .treat-stack-right{background:var(--lt-tint)!important}

/* ------------------------------------------------ WHERE DOES IT HURT (navigator) */
html body .pain-navigator-section{background:linear-gradient(180deg,var(--lt-bg) 0%,var(--lt-tint) 100%)!important;color:var(--lt-ink)!important}
html body .pain-navigator-section .eyebrow{color:var(--lt-blue)!important}
html body .pain-navigator-section h2,html body .pain-navigator-section h3,html body .pain-navigator-section h4{color:var(--lt-ink)!important}
html body .pain-navigator-section h2 em,html body .pain-navigator-section h2 .accent-editorial,html body .pain-navigator-section h2 span{color:var(--lt-blue)!important;-webkit-text-fill-color:var(--lt-blue)!important}
html body .pain-navigator-section p{color:var(--lt-ink-2)!important}
html body .nav-tab-btn{background:#fff!important;color:var(--lt-ink)!important;border:1px solid var(--lt-line)!important;box-shadow:0 4px 14px -8px rgba(7,23,46,.18)!important}
html body .nav-tab-btn span{color:inherit!important}
html body .nav-tab-icon{background:var(--lt-blue-soft)!important;color:var(--lt-blue)!important}
html body .nav-tab-btn:hover{border-color:rgba(21,84,184,.45)!important}
html body .nav-tab-btn.active{background:var(--lt-blue)!important;color:#fff!important;border-color:var(--lt-blue)!important;box-shadow:0 14px 30px -12px rgba(21,84,184,.55)!important}
html body .nav-tab-btn.active .nav-tab-icon{background:rgba(255,255,255,.18)!important;color:#fff!important}
html body .nav-panel,html body .nav-panel.active{background:#fff!important;border:1px solid var(--lt-line)!important;box-shadow:var(--lt-shadow)!important}
html body .nav-phase-card{background:var(--lt-soft)!important;border:1px solid var(--lt-line)!important}
html body .nav-phase-ic{background:var(--lt-blue-soft)!important;border-color:rgba(21,84,184,.25)!important;color:var(--lt-blue)!important}
html body .nav-phase-badge{background:var(--lt-blue-soft)!important;border-color:rgba(21,84,184,.2)!important;color:var(--lt-blue)!important}
html body .nav-phase-tag{background:#fff!important;border-color:var(--lt-line)!important;color:var(--lt-ink-2)!important}
html body .nav-phase-time{border-color:var(--lt-line)!important;color:var(--lt-teal)!important}
html body .nav-phase-time *{color:var(--lt-teal)!important}

/* --------------------------------------------------- TECHNIQUES
   The image showcase keeps its photo + caption gradient; only the empty
   dark fill behind the photo becomes light. */
html body .tech-showcase{background:var(--lt-tint)!important}

/* ----------------------------------------------------- FOUNDER / DR. BHATT */
html body .founder-stage-grid{background:#fff!important;border:1px solid var(--lt-line)!important;box-shadow:var(--lt-shadow)!important;color:var(--lt-ink)!important}
html body .founder-stage-grid h4,html body .founder-stage-grid b{color:var(--lt-ink)!important}
html body .founder-stage-grid p{color:var(--lt-ink-2)!important}
html body .journey-timeline-item{background:var(--lt-soft)!important;border:1px solid var(--lt-line)!important}
html body .journey-timeline-item .num-badge{background:var(--lt-blue-soft)!important;color:var(--lt-blue)!important;border-color:transparent!important}
html body .doc-frame{background:var(--lt-tint)!important}
html body #doctor .btn-ghost{background:#fff!important;color:var(--lt-blue)!important;border:1px solid rgba(21,84,184,.35)!important}

/* ---------------------------------------------------------------- BLOG */
html body .blog-section{background:var(--lt-soft)!important;color:var(--lt-ink)!important}
html body .blog-section .eyebrow{color:var(--lt-blue)!important}
html body .blog-section .section-h2,html body .blog-section h2,html body .blog-section h3{color:var(--lt-ink)!important}
html body .blog-section .section-h2 em,html body .blog-section .section-h2 .accent-editorial,html body .blog-section h2 span{color:var(--lt-blue)!important;-webkit-text-fill-color:var(--lt-blue)!important}
html body .blog-section p{color:var(--lt-ink-2)!important}
html body .blog-card,html body .blog-card.blog-card-featured{background:#fff!important;border:1px solid var(--lt-line)!important;box-shadow:var(--lt-shadow-sm)!important}
html body .blog-card:hover{box-shadow:var(--lt-shadow)!important;border-color:rgba(21,84,184,.3)!important}
html body .blog-card .blog-author{color:var(--lt-ink)!important}
html body .blog-card .blog-dot,html body .blog-card .blog-time{color:var(--lt-ink-3)!important}
html body .blog-card-foot{border-color:var(--lt-line)!important}
html body .blog-card .blog-evidence{color:#047857!important;background:#D1FAE5!important;border-color:transparent!important}
html body .blog-card .blog-read-btn,html body .blog-card .open-article-btn{color:var(--lt-blue)!important}

/* ----------------------------------------------------------------- FAQ */
html body .faq-section{background:radial-gradient(90% 55% at 50% 0%,rgba(21,84,184,.07),transparent 70%),var(--lt-bg)!important;color:var(--lt-ink)!important}
html body .faq-section .eyebrow{color:var(--lt-blue)!important}
html body .faq-main-title{color:var(--lt-ink)!important}
html body .faq-main-title em,html body .faq-main-title .accent-editorial,html body .faq-main-title span{color:var(--lt-blue)!important;-webkit-text-fill-color:var(--lt-blue)!important}
html body .faq-sub-p{color:var(--lt-ink-2)!important}
html body .faq-help-card{background:linear-gradient(145deg,var(--lt-blue-soft) 0%,#fff 100%)!important;border:1px solid rgba(21,84,184,.2)!important;box-shadow:var(--lt-shadow-sm)!important}
html body .faq-help-card h4{color:var(--lt-ink)!important}
html body .faq-help-card p{color:var(--lt-ink-2)!important}
html body .faq-doc-frame{background:var(--lt-tint)!important;border-color:var(--lt-line)!important}
html body .faq-item{background:#fff!important;border:1px solid var(--lt-line)!important;box-shadow:0 6px 20px -14px rgba(7,23,46,.25)}
html body .faq-item.active{background:linear-gradient(145deg,#fff 0%,var(--lt-blue-soft) 100%)!important;border-color:rgba(21,84,184,.35)!important}
html body .faq-question-text{color:var(--lt-ink)!important}
html body .faq-cat-tag{color:var(--lt-blue)!important}
html body .faq-body-inner,html body .faq-body-inner p{color:var(--lt-ink-2)!important}
html body .faq-icon-badge{background:var(--lt-blue-soft)!important;border-color:rgba(21,84,184,.25)!important;color:var(--lt-blue)!important}
html body .faq-item.active .faq-icon-badge{background:var(--lt-blue)!important;color:#fff!important;border-color:var(--lt-blue)!important}

/* ------------------------------------------------ small readability fixes */
html body .eyebrow[style*="#38bdf8"]{color:var(--lt-blue)!important}
/* Why-Us and footer stay dark: nothing here touches .why-us-section or .agency-footer */

html body #doctor .accent-editorial{color:var(--lt-blue)!important;-webkit-text-fill-color:var(--lt-blue)!important}

/* mobile-only step nav was also rendering on desktop */
@media (min-width:769px){html body .tl-mobile-nav{display:none!important}}
@media (max-width:768px){html body .tl-mobile-hint{color:var(--lt-blue)!important;background:var(--lt-blue-soft)!important;border-color:rgba(21,84,184,.25)!important}}
/* nav call button */
html body .notch-call-btn{background:var(--lt-blue-soft)!important;color:var(--lt-blue)!important;border:1px solid rgba(21,84,184,.2)!important}
html body .notch-call-btn svg{color:var(--lt-blue)!important;stroke:currentColor}
html body .brand-subline{color:var(--lt-blue)!important}

/* =============================================================================
   MOTION LAYER SUPPORT (js/motion.js)
   ============================================================================= */
.mo-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:9999;background:linear-gradient(90deg,#1554B8,#38bdf8);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
.mw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.mwi{display:inline-block;transform-origin:0 100%}
/* hero accent: an underline draws under "complete physical freedom." after load */
html body #heroH1 .accent-editorial{position:relative;display:inline}
html body #heroH1 .accent-editorial{background-image:linear-gradient(90deg,rgba(21,84,184,.22),rgba(56,189,248,.28))!important;background-repeat:no-repeat!important;background-position:0 94%!important;background-size:0% .12em!important;transition:background-size 1.3s cubic-bezier(.2,.8,.2,1)}
html.mo-hero-in body #heroH1 .accent-editorial{background-size:100% .12em!important}
/* magnetic CTAs glide back smoothly */
.mo-mag{transition:translate .45s cubic-bezier(.2,.8,.2,1)!important}
/* review cards: gentle lift on hover */
@media (hover:hover){
  html body .rcard{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
  html body .rcard:hover{transform:translateY(-6px);box-shadow:0 26px 50px -24px rgba(7,23,46,.28)}
}

/* hero text over the now-visible video: darker body copy + soft white halo */
html body #heroH1 .ln-primary,html body #heroH1 .ln-secondary{text-shadow:0 1px 2px rgba(255,255,255,.55),0 0 30px rgba(248,250,253,.95)!important}
html body .hero-sub{color:#23324A!important;text-shadow:0 0 18px rgba(248,250,253,1),0 0 2px rgba(255,255,255,.8)!important}