/* =============================================================================
   ABOUT / DR. BHATT — editorial layout
   ============================================================================= */
html body .ax{background:linear-gradient(180deg,#F8FAFD 0%,#fff 40%,#F8FAFD 100%)!important;padding:clamp(90px,11vw,150px) 0!important;overflow:hidden}
.ax-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start}

/* portrait + floating badges */
.ax-portrait{position:sticky;top:110px;padding:0 0 40px}
.ax-photo{position:relative;border-radius:32px;overflow:hidden;aspect-ratio:4/5;background:#E8F0FB;box-shadow:0 50px 90px -40px rgba(7,23,46,.45)}
.ax-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}
.ax-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,23,46,0) 55%,rgba(7,23,46,.55) 100%);pointer-events:none}
.ax-badge{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 14px 11px 11px;border-radius:16px;background:#fff;border:1px solid #E2E8F2;box-shadow:0 20px 40px -18px rgba(7,23,46,.35);z-index:2;will-change:transform}
.ax-badge svg{width:34px;height:34px;padding:8px;border-radius:11px;background:#E8F0FB;color:#1554B8;flex:none}
.ax-badge span{display:flex;flex-direction:column;font-size:12px;line-height:1.3;color:#475872;white-space:nowrap}
.ax-badge b{font:600 13.5px/1.25 var(--f-display);color:#0F1D33}
.ax-b1{top:9%;right:-9%}
.ax-b2{top:44%;left:-12%}
.ax-b3{bottom:20%;right:-7%}
.ax-badge{animation:axBob 6s ease-in-out infinite}
.ax-b2{animation-delay:-2s}.ax-b3{animation-delay:-4s}
@keyframes axBob{0%,100%{translate:0 0}50%{translate:0 -8px}}
.ax-nameplate{position:absolute;left:22px;right:22px;bottom:62px;z-index:2;color:#fff;display:flex;flex-direction:column}
.ax-nameplate b{font:700 clamp(22px,2.2vw,28px)/1.1 var(--f-display);letter-spacing:-.02em}
.ax-nameplate span{font-size:14px;opacity:.85;margin-top:4px}

/* copy column */
.ax-copy{padding-top:clamp(0px,3vw,40px)}
.ax-title{font-size:clamp(40px,5vw,68px)!important;line-height:1.02!important;margin:14px 0 22px!important;color:#0F1D33!important}
.ax-bio{font-size:clamp(17px,1.35vw,19px);line-height:1.7;color:#475872;max-width:54ch}
.ax-quote{margin:clamp(36px,5vw,60px) 0;padding:0;border:0;font:600 clamp(24px,2.6vw,36px)/1.28 var(--f-display)!important;letter-spacing:-.022em;color:#0F1D33;position:relative}
.ax-quote::before{content:"\201C";position:absolute;left:-.06em;top:-.62em;font-size:3.2em;line-height:1;color:#1554B8;opacity:.14}
[data-scrub-words] .sw{opacity:.16;transition:opacity .25s linear}
[data-scrub-words] .sw.on{opacity:1}
.why-us-section [data-scrub-words] .sw{opacity:.28}
.why-us-section [data-scrub-words] .sw.on{opacity:1}
.ax-creds{list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ax-creds li{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #E2E8F2;font-size:14.5px;line-height:1.35;font-weight:500;color:#0F1D33;transition:border-color .3s,transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.ax-creds li:hover{border-color:rgba(21,84,184,.35);transform:translateY(-2px);box-shadow:0 16px 30px -20px rgba(21,84,184,.45)}
.ax-creds svg{width:36px;height:36px;padding:8px;border-radius:11px;background:#E8F0FB;color:#1554B8;flex:none}
.ax-cta{display:flex;flex-wrap:wrap;gap:12px}

/* four pillars */
.ax-pillars{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);margin-top:clamp(90px,11vw,150px);align-items:start}
.ax-pillars-media{position:sticky;top:110px}
html body .ax-video{position:relative;border-radius:28px!important;overflow:hidden;aspect-ratio:1/1;background:#0A1626!important;box-shadow:0 40px 80px -40px rgba(7,23,46,.5)!important;border:0!important}
.ax-video video{width:100%;height:100%;object-fit:cover;display:block}
.ax-video-bar{position:absolute;left:16px;right:16px;bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:3}
.ax-video-tag{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#fff;background:rgba(7,23,46,.8);padding:7px 14px;border-radius:999px}
.ax-video-bar .video-toggle-btn{position:static!important}
.ax-video-cap{margin:14px 4px 0;font-size:14px;color:#7E90A8}
.ax-pillar-list{position:relative;padding-left:42px}
.ax-pillar-list > .eyebrow{display:block;margin:0 0 26px -42px}
.ax-rail{position:absolute;left:10px;top:64px;bottom:40px;width:2px;background:#E2E8F2;border-radius:2px}
.ax-rail i{position:absolute;inset:0;background:linear-gradient(180deg,#1554B8,#38bdf8);transform-origin:top;transform:scaleY(var(--p,0));border-radius:2px}
.ax-pillar{position:relative;display:grid;grid-template-columns:auto 1fr;gap:22px;padding:34px 0;border-bottom:1px solid #E2E8F2;opacity:.35;transition:opacity .5s ease}
.ax-pillar:last-child{border-bottom:0}
.ax-pillar::before{content:"";position:absolute;left:-37px;top:48px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #CBD5E1;transition:background .4s,border-color .4s,transform .5s cubic-bezier(.34,1.56,.64,1)}
.ax-pillar.on{opacity:1}
.ax-pillar.on::before{background:#1554B8;border-color:#1554B8;transform:scale(1.25)}
.ax-num{font:700 clamp(40px,4.4vw,64px)/1 var(--f-display);letter-spacing:-.04em;background:linear-gradient(180deg,#1554B8,#8EC5FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.ax-pillar h3{font-size:clamp(22px,2vw,28px)!important;color:#0F1D33!important;margin:4px 0 10px!important;line-height:1.15!important}
.ax-pillar p{font-size:16px;line-height:1.65;color:#475872;margin:0;max-width:52ch}
html:not(.mo) .ax-pillar{opacity:1}

/* ---------------- tablet & phone ---------------- */
@media (max-width:900px){
  .ax-intro,.ax-pillars{grid-template-columns:1fr}
  .ax-portrait,.ax-pillars-media{position:relative;top:auto}
  .ax-portrait{max-width:520px;width:100%;margin:0 auto;padding-bottom:10px}
  .ax-b1{right:-2%}.ax-b2{left:-3%}.ax-b3{right:-2%}
  .ax-pillars-media{max-width:520px;width:100%;margin:0 auto}
}
@media (max-width:560px){
  .ax-badge{padding:8px 10px 8px 8px;border-radius:13px;gap:8px}
  .ax-badge svg{width:28px;height:28px;padding:6px}
  .ax-badge span{font-size:10.5px}
  .ax-badge b{font-size:12px}
  .ax-b1{top:6%;right:8px}.ax-b2{top:40%;left:8px}.ax-b3{bottom:26%;right:8px}
  .ax-nameplate{left:18px;bottom:26px}
  .ax-creds{grid-template-columns:1fr}
  .ax-cta .btn{flex:1 1 100%;justify-content:center}
  .ax-pillar-list{padding-left:34px}
  .ax-pillar-list > .eyebrow{margin-left:-34px}
  .ax-pillar{grid-template-columns:1fr;gap:8px;padding:26px 0}
  .ax-pillar::before{left:-29px;top:38px}
  .ax-rail{left:6px}
}
@media (prefers-reduced-motion:reduce){.ax-badge{animation:none}[data-scrub-words] .sw{opacity:1}.ax-pillar{opacity:1}}

/* =============================================================================
   TAGLINE BAND — the logo's line, moving with scroll
   ============================================================================= */
.tagline-band{position:relative;padding:clamp(56px,8vw,110px) 0;background:#fff;overflow:hidden}
.tb-row{display:flex;align-items:center;gap:clamp(22px,3vw,48px);width:max-content;white-space:nowrap;will-change:transform}
.tb-row + .tb-row{margin-top:clamp(8px,1.4vw,18px)}
.tb-row span{font:700 clamp(56px,9vw,150px)/1 var(--f-display);letter-spacing:-.05em;color:#0F1D33}
.tb-row .tb-o{color:transparent;-webkit-text-stroke:1.5px #1554B8}
.tb-row i{flex:none;width:clamp(14px,1.6vw,26px);height:clamp(14px,1.6vw,26px);border-radius:50%;background:linear-gradient(135deg,#1554B8,#38bdf8)}
.tb-b span{font-size:clamp(40px,6vw,96px);color:#C9D6E8}
.tb-b .tb-o{-webkit-text-stroke:1.2px #93B4E3}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:768px){.tb-row .tb-o{-webkit-text-stroke:1.1px #1554B8}}

/* phones: the chat teaser covered a quarter of the screen; the red dot on the chat button is enough */
@media (max-width:768px){html body .cb-teaser-popup{display:none!important}}
