/* ========== DESIGN TOKENS ========== */
:root{
  --font-primary:"Open Sans",system-ui,-apple-system,sans-serif;
  --font-accent:"Manrope","Open Sans",sans-serif;
  --fs-h1:clamp(2rem,1.25rem + 3.75vw,3rem);
  --fs-h2:clamp(1.625rem,1.2rem + 2.125vw,2.25rem);
  --fs-h3:clamp(1.25rem,1.05rem + 1vw,1.625rem);
  --fs-h4:clamp(1.125rem,1rem + 0.625vw,1.25rem);
  --fs-body:1rem; --fs-body-lg:1.125rem; --fs-small:.875rem; --fs-eyebrow:.8125rem;
  --fw-r:400; --fw-m:500; --fw-sb:600; --fw-b:700;
  --lh-tight:1.2; --lh-snug:1.4; --lh-normal:1.6;
  --c-primary:#0D6D8C; --c-primary-hover:#0A5871; --c-primary-dark:#084457;
  --c-primary-tint:#E5FAFF; --c-accent:#4695A8; --c-accent-soft:#D7EEF3;
  --c-ink-900:#121B1D; --c-ink-700:#2B3640; --c-ink-500:#4A5763;
  --c-ink-400:#6B7580; --c-ink-200:#D7DCE2; --c-ink-100:#F1F4F6;
  --c-ink-50:#F7F9FA; --c-white:#FFFFFF;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:80px; --sp-10:96px;
  /* Section padding reduced — more compact vertical rhythm than live page */
  --section-py:clamp(32px,2vw + 16px,80px);
  /* Bootstrap-style gutter: 16px on phones → 24px on desktop. Consistent across all breakpoints. */
  --section-px:clamp(16px,1.2vw + 8px,24px);
  /* Bootstrap .container max-width (xxl). Screens < 1500px cap at 1320. Wider viewports still centre nicely. */
  --content-max:1320px;
  --r-xs:4px; --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:999px;
  --sh-sm:0 1px 2px rgba(18,27,29,.06);
  --sh-md:0 4px 12px rgba(18,27,29,.08);
  --sh-lg:0 16px 32px rgba(18,27,29,.08);
  --sh-xl:0 24px 48px rgba(18,27,29,.10);
  --t-fast:150ms ease; --t-normal:250ms ease;
}
*,*::before,*::after{box-sizing:border-box;}
/* Sticky-friendly horizontal overflow control:
   - body uses overflow-x:clip (NOT hidden) — clip doesn't break position:sticky
   - <main> also clipped as a sibling of <header> for double safety
   - All grid/flex items get min-width:0 so they can shrink below their intrinsic content width
   - All images get max-width:100% so they always scale down inside their container */
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--font-primary);font-size:var(--fs-body);line-height:var(--lh-normal);color:var(--c-ink-500);background:var(--c-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100%;overflow-x:clip;}
main{display:block;overflow-x:clip;width:100%;max-width:100%;}
img{max-width:100%;height:auto;display:block;}
/* Critical: grid + flex children must allow shrinking below content width on mobile */
.hero__grid > *,.hero__visual,.hero__ctas,.hero__form-card,.case-card,.case-card__left,.case-card__right{min-width:0;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--c-primary);text-decoration:none;transition:color var(--t-fast);}
a:hover{color:var(--c-primary-hover);}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:var(--r-xs);}
button{font-family:inherit;cursor:pointer;}
h1,h2,h3,h4{font-family:var(--font-primary);color:var(--c-ink-900);line-height:var(--lh-tight);letter-spacing:-0.01em;margin:0 0 var(--sp-4);}
h1{font-size:var(--fs-h1);font-weight:var(--fw-b);}
h2{font-size:var(--fs-h2);font-weight:var(--fw-sb);}
h3{font-size:var(--fs-h3);font-weight:var(--fw-sb);}
h4{font-size:var(--fs-h4);font-weight:var(--fw-sb);line-height:var(--lh-snug);}
p{margin:0 0 var(--sp-4);font-size:var(--fs-body);line-height:var(--lh-normal);color:var(--c-ink-500);}
p:last-child{margin-bottom:0;}
/* Bootstrap-inspired containers. Screens <1500px cap at 1320px; ≥1500px restore previous 1480px width. */
.container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--section-px);box-sizing:border-box;}
.container-fluid{width:100%;margin-inline:auto;padding-inline:var(--section-px);box-sizing:border-box;}
@media(min-width:576px){.container{max-width:540px;}}
@media(min-width:768px){.container{max-width:720px;}}
@media(min-width:992px){.container{max-width:960px;}}
@media(min-width:1200px){.container{max-width:1320px;}}
@media(min-width:1500px){.container{max-width:1480px;}}
.section{padding:var(--section-py) 0;overflow-x:clip;position:relative;}
/* Skip rendering for below-fold sections until scrolled into view (huge PageSpeed + INP win) */
#features,#specialty,#integration,#process,#compliance,#faq,.objections,.roi{content-visibility:auto;contain-intrinsic-size:auto 800px;}
/* Images: max-width 100% + rely on width/height attributes to reserve aspect ratio (no CLS) */
img{max-width:100%;height:auto;}
.section--tint{background:var(--c-primary-tint);}
.section--neutral{background:var(--c-ink-50);}
.section--white{background:var(--c-white);}
.eyebrow{font-family:var(--font-accent);font-size:var(--fs-eyebrow);font-weight:var(--fw-b);color:var(--c-primary);text-transform:uppercase;letter-spacing:.08em;line-height:1;margin-bottom:var(--sp-3);display:inline-block;}
.section-head{text-align:left;max-width:820px;margin:0 0 clamp(24px,2vw,40px);}
.section-head h2{margin-bottom:var(--sp-3);}
.section-head h2 span{color:var(--c-primary);}
.section-head p{font-size:var(--fs-body-lg);color:var(--c-ink-500);margin-top:0;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-size:var(--fs-body);font-weight:var(--fw-sb);line-height:1;padding:14px 28px;border-radius:var(--r-sm);border:1.5px solid transparent;min-height:48px;text-decoration:none;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);}
.btn--primary{background:var(--c-primary);color:var(--c-white);}
.btn--primary:hover{background:var(--c-primary-hover);color:var(--c-white);box-shadow:var(--sh-md);}
.btn--secondary{background:var(--c-white);color:var(--c-primary);border-color:var(--c-primary);}
.btn--secondary:hover{background:var(--c-primary);color:var(--c-white);}
.btn--sm{padding:10px 20px;min-height:40px;font-size:var(--fs-small);}

/* ========== NAV ========== */
/* Sticky header — hardware-accelerated to avoid scroll-blink on iOS/Android */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:saturate(180%) blur(10px);
  backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid var(--c-ink-200);
  -webkit-transform:translateZ(0);transform:translateZ(0);
  will-change:transform;
}
.nav{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-3) 0;flex-wrap:nowrap;min-width:0;}
.nav__logo{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-accent);font-weight:800;font-size:1.5rem;color:var(--c-primary);letter-spacing:-.02em;flex-shrink:0;}
.nav__logo svg{flex-shrink:0;}
.nav__links{display:none;gap:var(--sp-4);margin-left:var(--sp-4);flex:1;min-width:0;}
.nav__links a{color:var(--c-ink-700);font-size:var(--fs-small);font-weight:var(--fw-m);text-decoration:none;padding:6px 8px;border-radius:var(--r-sm);transition:color var(--t-fast),background var(--t-fast);white-space:nowrap;}
.nav__links a:hover,.nav__links a:focus-visible{color:var(--c-primary);background:var(--c-primary-tint);text-decoration:none;outline:none;}
.nav__ctas{display:flex;gap:var(--sp-2);margin-left:auto;flex-shrink:0;}
.nav__ctas .btn{white-space:nowrap;}
.nav__menu-btn{display:none;margin-left:auto;background:transparent;border:1px solid var(--c-ink-200);border-radius:var(--r-sm);padding:8px;color:var(--c-ink-900);cursor:pointer;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;}
.nav__menu-btn:hover{border-color:var(--c-primary);color:var(--c-primary);}
.nav__menu-icon-close{display:none;}
.nav__menu-btn[aria-expanded="true"] .nav__menu-icon-open{display:none;}
.nav__menu-btn[aria-expanded="true"] .nav__menu-icon-close{display:block;}
/* Desktop nav visible only ≥1200px (was 992px — caused tablet overflow) */
@media (min-width:1200px){.nav__links{display:flex;}}
/* Mobile + tablet drawer (<1200px) */
@media (max-width:1199.98px){
  .nav__menu-btn{display:inline-flex;}
  .nav__ctas{display:none;}
  .nav__links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;margin:0;padding:var(--sp-3) var(--section-px) var(--sp-4);background:var(--c-white);border-top:1px solid var(--c-ink-200);box-shadow:var(--sh-lg);z-index:80;}
  .nav__links.is-open{display:flex;}
  .nav__links a{padding:14px 10px;font-size:15px;border-bottom:1px solid var(--c-ink-100);color:var(--c-ink-900);font-weight:var(--fw-sb);}
  .nav__links a:last-child{border-bottom:0;}
  /* Drawer CTAs appear below the links when nav is open */
  .site-header.is-open .nav__ctas{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:8px;background:var(--c-white);padding:0 var(--section-px) var(--sp-4);border-bottom:1px solid var(--c-ink-200);box-shadow:var(--sh-lg);z-index:79;margin-left:0;}
  .site-header.is-open .nav__ctas .btn{width:100%;justify-content:center;}
}
/* Anti-blink for mobile scroll: GPU-promoted body */
@media (max-width:991.98px){
  body{-webkit-backface-visibility:hidden;backface-visibility:hidden;}
}

/* ========== HERO ========== */
/* V4: solid background + hard separation — no gradient */
.hero{background:#EAF5FA;padding:clamp(24px,1.5vw + 12px,48px) 0 clamp(36px,2.5vw + 20px,72px);border-bottom:1px solid rgba(13,109,140,.18);position:relative;overflow-x:clip;width:100%;}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:6px;background:linear-gradient(180deg,rgba(13,109,140,.08),rgba(13,109,140,0));pointer-events:none;}
.hero__grid{display:grid;gap:clamp(24px,2vw + 8px,40px);grid-template-columns:1fr;align-items:center;}
@media(min-width:992px){.hero__grid{grid-template-columns:1fr 1.15fr;gap:clamp(32px,2.5vw,56px);}}
.hero__badge{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-small);font-weight:var(--fw-sb);color:var(--c-ink-700);background:rgba(255,255,255,.8);border:1px solid var(--c-ink-200);border-radius:var(--r-pill);padding:6px 14px;margin-bottom:var(--sp-4);}
.hero h1{font-size:clamp(2.25rem,1.5rem + 3.5vw,3.25rem);line-height:1.1;margin-bottom:var(--sp-3);}
.hero h1 .accent{color:var(--c-primary);display:block;}
.hero__sub{font-size:var(--fs-body-lg);color:var(--c-ink-500);margin-bottom:var(--sp-5);max-width:560px;}
.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-5);}
.hero__trust{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(12px,1vw,20px);padding-top:clamp(16px,1vw + 8px,24px);margin-top:clamp(8px,0.5vw,14px);border-top:1px solid rgba(13,109,140,.14);min-width:0;}
.hero__trust-logos{display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(10px,1vw,18px);min-width:0;flex-shrink:1;}
.hero__trust-logos img{height:clamp(22px,1.2vw + 10px,28px);width:auto;object-fit:contain;display:block;flex-shrink:0;}
.hero__testimonial-group{display:inline-flex;align-items:center;gap:clamp(8px,0.8vw,14px);flex-shrink:0;margin-left:auto;}
.hero__avatars{display:inline-flex;align-items:center;flex-shrink:0;}
.hero__avatars img{width:30px;height:30px;border-radius:999px;border:2px solid var(--c-white);object-fit:cover;background:var(--c-white);box-shadow:0 2px 6px rgba(18,27,29,.08);margin-left:-8px;}
.hero__avatars img:first-child{margin-left:0;}
.hero__testimonial-link{font-size:var(--fs-small);font-weight:var(--fw-sb);color:var(--c-primary);text-decoration:underline;text-underline-offset:3px;white-space:nowrap;flex-shrink:0;}
.hero__testimonial-link:hover{color:var(--c-primary-hover);}
/* Tablet: wrap naturally when viewport truly can't fit a single row */
@media(max-width:860px){.hero__trust{flex-wrap:wrap;row-gap:10px;}.hero__testimonial-group{margin-left:0;}}
.hero__visual{background:var(--c-white);border:1px solid var(--c-ink-200);border-radius:var(--r-md);box-shadow:var(--sh-xl);overflow:hidden;width:100%;max-width:100%;}
.hero__visual-img,.hero__visual img{width:100%;max-width:100%;height:auto;display:block;}
.hero__visual-header{background:var(--c-ink-50);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-ink-200);display:flex;gap:6px;}
.hero__visual-header span{width:10px;height:10px;border-radius:999px;background:var(--c-ink-200);}
.hero__visual-body{padding:var(--sp-5);display:grid;gap:var(--sp-3);}
.mock-row{display:grid;grid-template-columns:60px 1fr 80px 60px;gap:var(--sp-3);align-items:center;padding:var(--sp-3);background:var(--c-ink-50);border-radius:var(--r-sm);font-size:var(--fs-small);}
.mock-row .avatar{width:32px;height:32px;border-radius:999px;background:var(--c-accent-soft);}
.mock-row .name{font-weight:var(--fw-sb);color:var(--c-ink-900);}
.mock-row .sub{color:var(--c-ink-400);font-size:12px;}
.mock-row .badge{background:var(--c-accent-soft);color:var(--c-primary);padding:2px 8px;border-radius:var(--r-pill);font-size:11px;font-weight:var(--fw-sb);text-align:center;}
.mock-row .amount{color:var(--c-ink-900);font-weight:var(--fw-sb);text-align:right;}
.hero__pills{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-6);}
/* Mobile/tablet: horizontal scroll within the container (no negative margin so pills stay inside the section background) */
@media(max-width:991.98px){
  .hero__pills{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory;padding-bottom:6px;width:100%;max-width:100%;}
  .hero__pills::-webkit-scrollbar{display:none;}
  .hero__pills .pill{flex-shrink:0;scroll-snap-align:start;}
}
.pill{background:var(--c-white);border:1px solid var(--c-ink-200);border-radius:var(--r-pill);padding:8px 16px;font-size:var(--fs-small);font-weight:var(--fw-m);color:var(--c-ink-700);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;}
.pill:hover,.pill.is-active{background:var(--c-primary);color:var(--c-white);border-color:var(--c-primary);}

/* ========== PROBLEMS (68%, 61%, ...) ========== */

@media(min-width:992px){}

/* Background pattern matches live A&I landing page — cyan, teal, grey rotation */










/* ========== OBJECTIONS STRIP ========== */
.objections{background:var(--c-primary-tint);padding:clamp(24px,2vw + 8px,48px) 0;}
.objections-grid{display:grid;gap:var(--sp-6);grid-template-columns:1fr;}
@media(min-width:768px){.objections-grid{grid-template-columns:repeat(3,1fr);}}
.obj{display:flex;gap:var(--sp-3);align-items:flex-start;}
.obj__check{flex-shrink:0;width:24px;height:24px;border-radius:999px;background:var(--c-primary);color:var(--c-white);display:inline-flex;align-items:center;justify-content:center;margin-top:2px;}
.obj__body{font-size:var(--fs-body);color:var(--c-ink-700);line-height:var(--lh-normal);}
.obj__body strong{color:var(--c-ink-900);display:block;margin-bottom:var(--sp-2);font-weight:var(--fw-sb);}
.obj__body em{font-style:normal;font-weight:var(--fw-sb);color:var(--c-primary);}

/* ========== CARDS (unified) ========== */
.card{background:var(--c-white);border:1px solid var(--c-ink-200);border-radius:var(--r-md);padding:var(--sp-6);box-shadow:var(--sh-md);transition:transform var(--t-normal),box-shadow var(--t-normal);}
.card:hover{transform:translateY(-2px);box-shadow:var(--sh-lg);}
.icon-chip{width:64px;height:64px;border-radius:var(--r-md);background:var(--c-accent-soft);color:var(--c-primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:12px;}
.icon-chip svg{width:40px!important;height:40px!important;display:block;flex-shrink:0;}

/* ========== FEATURE TABS (Specialty EHR Features) ========== */
.tabs{display:flex;flex-wrap:wrap;gap:var(--sp-2);border-bottom:1px solid var(--c-ink-200);margin-bottom:var(--sp-6);}
.tabs button{background:transparent;border:0;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-body);font-weight:var(--fw-m);color:var(--c-ink-500);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--t-fast),border-color var(--t-fast);white-space:nowrap;cursor:pointer;}
.tabs button.is-active{color:var(--c-primary);font-weight:var(--fw-sb);border-bottom-color:var(--c-primary);}
/* Tablet: scroll horizontally instead of wrapping (avoids two-line stacked tabs) */
@media(max-width:1199.98px){
  .tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(var(--section-px) * -1);padding-inline:var(--section-px);padding-bottom:6px;}
  .tabs::-webkit-scrollbar{display:none;}
  .tabs button{flex-shrink:0;}
  .integ-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(var(--section-px) * -1);padding-inline:var(--section-px);}
  .integ-tabs::-webkit-scrollbar{display:none;}
  .integ-tabs button{flex-shrink:0;white-space:nowrap;}
}
.feature-grid{display:grid;gap:var(--sp-6);grid-template-columns:1fr;align-items:start;}
@media(min-width:992px){.feature-grid{grid-template-columns:1fr 1fr;gap:var(--sp-8);}}
.feature-card h3{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-h3);margin-bottom:var(--sp-3);}
/* Let the icon-chip use the default 88px size inside feature-card h3 now (no shrink) */
.feature-card p{margin-bottom:var(--sp-5);}
.accordion{border-top:1px solid var(--c-ink-200);margin-top:var(--sp-5);}
.accordion-item{border-bottom:1px solid var(--c-ink-200);}
.accordion-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-5) 0;background:transparent;border:0;text-align:left;font-size:var(--fs-body);font-weight:var(--fw-sb);color:var(--c-ink-900);}
.accordion-btn svg{flex-shrink:0;color:var(--c-primary);transition:transform var(--t-normal);}
.accordion-item.is-open .accordion-btn svg{transform:rotate(180deg);}
.accordion-body{max-height:0;overflow:hidden;transition:max-height var(--t-normal) ease;}
.accordion-item.is-open .accordion-body{max-height:300px;}
.accordion-body__inner{padding:0 0 var(--sp-5);font-size:var(--fs-body);color:var(--c-ink-500);line-height:var(--lh-normal);}
.feature-image{width:100%;border-radius:var(--r-md);display:block;object-fit:cover;}
img.feature-image{background:transparent;border:0;}
div.feature-image{background:var(--c-ink-50);border:1px solid var(--c-ink-200);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:var(--c-ink-400);font-size:var(--fs-small);}

/* ========== SPECIALTY (V5 — tiles + preview panel + screenshot) ========== */
.specialty-wrap{display:grid;gap:clamp(24px,2vw + 8px,40px);grid-template-columns:1fr;}
/* Desktop ≥1280px — tiles on left, preview on right */
@media(min-width:1280px){
  .specialty-wrap{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;}
  .specialty-wrap > .specialty-grid{order:1;}
  .specialty-wrap > .specialty-preview{order:2;}
}
/* Tablet & mobile (<1280px): TILES first, preview below — and preview is more compact */
@media(max-width:1279.98px){
  .specialty-wrap > .specialty-grid{order:1;}
  .specialty-wrap > .specialty-preview{order:2;position:static;top:auto;}
  .specialty-preview__shot{max-height:240px;}
}
@media(max-width:767.98px){
  .specialty-preview__shot{max-height:200px;}
}
.specialty-preview{position:sticky;top:80px;background:var(--c-white);border:1px solid var(--c-ink-200);border-radius:var(--r-lg);box-shadow:var(--sh-md);padding:clamp(20px,1.5vw + 8px,32px);display:flex;flex-direction:column;gap:var(--sp-4);overflow:hidden;}
.specialty-preview__head{display:flex;align-items:center;gap:14px;}
.specialty-preview__head img{width:52px;height:52px;object-fit:contain;background:var(--c-primary-tint);border-radius:var(--r-md);padding:8px;}
.specialty-preview__head h3{margin:0;font-size:var(--fs-h3);color:var(--c-primary);}
.specialty-preview__head .sub{font-size:var(--fs-small);color:var(--c-ink-500);margin:0;}
.specialty-preview__shot{width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:var(--r-md);display:block;background:var(--c-ink-50);}
.specialty-preview__features{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.specialty-preview__features li{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-small);color:var(--c-ink-700);line-height:1.5;}
.specialty-preview__features li svg{flex-shrink:0;color:var(--c-primary);margin-top:2px;}
.specialty-preview__footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding-top:var(--sp-4);border-top:1px solid var(--c-ink-200);}
.specialty-preview__stat{display:flex;flex-direction:column;}
.specialty-preview__stat .n{font-size:clamp(1.5rem,1rem + 1.5vw,2rem);font-weight:var(--fw-b);color:var(--c-primary);line-height:1;}
.specialty-preview__stat .l{font-size:11px;font-family:var(--font-accent);font-weight:var(--fw-b);color:var(--c-ink-500);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;}
.specialty-grid{display:grid;gap:clamp(10px,1vw,14px);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));}
@media(min-width:640px){.specialty-grid{grid-template-columns:repeat(4,1fr);}}
.specialty-tile{position:relative;display:flex;flex-direction:column;gap:8px;background:var(--c-white);border:1.5px solid var(--c-ink-200);border-radius:var(--r-md);padding:clamp(12px,1vw + 4px,18px);box-shadow:var(--sh-sm);transition:all var(--t-normal);cursor:pointer;text-align:left;font-family:inherit;color:inherit;}
.specialty-tile:hover{transform:translateY(-2px);box-shadow:var(--sh-md);border-color:var(--c-primary);}
.specialty-tile.is-active{border-color:var(--c-primary);background:var(--c-primary-tint);box-shadow:var(--sh-md);}
.specialty-tile.is-active::after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:10px;height:10px;background:var(--c-primary-tint);border-left:1.5px solid var(--c-primary);border-top:1.5px solid var(--c-primary);}
.specialty-tile__icon-wrap{width:40px;height:40px;border-radius:var(--r-sm);background:var(--c-primary-tint);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.specialty-tile.is-active .specialty-tile__icon-wrap{background:var(--c-white);}
.specialty-tile__icon{width:28px;height:28px;object-fit:contain;display:block;}
.specialty-tile__name{font-size:var(--fs-body);font-weight:var(--fw-sb);color:var(--c-ink-900);margin:0;line-height:1.3;}
.specialty-tile__count{font-family:var(--font-accent);font-size:10px;font-weight:var(--fw-b);color:var(--c-primary);text-transform:uppercase;letter-spacing:.06em;margin:0;}
.specialty-cta{margin-top:clamp(24px,2vw,40px);padding:clamp(24px,2vw + 8px,40px);background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-dark) 100%);border-radius:var(--r-md);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);color:var(--c-white);}
.specialty-cta h3{color:var(--c-white);margin:0 0 4px;font-size:var(--fs-h3);}
.specialty-cta p{color:rgba(255,255,255,.85);margin:0;font-size:var(--fs-body);}
.specialty-cta .btn{background:var(--c-white);color:var(--c-primary);border-color:var(--c-white);}
.specialty-cta .btn:hover{background:transparent;color:var(--c-white);}

/* ========== INTEGRATIONS ========== */
.integ-tabs{display:flex;flex-wrap:wrap;gap:var(--sp-2);border-bottom:1px solid var(--c-ink-200);margin-bottom:var(--sp-7);justify-content:center;}
.integ-tabs button{background:transparent;border:0;padding:var(--sp-3) var(--sp-5);font-size:var(--fs-body);font-weight:var(--fw-m);color:var(--c-ink-500);border-bottom:2px solid transparent;margin-bottom:-1px;}
.integ-tabs button.is-active{color:var(--c-primary);font-weight:var(--fw-sb);border-bottom-color:var(--c-primary);}
.integ-grid{display:grid;gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}
@media(min-width:992px){.integ-grid{grid-template-columns:repeat(5,1fr);gap:var(--sp-4);}}
.integ-card{background:var(--c-white);border:1px solid var(--c-ink-200);border-radius:var(--r-md);padding:var(--sp-5);box-shadow:var(--sh-sm);min-height:200px;display:flex;flex-direction:column;gap:var(--sp-3);transition:box-shadow var(--t-fast),transform var(--t-fast);}
.integ-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px);}
/* Clean logo cell — no gray panel, consistent height, centered */
.integ-card__logo-wrap{height:96px;display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:var(--sp-3);}
.integ-card__logo{max-height:72px;max-width:180px;width:auto;height:auto;object-fit:contain;display:block;}
.integ-card h4{font-size:var(--fs-body);font-weight:var(--fw-sb);color:var(--c-ink-900);margin:0;line-height:1.3;}
.integ-card p{font-size:var(--fs-small);color:var(--c-ink-500);line-height:var(--lh-normal);margin:0;}
.integ-cta{text-align:center;margin-top:var(--sp-8);}
.integ-cta h3{font-size:var(--fs-h3);margin-bottom:var(--sp-3);}
.integ-cta p{max-width:560px;margin:0 auto var(--sp-5);color:var(--c-ink-500);}
.integ-cta__btns{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center;}

/* Process-details mobile toggle (hidden on desktop — details always visible there) */
.process-toggle-wrap{display:none;}

/* ========== PROCESS TIMELINE ========== */
/* Process timeline — responsive: 1col phone, 2col small tablet, 3col tablet, 5col desktop */
.process-timeline{display:grid;gap:var(--sp-5);grid-template-columns:1fr;position:relative;margin-bottom:var(--sp-7);}
@media(min-width:480px){.process-timeline{grid-template-columns:repeat(2,1fr);}}
@media(min-width:768px){.process-timeline{grid-template-columns:repeat(3,1fr);}}
@media(min-width:1100px){.process-timeline{grid-template-columns:repeat(5,1fr);gap:var(--sp-3);}}
.process-step{text-align:center;position:relative;padding:0 var(--sp-3);}
.process-step__icon{width:72px;height:72px;border-radius:999px;background:var(--c-primary-tint);border:2px solid var(--c-primary);color:var(--c-primary);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--sp-3);position:relative;z-index:2;transition:all var(--t-normal);}
.process-step:hover .process-step__icon{background:var(--c-primary);transform:translateY(-4px);box-shadow:var(--sh-lg);}
.process-step:hover .process-step__icon img{filter:brightness(0) invert(1);}
.process-step__title{font-size:var(--fs-body);font-weight:var(--fw-sb);color:var(--c-ink-900);margin-bottom:var(--sp-1);}
.process-step__dur{font-size:var(--fs-small);color:var(--c-ink-400);}
/* Connector arrows between steps (5-col desktop only) */
@media(min-width:1100px){
  .process-step::after{content:"";position:absolute;top:36px;left:calc(50% + 40px);right:calc(-50% + 40px);height:2px;background:repeating-linear-gradient(90deg,var(--c-primary) 0 6px,transparent 6px 12px);opacity:.5;z-index:1;}
  .process-step:last-child::after{display:none;}
  .process-step::before{content:"";position:absolute;top:30px;right:calc(-50% + 38px);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid var(--c-primary);opacity:.7;z-index:1;}
  .process-step:last-child::before{display:none;}
}
/* Mobile/tablet: cleaner stack — no awkward connectors between rows. Down-arrow shows only in single-column phone view */
@media(max-width:1099.98px){
  .process-step::after,.process-step::before{display:none!important;}
}
@media(max-width:479.98px){
  .process-step:not(:last-child)::after{content:"↓";display:block!important;text-align:center;color:var(--c-primary);font-size:20px;font-weight:700;margin:var(--sp-3) 0 var(--sp-4);opacity:.6;}
}
.process-details{display:grid;gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
@media(min-width:992px){.process-details{grid-template-columns:repeat(5,1fr);}}
.process-detail{background:var(--c-white);border:1px solid var(--c-ink-200);border-radius:var(--r-md);padding:var(--sp-5);}
.process-detail h4{font-size:var(--fs-body);font-weight:var(--fw-sb);color:var(--c-ink-900);margin-bottom:var(--sp-2);}
.process-detail p{font-size:var(--fs-small);color:var(--c-ink-500);line-height:var(--lh-normal);margin-bottom:var(--sp-3);}
.process-detail ul{margin:0;padding-left:var(--sp-5);font-size:var(--fs-small);color:var(--c-ink-500);line-height:var(--lh-normal);}
.process-detail ul li{margin-bottom:4px;}

/* ========== COMPLIANCE GRID ========== */
.compliance-grid{display:grid;gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
@media(min-width:992px){.compliance-grid{grid-template-columns:repeat(4,1fr);gap:var(--sp-5);}}
.comp-card{background:var(--c-white);border:1px solid var(--c-ink-200);border-radius:var(--r-md);padding:var(--sp-6);box-shadow:var(--sh-sm);display:flex;flex-direction:column;gap:var(--sp-3);}
.comp-card__logo{width:auto;height:56px;max-width:90px;object-fit:contain;display:block;}
.comp-card h4{font-size:var(--fs-h4);font-weight:var(--fw-sb);color:var(--c-ink-900);margin:0;padding-bottom:var(--sp-3);border-bottom:1px solid var(--c-ink-200);}
.comp-card p{font-size:var(--fs-small);color:var(--c-ink-500);line-height:var(--lh-normal);margin:0;}

/* ========== CASE STUDY TESTIMONIAL CARD (V6 — second testimonial style) ========== */
.case-wrap{position:relative;}
.case-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:48px;height:48px;border-radius:999px;background:var(--c-white);
  border:1px solid var(--c-ink-200);color:var(--c-ink-700);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--sh-md);transition:all var(--t-fast);
}
.case-arrow:hover{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-tint);}
.case-arrow--prev{left:-22px;}
.case-arrow--next{right:-22px;}
@media(max-width:1100px){
  .case-arrow--prev{left:8px;}
  .case-arrow--next{right:8px;}
}
@media(max-width:480px){
  .case-arrow{width:40px;height:40px;}
}
.case-card{
  flex:1;min-width:0;display:grid;grid-template-columns:1fr 1fr;
  background:var(--c-white);border:1px solid var(--c-ink-200);border-radius:24px;
  overflow:hidden;box-shadow:var(--sh-md);
}
@media(max-width:880px){.case-card{grid-template-columns:1fr;}}
.case-card__left{
  background:#E8F2F8;padding:clamp(24px,2vw + 12px,40px);
  display:flex;flex-direction:column;gap:24px;
}
.case-card__right{
  background:var(--c-white);padding:clamp(24px,2vw + 12px,40px);
  display:flex;flex-direction:column;gap:24px;justify-content:space-between;position:relative;
}
.case-card__right::after{
  content:"\201D";position:absolute;bottom:-30px;right:clamp(16px,2vw,40px);
  font-family:Georgia,serif;font-size:140px;color:var(--c-ink-200);opacity:.4;
  line-height:1;pointer-events:none;
}
.case-card__badge{
  display:inline-block;background:#D5E5F0;color:var(--c-primary);
  padding:6px 18px;border-radius:999px;font-size:11.5px;font-weight:var(--fw-b);
  letter-spacing:.08em;text-transform:uppercase;align-self:flex-start;
}
.case-card__title{
  font-family:var(--font-accent);color:var(--c-primary);
  font-size:clamp(1.25rem,1rem + 1vw,1.625rem);font-weight:var(--fw-b);margin:0;
}
.case-card__cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media(max-width:520px){.case-card__cols{grid-template-columns:1fr;}}
.case-card__col-label{
  font-family:var(--font-accent);font-size:11px;font-weight:var(--fw-b);
  letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-500);
  display:block;margin-bottom:14px;
}
.case-card__col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}
.case-card__col li{font-size:13.5px;line-height:1.45;color:var(--c-ink-900);display:flex;gap:10px;align-items:flex-start;}
.case-bullet{
  width:18px;height:18px;border-radius:50%;display:inline-flex;
  align-items:center;justify-content:center;flex-shrink:0;font-weight:var(--fw-b);
}
.case-bullet--bad{border:1.5px solid #C0272D;color:#C0272D;}
.case-bullet--bad::before{content:"";display:block;width:8px;height:1.5px;background:#C0272D;border-radius:1px;}
.case-bullet--good{border:1.5px solid var(--c-primary);color:var(--c-primary);}
.case-bullet--good::before{content:"";display:block;width:8px;height:5px;border-left:1.5px solid var(--c-primary);border-bottom:1.5px solid var(--c-primary);transform:rotate(-45deg) translate(1px,-1px);}
.case-card__stats{
  background:var(--c-white);border-radius:14px;padding:20px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  border:1px solid #D5E5F0;margin-top:auto;
}
.case-stat{display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid var(--c-ink-200);padding:0 6px;}
.case-stat:last-child{border-right:none;}
.case-stat__num{font-family:var(--font-accent);font-size:clamp(1.25rem,.9rem + .9vw,1.625rem);font-weight:var(--fw-b);color:var(--c-primary);line-height:1;}
.case-stat__lbl{font-size:10.5px;color:var(--c-ink-500);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--fw-sb);margin-top:6px;line-height:1.3;}
.case-card__stars{color:#F5A623;font-size:18px;letter-spacing:3px;align-self:flex-end;}
.case-card__quote{
  font-family:var(--font-accent);font-style:italic;color:var(--c-primary);
  font-size:clamp(1rem,.8rem + .55vw,1.25rem);line-height:1.55;
  margin:0;padding:0;border:0;font-weight:var(--fw-m);position:relative;z-index:1;
}
.case-card__author{display:flex;gap:12px;align-items:center;position:relative;z-index:1;}
.case-card__author img{width:48px;height:48px;border-radius:50%;border:2px solid var(--c-white);box-shadow:var(--sh-sm);object-fit:cover;flex-shrink:0;}
.case-card__author-name{font-weight:var(--fw-b);color:var(--c-ink-900);margin:0;font-size:14px;}
.case-card__author-title{font-size:12.5px;color:var(--c-ink-500);margin:2px 0 0;}
.case-dots{display:flex;justify-content:center;gap:10px;margin-top:24px;}
.case-dot{
  width:12px;height:12px;border-radius:50%;background:var(--c-ink-200);border:0;
  padding:0;cursor:pointer;transition:all var(--t-fast);
}
.case-dot.is-active{background:var(--c-primary);}

/* ========== HEALTHCARE PLATFORM DIAGRAM (Speed Advantage) ========== */
.hcp{background:var(--c-white);border:1px solid var(--c-ink-200);border-radius:var(--r-lg);padding:0;box-shadow:var(--sh-md);width:100%;margin:clamp(24px,2vw,36px) 0 0;overflow:hidden;}
.hcp-header{background:linear-gradient(180deg,#3a587f,#2e4a6c);color:#fff;text-align:center;padding:14px 20px;font-family:var(--font-accent);font-size:15px;font-weight:var(--fw-b);letter-spacing:.18em;text-transform:uppercase;}
/* Wrapper that becomes a horizontal-scroll viewport on tablet/mobile.
   At desktop ≥1200px, display:contents makes the wrapper invisible so the grid lays out as before. */
.hcp-scroll{display:contents;}
.hcp-grid{display:grid;grid-template-columns:1fr 1fr 2fr 2fr 2fr 2fr;gap:8px;padding:12px;background:#f3f6f9;align-items:start;}
.hcp-col{display:flex;flex-direction:column;gap:8px;min-width:0;}
.hcp-col--double{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start;align-items:start;}
.hcp-col--double > .hcp-col__head{grid-column:1 / -1;}
.hcp-col__sub{display:flex;flex-direction:column;gap:8px;min-width:0;}
/* Tablet + mobile: keep the full 6-column diagram, but make the wrapper horizontally scrollable. */
@media(max-width:1199.98px){
  .hcp-scroll{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;border-top:1px solid var(--c-ink-200);border-bottom:1px solid var(--c-ink-200);background:#f3f6f9;position:relative;}
  .hcp-grid{min-width:1180px;border:0;}
  .hcp-col{scroll-snap-align:start;}
  .hcp-scroll::-webkit-scrollbar{height:8px;}
  .hcp-scroll::-webkit-scrollbar-thumb{background:var(--c-primary);border-radius:4px;}
  .hcp-scroll::-webkit-scrollbar-track{background:rgba(13,109,140,.08);}
  .hcp-scroll::after{content:"";position:sticky;right:0;top:0;float:right;width:32px;height:100%;background:linear-gradient(90deg,rgba(243,246,249,0),rgba(243,246,249,1));pointer-events:none;}
}
.hcp-col__head{color:#fff;text-align:center;padding:14px 10px;font-family:var(--font-accent);font-size:11.5px;font-weight:var(--fw-b);letter-spacing:.08em;text-transform:uppercase;line-height:1.25;border-radius:6px 6px 0 0;}
.hcp-col--blue1 .hcp-col__head{background:#3D5A78;}
.hcp-col--blue2 .hcp-col__head{background:#4A6B89;}
.hcp-col--green1 .hcp-col__head{background:#3D7553;}
.hcp-col--green2 .hcp-col__head{background:#2E5F42;}
.hcp-col--brown .hcp-col__head{background:#A56B3D;}
.hcp-col--olive .hcp-col__head{background:#7A7A2F;}
.hcp-cell{background:#fff;border:1px solid var(--c-ink-200);border-radius:6px;padding:0;display:flex;flex-direction:column;overflow:hidden;}
.hcp-cell__head{font-family:var(--font-accent);font-size:10.5px;font-weight:var(--fw-b);letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:8px 10px;line-height:1.25;text-align:center;}
.hcp-col--blue1 .hcp-cell__head{background:#5B7B9A;}
.hcp-col--blue2 .hcp-cell__head{background:#6B8AA8;}
.hcp-col--green1 .hcp-cell__head{background:#4A8966;}
.hcp-col--green2 .hcp-cell__head{background:#3A7058;}
.hcp-col--brown .hcp-cell__head{background:#B8804E;}
.hcp-col--olive .hcp-cell__head{background:#8C8C3A;}
.hcp-col--blue1 .hcp-cell{background:#EAEFF5;}
.hcp-col--blue2 .hcp-cell{background:#EAEFF5;}
.hcp-col--green1 .hcp-cell{background:#E6F1E8;}
.hcp-col--green2 .hcp-cell{background:#E1ECDD;}
.hcp-col--brown .hcp-cell{background:#F6EBDB;}
.hcp-col--olive .hcp-cell{background:#EDEDD5;}
.hcp-cell ul{list-style:none;padding:8px 10px;margin:0;display:flex;flex-direction:column;gap:3px;}
.hcp-cell li{font-size:10.5px;line-height:1.4;color:var(--c-ink-700);position:relative;padding-left:9px;}
.hcp-cell li::before{content:"•";position:absolute;left:0;color:var(--c-ink-500);}
/* HCP — at tablet/mobile the grid scrolls horizontally (full desktop sizing inside),
   so the static bands (header / infra / API / partners) just need slightly tighter padding */
@media(max-width:1199.98px){
  .hcp-header{padding:10px 16px;font-size:13px;letter-spacing:.14em;}
  .hcp-infra{padding:10px 14px;font-size:11.5px;letter-spacing:.12em;}
  .hcp-api{padding:14px 14px 10px;font-size:11.5px;letter-spacing:.14em;}
  .hcp-partners{padding:0 8px 12px;gap:8px;}
  .hcp-partner__head{padding:8px 10px;font-size:10px;}
  .hcp-partner__logos{padding:10px 8px;gap:8px;}
}
.hcp-infra,.hcp-api{display:block;margin:0 12px;}
.hcp-infra{background:linear-gradient(180deg,#3a587f,#2e4a6c);color:#fff;text-align:center;padding:12px 16px;font-family:var(--font-accent);font-size:13px;font-weight:var(--fw-b);letter-spacing:.14em;text-transform:uppercase;border-radius:0;margin-top:0;}
.hcp-api{background:transparent;color:var(--c-primary-dark);text-align:center;padding:18px 16px 14px;font-family:var(--font-accent);font-size:13px;font-weight:var(--fw-b);letter-spacing:.18em;text-transform:uppercase;}
/* Bottom partner-logo row */
.hcp-partners{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0 12px 16px;background:#f3f6f9;}
@media(max-width:991px){.hcp-partners{grid-template-columns:repeat(2,1fr);}}
@media(max-width:479px){.hcp-partners{grid-template-columns:1fr;}}
.hcp-partner{background:var(--c-white);border:1px solid var(--c-ink-200);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;}
.hcp-partner__head{background:#2e4a6c;color:#fff;text-align:center;padding:10px 12px;font-family:var(--font-accent);font-size:11px;font-weight:var(--fw-b);letter-spacing:.1em;text-transform:uppercase;}
.hcp-partner__logos{padding:14px 10px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-items:center;justify-items:center;flex:1;}
.hcp-partner__logos img{max-width:100%;max-height:36px;width:auto;object-fit:contain;}
.hcp-partner__logo-text{font-family:var(--font-accent);font-size:11px;font-weight:var(--fw-b);color:var(--c-ink-700);text-align:center;line-height:1.2;padding:6px 4px;}
.hcp-cta-row{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.5vw,20px);margin-top:clamp(24px,2vw,32px);flex-wrap:wrap;}
.hcp-cta-row p{font-size:15px;color:var(--c-ink-700);margin:0;font-weight:var(--fw-sb);}

/* ========== FAQ ========== */
.faq-grid{display:grid;gap:clamp(28px,3vw,56px);grid-template-columns:1fr;align-items:start;}
@media(min-width:992px){.faq-grid{grid-template-columns:minmax(280px,360px) 1fr;}}
.faq-cta{position:sticky;top:80px;display:flex;flex-direction:column;gap:var(--sp-4);padding:clamp(24px,2vw + 8px,32px);background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-dark) 100%);color:var(--c-white);border-radius:var(--r-md);box-shadow:var(--sh-lg);}
.faq-cta .eyebrow{color:#7FD4E8;margin-bottom:4px;}
.faq-cta h2{color:var(--c-white);margin:0 0 var(--sp-3);font-size:clamp(1.375rem,1rem + 1.5vw,1.875rem);}
.faq-cta > p{color:rgba(255,255,255,.85);margin:0;font-size:var(--fs-body);}
.faq-cta__help{display:flex;gap:12px;align-items:flex-start;padding:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:var(--r-sm);margin-top:var(--sp-2);}
.faq-cta__help svg{flex-shrink:0;color:#7FD4E8;margin-top:2px;}
.faq-cta__help strong{display:block;color:var(--c-white);font-size:var(--fs-body);font-weight:var(--fw-sb);margin-bottom:2px;}
.faq-cta__help span{display:block;color:rgba(255,255,255,.8);font-size:var(--fs-small);}
.faq-cta__btns{display:flex;flex-direction:column;gap:10px;}
.faq-cta__btns .btn{width:100%;}
.faq-cta__btns .btn--primary{background:var(--c-white);color:var(--c-primary);}
.faq-cta__btns .btn--primary:hover{background:rgba(255,255,255,.9);color:var(--c-primary-dark);}
.faq-cta__btns .btn--secondary{background:transparent;color:var(--c-white);border-color:rgba(255,255,255,.4);}
.faq-cta__btns .btn--secondary:hover{background:var(--c-white);color:var(--c-primary);border-color:var(--c-white);}
.faq-cta__trust{display:flex;flex-wrap:wrap;gap:12px;padding-top:var(--sp-2);border-top:1px solid rgba(255,255,255,.15);}
.faq-cta__trust span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.85);}
.faq-cta__trust svg{color:#7FD4E8;flex-shrink:0;}
@media(max-width:991.98px){.faq-cta{position:static;top:auto;}}
.faq-list{max-width:820px;margin:0 auto;}
@media(min-width:992px){.faq-list{max-width:none;margin:0;}}
.faq-item{background:var(--c-ink-50);border:1px solid var(--c-ink-200);border-radius:var(--r-md);margin-bottom:var(--sp-3);overflow:hidden;transition:border-color var(--t-fast);}
.faq-item.is-open{border-color:var(--c-primary);background:var(--c-white);}
.faq-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);background:transparent;border:0;text-align:left;font-size:var(--fs-body);font-weight:var(--fw-sb);color:var(--c-ink-900);}
.faq-btn svg{flex-shrink:0;color:var(--c-primary);transition:transform var(--t-normal);}
.faq-item.is-open .faq-btn svg{transform:rotate(180deg);}
.faq-body{max-height:0;overflow:hidden;transition:max-height var(--t-normal) ease;}
.faq-item.is-open .faq-body{max-height:400px;}
.faq-body__inner{padding:0 var(--sp-5) var(--sp-5);font-size:var(--fs-body);color:var(--c-ink-500);line-height:var(--lh-normal);}

/* ========== FOOTER ========== */
.site-footer{background:var(--c-primary-dark);color:rgba(255,255,255,.85);padding:clamp(32px,2vw + 16px,56px) 0 var(--sp-4);}
.site-footer *{font-family:var(--font-primary)!important;}
.footer-grid{display:grid;gap:var(--sp-6);grid-template-columns:1fr;align-items:start;}
@media(min-width:768px){.footer-grid{grid-template-columns:1fr 1.3fr;}}
.footer__brand-logo{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-accent);font-weight:800;font-size:2rem;color:var(--c-white);letter-spacing:-.02em;margin-bottom:var(--sp-3);}
.footer__tag{font-size:var(--fs-small);color:rgba(255,255,255,.75);}
.footer__contact{display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--fs-small);}
.footer__contact div{display:flex;align-items:flex-start;gap:var(--sp-2);color:rgba(255,255,255,.85);}
.footer__contact svg{flex-shrink:0;margin-top:2px;color:rgba(255,255,255,.6);}
.footer__contact a{color:rgba(255,255,255,.85);}
.footer__contact a:hover{color:var(--c-white);}
.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid rgba(255,255,255,.15);font-size:var(--fs-small);color:rgba(255,255,255,.7);}
.footer__bottom a{color:rgba(255,255,255,.85);}
.footer__bottom a:hover{color:var(--c-white);}

/* ========== POPUP MODALS (Calendly + HubSpot) ========== */
.popup-overlay{display:none;position:fixed;inset:0;background:rgba(18,27,29,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center;padding:clamp(8px,1.5vw,20px);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.popup-overlay.is-open{display:flex;animation:popupFade .25s ease;}
@keyframes popupFade{from{opacity:0;}to{opacity:1;}}
.popup-content{position:relative;background:var(--c-white);border-radius:var(--r-lg);width:100%;max-width:1040px;max-height:calc(100vh - 24px);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:popupSlide .3s ease;}
@keyframes popupSlide{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.popup-content.lead-modal{max-width:560px;}
.popup-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:999px;background:var(--c-white);border:1px solid var(--c-ink-200);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;line-height:1;color:var(--c-ink-700);z-index:10;box-shadow:var(--sh-md);padding:0;}
.popup-close:hover{background:var(--c-primary);color:var(--c-white);border-color:var(--c-primary);}
/* Calendly modal — branded header + iframe */
.cal-modal{max-width:1080px;}
.cal-modal__header{background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-dark) 100%);color:var(--c-white);padding:clamp(16px,2vw,24px) clamp(20px,3vw,36px);display:flex;align-items:center;gap:clamp(12px,2vw,20px);flex-wrap:wrap;position:relative;z-index:2;}
.cal-modal__logo{width:44px;height:44px;border-radius:999px;background:var(--c-white);display:inline-flex;align-items:center;justify-content:center;padding:4px;flex-shrink:0;}
.cal-modal__logo img{width:100%;height:100%;object-fit:contain;border-radius:999px;}
.cal-modal__head-body{flex:1;min-width:0;}
.cal-modal__head-body h3{color:var(--c-white);margin:0 0 2px;font-size:clamp(1.125rem,0.75rem + 1vw,1.375rem);line-height:1.2;}
.cal-modal__head-body p{color:rgba(255,255,255,.85);margin:0;font-size:var(--fs-small);line-height:1.4;}
.cal-modal__badges{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto;}
.cal-modal__badges span{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:11.5px;font-weight:var(--fw-sb);color:var(--c-white);backdrop-filter:blur(4px);}
.cal-modal__badges svg{flex-shrink:0;}
.cal-modal__frame-wrap{position:relative;flex:1 0 auto;background:var(--c-ink-50);display:flex;flex-direction:column;}
/* Skeleton loader — visible while iframe is fetching */
.cal-skeleton{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:var(--c-white);z-index:1;pointer-events:none;transition:opacity .3s ease;}
.cal-skeleton.is-hidden{opacity:0;}
.cal-skeleton__spinner{width:56px;height:56px;border:4px solid var(--c-primary-tint);border-top-color:var(--c-primary);border-radius:999px;animation:calSpin 0.9s linear infinite;}
@keyframes calSpin{to{transform:rotate(360deg);}}
.cal-skeleton p{margin:0;font-size:var(--fs-body);font-weight:var(--fw-sb);color:var(--c-ink-900);}
.cal-skeleton span{font-size:var(--fs-small);color:var(--c-ink-500);}
/* Iframe tall enough to fit full Calendly booking page — popup container scrolls instead of iframe */
#hubspotFrame{display:block;width:100%;height:760px;border:0;position:relative;z-index:2;}
@media(max-width:991.98px){
  .cal-modal__badges{display:none;}
  #hubspotFrame{height:900px;}
}
@media(max-width:640px){
  .popup-overlay{padding:0;}
  .popup-content{border-radius:0;max-height:100vh;}
  .cal-modal__header{padding:14px 48px 14px 16px;position:sticky;top:0;z-index:5;}
  .cal-modal__logo{width:36px;height:36px;}
  .cal-modal__head-body h3{font-size:1rem;}
  .cal-modal__head-body p{font-size:12.5px;}
  #hubspotFrame{height:1100px;}
  .popup-close{top:8px;right:8px;position:sticky;}
}
/* HubSpot lead form modal */
.lead-modal{max-width:520px;}
.lead-modal__header{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));color:var(--c-white);padding:clamp(20px,2vw,28px);}
.lead-modal__header h3{color:var(--c-white);margin:0 0 4px;font-size:var(--fs-h3);}
.lead-modal__header p{color:rgba(255,255,255,.85);margin:0;font-size:var(--fs-small);}
.lead-modal__summary{background:var(--c-primary-tint);padding:clamp(14px,1.5vw,20px);display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-bottom:1px solid var(--c-ink-200);}
.lead-modal__summary .s{text-align:center;}
.lead-modal__summary .s-val{font-size:var(--fs-body-lg);font-weight:var(--fw-b);color:var(--c-primary);line-height:1.1;display:block;}
.lead-modal__summary .s-lbl{font-size:11px;color:var(--c-ink-500);margin-top:2px;display:block;}
.lead-modal__body{padding:clamp(20px,2vw,28px);max-height:60vh;overflow-y:auto;}
.lead-modal__body .field{margin-bottom:18px;}
/* Labels — uppercase, bold, letter-spaced (matches v1 popup spec) */
.lead-modal__body label{
  display:block;
  font-family:var(--font-primary);
  font-size:12.5px;
  font-weight:var(--fw-b);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--c-ink-900);
  margin-bottom:8px;
  line-height:1.3;
}
.lead-modal__body label .req{color:#B42318;font-weight:var(--fw-b);}
.lead-modal__body label .opt{
  color:var(--c-ink-400);
  font-weight:var(--fw-r);
  text-transform:none;
  letter-spacing:0;
  margin-left:4px;
  font-size:13px;
}
/* Inputs — rounded, outlined, placeholder hint */
.lead-modal__body input[type="text"],
.lead-modal__body input[type="email"],
.lead-modal__body input[type="tel"]{
  width:100%;
  padding:14px 16px;
  border:1.5px solid var(--c-ink-200);
  border-radius:10px;
  font-size:15px;
  font-family:inherit;
  color:var(--c-ink-900);
  background:var(--c-white);
  transition:border-color var(--t-fast),box-shadow var(--t-fast);
}
.lead-modal__body textarea{
  width:100%;
  padding:14px 16px;
  border:1.5px solid var(--c-ink-200);
  border-radius:10px;
  font-size:15px;
  font-family:inherit;
  line-height:1.5;
  resize:vertical;
  min-height:110px;
  color:var(--c-ink-900);
  background:var(--c-white);
  transition:border-color var(--t-fast),box-shadow var(--t-fast);
}
.lead-modal__body input::placeholder,
.lead-modal__body textarea::placeholder{color:var(--c-ink-400);}
.lead-modal__body input:focus,
.lead-modal__body textarea:focus{
  outline:none;
  border-color:var(--c-primary);
  box-shadow:0 0 0 3px rgba(13,109,140,.15);
}
/* Submit — teal, taller, arrow-right */
.lead-modal__body #ehrSubmitBtn{
  width:100%;
  padding:15px 20px;
  min-height:52px;
  font-size:16px;
  font-weight:var(--fw-sb);
  border-radius:10px;
  margin-top:6px;
}
.lead-modal__error{display:none;padding:10px 14px;background:#FEE4E2;color:#B42318;border-radius:var(--r-sm);font-size:var(--fs-small);margin-bottom:12px;}
.lead-modal__trust{display:flex;justify-content:center;gap:10px;margin-top:12px;font-size:11px;color:var(--c-ink-500);}
.lead-modal__success{padding:clamp(28px,3vw,40px) clamp(20px,2vw,28px);text-align:center;}
.lead-modal__success-icon{width:64px;height:64px;border-radius:999px;background:var(--c-primary);color:var(--c-white);display:inline-flex;align-items:center;justify-content:center;font-size:36px;line-height:1;margin-bottom:var(--sp-3);}
.lead-modal__success h4{font-size:var(--fs-h3);color:var(--c-ink-900);margin:0 0 var(--sp-2);}
.lead-modal__success p{color:var(--c-ink-500);margin:0 0 var(--sp-2);}
.lead-modal__success strong{color:var(--c-primary);}
/* HubSpot native embed modal (used by all "Get Quote" / .open-lead-modal triggers) */
.popup-content.hs-embed-modal{max-width:560px;}
.hs-embed-modal__header{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));color:var(--c-white);padding:clamp(18px,2vw,24px) clamp(20px,2vw,28px);}
.hs-embed-modal__header h3{color:var(--c-white);margin:0 0 4px;font-size:var(--fs-h3);line-height:1.2;}
.hs-embed-modal__header p{color:rgba(255,255,255,.85);margin:0;font-size:var(--fs-small);}
.hs-embed-modal__body{padding:clamp(18px,2vw,24px) clamp(20px,2vw,28px) clamp(18px,2vw,24px);max-height:calc(100vh - 180px);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.hs-embed-modal__body .hs-form-frame{min-height:320px;}
.hs-embed-modal__trust{display:flex;justify-content:center;gap:10px;margin-top:14px;font-size:11px;color:var(--c-ink-500);flex-wrap:wrap;}
/* Style the injected HubSpot form to match the page */
.hs-embed-modal__body form{font-family:inherit;}
.hs-embed-modal__body .hs-form-field{margin-bottom:18px;}
.hs-embed-modal__body .hs-form-field>label{display:block;font-family:var(--font-primary);font-size:12.5px;font-weight:var(--fw-b);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-900);margin-bottom:8px;line-height:1.3;}
.hs-embed-modal__body input[type="text"],.hs-embed-modal__body input[type="email"],.hs-embed-modal__body input[type="tel"],.hs-embed-modal__body input[type="number"]{width:100%;padding:14px 16px;border:1.5px solid var(--c-ink-200);border-radius:10px;font-size:15px;font-family:inherit;color:var(--c-ink-900);background:var(--c-white);box-sizing:border-box;transition:border-color var(--t-fast),box-shadow var(--t-fast);}
.hs-embed-modal__body textarea{width:100%;padding:14px 16px;border:1.5px solid var(--c-ink-200);border-radius:10px;font-size:15px;font-family:inherit;line-height:1.5;resize:vertical;min-height:110px;color:var(--c-ink-900);background:var(--c-white);box-sizing:border-box;transition:border-color var(--t-fast),box-shadow var(--t-fast);}
.hs-embed-modal__body input:focus,.hs-embed-modal__body textarea:focus,.hs-embed-modal__body select:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(13,109,140,.15);}
.hs-embed-modal__body .hs-button,.hs-embed-modal__body input[type="submit"]{display:inline-flex;align-items:center;justify-content:center;width:100%;height:48px;border:0;border-radius:var(--r-sm);background:var(--c-primary);color:var(--c-white);font-size:var(--fs-body);font-weight:var(--fw-sb);font-family:inherit;cursor:pointer;transition:background .2s ease;}
.hs-embed-modal__body .hs-button:hover,.hs-embed-modal__body input[type="submit"]:hover{background:var(--c-primary-hover);}
.hs-embed-modal__body .hs-error-msg,.hs-embed-modal__body .hs-error-msgs,.hs-embed-modal__body .hs_error_rollup{color:#B42318;font-size:12px;margin-top:4px;}
.hs-embed-modal__body .hs-form-booleancheckbox-display{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--c-ink-500);line-height:1.5;}
.hs-embed-modal__body .legal-consent-container{font-size:12px;color:var(--c-ink-500);margin-top:10px;}
.hs-embed-modal__body .submitted-message{padding:clamp(18px,2vw,28px) 0;text-align:center;font-size:var(--fs-body);color:var(--c-ink-700);}
/* Harden HubSpot field styling so native embed matches ROI form design */
.hs-embed-modal__body form[data-form-id],
.hs-embed-modal__body form.hs-form{padding:0;background:transparent;box-shadow:none;}
.hs-embed-modal__body fieldset{border:0;padding:0;margin:0 0 0;max-width:100%!important;}
.hs-embed-modal__body fieldset .hs-form-field{width:100%!important;float:none!important;padding:0!important;margin-bottom:14px;}
.hs-embed-modal__body fieldset.form-columns-2>.hs-form-field{width:calc(50% - 6px)!important;float:left!important;}
.hs-embed-modal__body fieldset.form-columns-2>.hs-form-field:first-child{margin-right:12px!important;}
@media(max-width:520px){.hs-embed-modal__body fieldset.form-columns-2>.hs-form-field{width:100%!important;float:none!important;margin-right:0!important;}}
.hs-embed-modal__body fieldset.form-columns-2:after,
.hs-embed-modal__body fieldset.form-columns-1:after{content:"";display:table;clear:both;}
.hs-embed-modal__body .hs-form-field>label,
.hs-embed-modal__body .hs-form-field>label span:first-child{display:block;font-family:var(--font-primary);font-size:12.5px;font-weight:var(--fw-b);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-900);margin-bottom:8px;line-height:1.3;}
.hs-embed-modal__body .hs-form-field>label .hs-form-required{color:#B42318;margin-left:3px;font-weight:var(--fw-b);}
.hs-embed-modal__body .hs-field-desc{font-size:12px;color:var(--c-ink-400);margin-bottom:4px;line-height:1.4;}
.hs-embed-modal__body .hs-input{width:100%!important;box-sizing:border-box!important;padding:14px 16px;border:1.5px solid var(--c-ink-200);border-radius:10px;font-size:15px;font-family:inherit;color:var(--c-ink-900);background:var(--c-white);transition:border-color .15s ease,box-shadow .15s ease;}
.hs-embed-modal__body textarea.hs-input{min-height:110px;padding:14px 16px;line-height:1.5;resize:vertical;}
.hs-embed-modal__body select.hs-input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%234A5763' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer;}
.hs-embed-modal__body .hs-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(13,109,140,.15);}
.hs-embed-modal__body .hs-error-msgs,.hs-embed-modal__body .hs-error-msg{list-style:none;padding:0;margin:4px 0 0;color:#B42318;font-size:12px;}
.hs-embed-modal__body .hs_error_rollup{margin:10px 0 0;padding:10px 12px;background:#FEE4E2;border-radius:var(--r-sm);color:#B42318;font-size:13px;}
.hs-embed-modal__body .actions{margin-top:6px;padding:0;}
.hs-embed-modal__body .hs-button,.hs-embed-modal__body input[type="submit"].hs-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:15px 20px;border:0;border-radius:10px;background:var(--c-primary);color:var(--c-white);font-size:16px;font-weight:var(--fw-sb);font-family:inherit;cursor:pointer;transition:background .2s ease,transform .15s ease;text-transform:none;letter-spacing:0;margin-top:6px;}
.hs-embed-modal__body .hs-button:hover,.hs-embed-modal__body input[type="submit"].hs-button:hover{background:var(--c-primary-hover);}
.hs-embed-modal__body .hs-button:active,.hs-embed-modal__body input[type="submit"].hs-button:active{transform:translateY(1px);}
.hs-embed-modal__body .hs-button:disabled{background:var(--c-ink-200);color:var(--c-ink-500);cursor:not-allowed;}
.hs-embed-modal__body .legal-consent-container,
.hs-embed-modal__body .legal-consent-container p,
.hs-embed-modal__body .hs-richtext,
.hs-embed-modal__body .hs-richtext p{font-size:12px;color:var(--c-ink-500);line-height:1.5;margin:0 0 8px;}
.hs-embed-modal__body .hs-form-booleancheckbox label{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--c-ink-500);line-height:1.5;cursor:pointer;}
.hs-embed-modal__body .hs-form-booleancheckbox input[type="checkbox"]{width:16px;height:16px;margin-top:2px;accent-color:var(--c-primary);flex-shrink:0;}
.hs-embed-modal__body .hs-form-radio label,
.hs-embed-modal__body .hs-form-checkbox label{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--c-ink-700);}
.hs-embed-modal__body .submitted-message{padding:clamp(18px,2vw,28px) 0;text-align:center;font-size:var(--fs-body);color:var(--c-ink-700);}

/* ========== MOBILE STICKY CTA BAR + BACK TO TOP ========== */
.mobile-cta-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:90;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--c-ink-200);gap:8px;box-shadow:0 -8px 24px rgba(18,27,29,.08);transform:translateY(0);transition:transform .3s ease;}
.mobile-cta-bar.is-hidden{transform:translateY(110%);}
.mobile-cta-bar .btn{flex:1;min-height:48px;padding:12px 14px;font-size:14px;border-radius:var(--r-sm);}
/* Back-to-top — hidden at page top, shown after scrolling past hero, hidden when near footer */
.back-to-top{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:95;width:44px;height:44px;border-radius:999px;background:var(--c-primary);color:var(--c-white);border:0;box-shadow:0 8px 24px rgba(13,109,140,.3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,background .15s ease;}
.back-to-top:hover{background:var(--c-primary-hover);}
.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0);}
/* Sticky CTA bar: visible on phone, tablet, AND landscape-tablet / small-laptop widths (≤1199.98px)
   so the primary action is always within thumb's reach. */
@media(max-width:1199.98px){
  .mobile-cta-bar{display:flex;}
  /* Reserve bottom padding so sticky bar never overlaps footer content */
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));}
  /* When a modal/popup is open, hide the floating buttons so they don't overlap */
  body.modal-open .mobile-cta-bar,
  body.modal-open .back-to-top{transform:translateY(140%);opacity:0;pointer-events:none;}
}
/* Tablet landscape (992–1199): sticky bar is present but nav CTAs + nav links still visible — fine. */
/* Tablet portrait / small tablet (641–991): sticky bar + nav CTAs both visible, drawer for nav links. */
@media(max-width:640px){
  /* On phones the nav CTAs disappear (replaced by sticky bar) — keep them on tablets */
  .nav__ctas{display:none;}
  /* Back-to-top sits ABOVE the sticky CTA bar on mobile */
  .back-to-top{bottom:calc(80px + env(safe-area-inset-bottom,0px));width:42px;height:42px;}
}

/* Reduce CTA noise on mobile + tablet (sticky bottom bar handles primary actions) */
@media(max-width:991.98px){
  /* Hide redundant full-width CTA bands — sticky bar does this job */
  .results-cta,
  .specialty-cta,
  .integ-cta{display:none!important;}
  /* FAQ CTA panel: keep the copy + help box, hide the duplicate CTA buttons on mobile */
  .faq-cta__btns,.faq-cta__trust{display:none;}
  /* Keep ONE Book CTA in hero; drop secondary hero scroll-to-quote button on small screens */
  .hero__ctas .btn--secondary{display:none;}
  /* Back-to-top only on tablets (mobile has sticky bar; double-stacked feels heavy) */
  .back-to-top{display:none;}
}
/* Phones: bring back a small back-to-top because sticky bar is at the bottom anyway */
@media(max-width:640px){
  .back-to-top{display:inline-flex;}
}

/* ========== RESPONSIVE AUDIT (mobile-first refinements) ========== */

/* Tablet & below: hide the mobile menu button cleanly, smaller nav padding */
@media (max-width: 991.98px){
  .nav{gap:var(--sp-3);flex-wrap:wrap;}
  .nav__ctas{gap:var(--sp-2);}
  .nav__ctas .btn{padding:10px 16px;font-size:13px;}
  .hero{padding-top:clamp(20px,3vw,32px);padding-bottom:clamp(28px,4vw,48px);}
  .hero h1{font-size:clamp(1.875rem,1.25rem + 3.5vw,2.75rem);}
  .hero__sub{font-size:var(--fs-body);}
  
  
  .objections-grid{grid-template-columns:1fr;gap:var(--sp-4);}
  .feature-grid{grid-template-columns:1fr;gap:var(--sp-5);}
  .spec-grid{grid-template-columns:1fr;gap:var(--sp-5);}
  .specialty-wrap{grid-template-columns:1fr;}
  .specialty-preview{position:static;top:auto;}
  .roi__grid{grid-template-columns:1fr;gap:var(--sp-5);}
  .roi__form{padding:clamp(18px,2.5vw,28px);}
  .roi__fields{grid-template-columns:1fr;gap:var(--sp-4);}
  .integ-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .process-timeline{grid-template-columns:1fr;gap:var(--sp-4);}
  .process-details{grid-template-columns:1fr;gap:var(--sp-3);}
  .compliance-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-4);}
  .footer-grid{grid-template-columns:1fr;gap:var(--sp-4);}
  /* Results card responsive handled inside its own media queries above */
  .section-head h2{font-size:clamp(1.5rem,1rem + 2.5vw,2rem);}
  .section-head p{font-size:var(--fs-body);}
  .specialty-cta{flex-direction:column;text-align:center;gap:var(--sp-3);}
  .integ-cta__btns{flex-direction:column;align-items:stretch;}
  .integ-cta__btns .btn{width:100%;}
}

/* Phones: horizontal-scroll carousels + tight sections to reduce scroll length */
@media (max-width: 640px){
  :root{--section-py:clamp(20px,3vw,36px);--section-px:clamp(12px,3vw,18px);}
  body{font-size:15px;}
  .nav__logo img{height:32px!important;}
  .hero{padding-top:clamp(14px,2vw,20px);padding-bottom:clamp(20px,3vw,32px);}
  .hero h1{font-size:clamp(1.625rem,1.125rem + 2vw,2.125rem);margin-bottom:10px;}
  .hero__sub{margin-bottom:14px;font-size:14.5px;}
  .hero__ctas{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:14px;}
  .hero__ctas .btn{width:100%;min-height:46px;}
  .hero__trust{justify-content:center;padding-top:12px;margin-top:6px;}
  .hero__trust-logos{justify-content:center;width:100%;}
  .hero__trust-logos img{height:26px;}
  .hero__avatars img{width:28px;height:28px;}
  .hero__grid{gap:18px;}
  .section-head{margin-bottom:18px;}
  .section-head h2{font-size:clamp(1.375rem,1rem + 2vw,1.75rem);margin-bottom:8px;}
  .section-head p{font-size:14.5px;}
  /* Problems → horizontal scroll (6 cards in one swipeable row) */
  
  .problems-grid::-webkit-scrollbar{display:none;}
  
  
  
  
  .objections-grid{gap:12px;}
  .obj__body{font-size:13.5px;}
  /* Specialty → tile grid as horizontal swipe carousel, preview below */
  .specialty-wrap{gap:14px;display:flex;flex-direction:column;}
  .specialty-wrap > .specialty-grid{order:1;}
  .specialty-wrap > .specialty-preview{order:2;}
  .specialty-preview{padding:16px;gap:10px;position:static;top:auto;}
  .specialty-preview__head img{width:40px;height:40px;}
  .specialty-preview__head h3{font-size:1rem;}
  .specialty-preview__head .sub{font-size:12.5px;}
  .specialty-preview__shot{max-height:200px;}
  .specialty-preview__features{gap:5px;}
  .specialty-preview__features li{font-size:12.5px;}
  .specialty-preview__features li:nth-child(n+4){display:none;}  /* show first 3 features only on mobile to save space */
  .specialty-preview__stat .n{font-size:1.5rem;}
  /* Horizontal swipe carousel for specialty tiles on mobile */
  .specialty-grid{grid-template-columns:none;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:calc(var(--section-px) * -1);padding:4px var(--section-px) 14px;-webkit-overflow-scrolling:touch;}
  .specialty-grid::-webkit-scrollbar{display:none;}
  .specialty-tile{flex:0 0 42%;scroll-snap-align:start;padding:14px;gap:8px;min-height:auto;}
  .specialty-tile__icon-wrap{width:40px;height:40px;}
  .specialty-tile__icon{width:26px;height:26px;}
  .specialty-tile__name{font-size:14px;}
  .specialty-tile__count{font-size:10px;}
  .specialty-cta{padding:18px;gap:10px;}
  .specialty-cta h3{font-size:1rem;}
  .specialty-cta p{font-size:13px;}
  /* Feature image — keep on mobile, placed BELOW accordion with bounded height */
  .feature-grid{display:flex!important;flex-direction:column;gap:14px;}
  .feature-grid > .feature-card{order:1;}
  .feature-grid > img.feature-image{order:2;display:block;width:100%;max-height:260px;object-fit:cover;border-radius:var(--r-md);border:1px solid var(--c-ink-200);}
  /* Compliance → horizontal swipe carousel (one card at a time) */
  .compliance-grid{grid-template-columns:none;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:calc(var(--section-px) * -1);padding:4px var(--section-px) 12px;-webkit-overflow-scrolling:touch;}
  .compliance-grid::-webkit-scrollbar{display:none;}
  .comp-card{flex:0 0 72%;scroll-snap-align:start;min-height:auto;padding:14px;gap:8px;}
  .comp-card__logo{height:36px;}
  .comp-card h4{font-size:14.5px;padding-bottom:8px;}
  .comp-card p{font-size:12.5px;}
  /* Integration → horizontal scroll */
  .integ-grid{grid-template-columns:none;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:calc(var(--section-px) * -1);padding:4px var(--section-px) 12px;-webkit-overflow-scrolling:touch;}
  .integ-grid::-webkit-scrollbar{display:none;}
  .integ-card{flex:0 0 68%;scroll-snap-align:start;min-height:auto;padding:14px;}
  .integ-card__logo-wrap{height:76px;padding:0;}
  .integ-card__logo{max-height:56px;max-width:150px;}
  /* ROI */
  .roi{padding:clamp(20px,3vw,32px) 0;}
  .roi__result-stats{grid-template-columns:repeat(2,1fr);gap:8px;}
  .roi__visual{gap:10px;}
  .roi__image{max-height:220px;}
  /* Hero feature pills compact */
  .hero__pills{gap:6px;margin-top:14px;}
  .hero__pills .pill{padding:6px 11px;font-size:12.5px;min-height:32px;}
  /* Horizontal tab rows */
  .tabs{overflow-x:auto;flex-wrap:nowrap;gap:var(--sp-2);-webkit-overflow-scrolling:touch;padding-bottom:6px;margin-bottom:14px;margin-inline:calc(var(--section-px) * -1);padding-inline:var(--section-px);}
  .tabs::-webkit-scrollbar{display:none;}
  .tabs button{flex-shrink:0;white-space:nowrap;padding:10px 14px;font-size:13.5px;}
  .integ-tabs{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;margin-inline:calc(var(--section-px) * -1);padding-inline:var(--section-px);}
  .integ-tabs::-webkit-scrollbar{display:none;}
  .integ-tabs button{flex-shrink:0;white-space:nowrap;}
  .results-filter{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding:4px var(--section-px) 4px;margin-inline:calc(var(--section-px) * -1);gap:6px;}
  .results-filter::-webkit-scrollbar{display:none;}
  .results-filter button{flex-shrink:0;white-space:nowrap;padding:8px 14px;font-size:13px;}
  /* Feature card */
  .feature-card{padding:18px;}
  .feature-card h3{font-size:1.125rem;}
  /* Pain chips */
  .pain-grid{grid-template-columns:1fr;gap:8px;}
  .pain-chip{padding:10px 12px;font-size:13px;}
  .quickpicks{gap:6px;}
  .quickpicks button{padding:8px 12px;font-size:13px;}
  /* Results card responsive tuning lives in main .results-card* block above */
  /* Process timeline → compact 2-col; hide verbose details block behind a toggle */
  .process-timeline{grid-template-columns:repeat(2,1fr)!important;gap:10px;margin-bottom:14px;}
  .process-step{padding:0;text-align:center;}
  .process-step__icon{width:52px;height:52px;}
  .process-step__title{font-size:14px;}
  .process-step__dur{font-size:12px;}
  .process-step:not(:last-child)::after{content:none!important;}
  .process-details{display:none;}
  .process-details.is-open{display:grid;grid-template-columns:1fr;gap:10px;}
  .process-detail{padding:14px;}
  .process-detail p{font-size:13px;}
  .process-toggle{display:inline-flex;align-items:center;gap:6px;margin:0 auto;padding:10px 16px;background:var(--c-white);border:1.5px solid var(--c-primary);color:var(--c-primary);border-radius:var(--r-pill);font-size:13px;font-weight:var(--fw-sb);cursor:pointer;font-family:inherit;}
  .process-toggle svg{transition:transform .25s ease;}
  .process-toggle.is-open svg{transform:rotate(180deg);}
  .process-toggle-wrap{display:block;text-align:center;margin-bottom:var(--sp-3);}
  /* FAQ */
  .faq-btn{padding:14px 18px;font-size:14.5px;}
  .faq-body__inner{padding:0 18px 14px;font-size:13.5px;}
  /* Lead modal */
  .lead-modal__summary{grid-template-columns:1fr;text-align:center;gap:6px;padding:14px;}
  .lead-modal__body{padding:16px;}
  .footer__bottom{flex-direction:column;align-items:flex-start;text-align:left;gap:6px;}
}

/* Small phones ≤ 380 */
@media (max-width: 380px){
  .specialty-grid{grid-template-columns:1fr;}
  .hero h1{font-size:1.75rem;}
  
  .section-head h2{font-size:1.375rem;}
}

/* Tablet (641-991px) — convert long card grids into horizontal swipe rails to reduce vertical scroll */
@media (min-width: 641px) and (max-width: 991.98px){
  /* Specialty: tiles become horizontal scroll (4 visible) */
  .specialty-grid{grid-template-columns:none!important;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(var(--section-px) * -1);padding:4px var(--section-px) 12px;-webkit-overflow-scrolling:touch;}
  .specialty-grid::-webkit-scrollbar{display:none;}
  .specialty-grid > .specialty-tile{flex:0 0 calc(25% - 12px);scroll-snap-align:start;}
  .specialty-pills{overflow-x:auto;flex-wrap:nowrap;margin-inline:calc(var(--section-px) * -1);padding-inline:var(--section-px);-webkit-overflow-scrolling:touch;}
  .specialty-pills::-webkit-scrollbar{display:none;}
  .specialty-pills .specialty-pill{flex-shrink:0;white-space:nowrap;}
  /* Integrations: keep 3-col grid */
  .integ-grid{grid-template-columns:repeat(3,1fr);}
  /* Compliance: horizontal scroll row (shows ~3 cards at a time) */
  .compliance-grid{grid-template-columns:none!important;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:calc(var(--section-px) * -1);padding:4px var(--section-px) 12px;-webkit-overflow-scrolling:touch;}
  .compliance-grid::-webkit-scrollbar{display:none;}
  .compliance-grid > .comp-card{flex:0 0 calc(33.333% - 14px);scroll-snap-align:start;}
  /* Testimonials filter (if restored) + carousel — swipe hint */
  .results-carousel{padding:0 8px;}
  /* Process timeline: compact row of icons + collapsed details behind toggle */
  .process-timeline{grid-template-columns:repeat(5,1fr)!important;gap:8px;}
  .process-step__icon{width:52px;height:52px;}
  .process-step__title{font-size:13px;}
  .process-step__dur{font-size:11px;}
  .process-details{display:none;}
  .process-details.is-open{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
  .process-toggle-wrap{display:block;text-align:center;margin-top:var(--sp-4);}
  .process-toggle{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--c-white);border:1.5px solid var(--c-primary);color:var(--c-primary);border-radius:var(--r-pill);font-size:13px;font-weight:var(--fw-sb);cursor:pointer;font-family:inherit;}
  .process-toggle svg{transition:transform .25s ease;}
  .process-toggle.is-open svg{transform:rotate(180deg);}
}

/* Large desktop polish ≥ 1440 */
@media (min-width: 1440px){
  .container{padding-inline:clamp(12px,1vw,20px);}
}

/* ========== REDUCED MOTION ========== */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}}


/* ===== H2 single-line on desktop (added: keep section heads on one line ≥1200px) ===== */
@media (min-width: 1200px) {
  .section-head { max-width: none; }
  .section-head h2 { white-space: nowrap; }
}






/* ===== Pain Points cards — colored top-border accent design (per screenshot) ===== */
.problem-grid{display:grid;gap:clamp(16px,1vw + 8px,24px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
@media(min-width:992px){.problem-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:991.98px){.problem-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:575.98px){.problem-grid{grid-template-columns:1fr;}}
.problem-card{
  background:var(--c-white);
  border:1px solid var(--c-ink-200);
  border-top:4px solid var(--c-primary);
  border-radius:var(--r-md);
  padding:clamp(20px,1.5vw + 10px,28px);
  position:relative;
  display:flex;flex-direction:column;gap:10px;
  transition:transform var(--t-fast),box-shadow var(--t-fast);
}
.problem-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px);}
.problem-card__icon{
  width:44px;height:44px;
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--c-primary);
  margin-bottom:4px;
}
.problem-card__icon svg{width:28px;height:28px;display:block;}
.problem-card__stat{
  font-size:clamp(2rem,1.25rem + 1.5vw,2.625rem);
  font-weight:var(--fw-b);
  color:var(--c-primary);
  line-height:1;letter-spacing:-.02em;
  margin:0;
}
.problem-card__title{
  font-size:var(--fs-body);
  font-weight:var(--fw-b);
  color:var(--c-ink-900);
  line-height:1.35;margin:0;
}
.problem-card__desc{
  font-size:13.5px;color:var(--c-ink-500);
  margin:0;line-height:1.55;
}
.problem-card__tag{
  display:inline-flex;align-self:flex-start;
  background:var(--c-primary-tint);color:var(--c-primary);
  padding:4px 10px;border-radius:var(--r-pill);
  font-size:11px;font-weight:var(--fw-b);
  font-family:var(--font-accent);
  text-transform:uppercase;letter-spacing:.06em;
  margin-top:auto;
}
/* Per-card accent palette (matches screenshot) */
.problem-card:nth-child(1){border-top-color:#E34D4D;}
.problem-card:nth-child(1) .problem-card__stat,
.problem-card:nth-child(1) .problem-card__icon{color:#E34D4D;}
.problem-card:nth-child(1) .problem-card__tag{background:#FEE4E4;color:#B42318;}
.problem-card:nth-child(2){border-top-color:#E89032;}
.problem-card:nth-child(2) .problem-card__stat,
.problem-card:nth-child(2) .problem-card__icon{color:#E89032;}
.problem-card:nth-child(2) .problem-card__tag{background:#FDECD4;color:#9A5B0F;}
.problem-card:nth-child(3){border-top-color:#23A56C;}
.problem-card:nth-child(3) .problem-card__stat,
.problem-card:nth-child(3) .problem-card__icon{color:#23A56C;}
.problem-card:nth-child(3) .problem-card__tag{background:#DDF3E6;color:#0F7A3F;}
.problem-card:nth-child(4){border-top-color:#23A56C;}
.problem-card:nth-child(4) .problem-card__stat,
.problem-card:nth-child(4) .problem-card__icon{color:#23A56C;}
.problem-card:nth-child(4) .problem-card__tag{background:#DDF3E6;color:#0F7A3F;}
.problem-card:nth-child(5){border-top-color:#E34D4D;}
.problem-card:nth-child(5) .problem-card__stat,
.problem-card:nth-child(5) .problem-card__icon{color:#E34D4D;}
.problem-card:nth-child(5) .problem-card__tag{background:#FEE4E4;color:#B42318;}
.problem-card:nth-child(6){border-top-color:#2B7FB2;}
.problem-card:nth-child(6) .problem-card__stat,
.problem-card:nth-child(6) .problem-card__icon{color:#2B7FB2;}
.problem-card:nth-child(6) .problem-card__tag{background:#E5F1F9;color:#1A5A87;}

/* === FIX (2026-05-11): integration grid overflow 991-1200px === */
@media (min-width: 992px) and (max-width: 1199.98px){
  .integ-grid{grid-template-columns:repeat(3, 1fr) !important; gap:14px !important;}
  .integ-card{padding:18px !important; min-height:180px !important;}
  .integ-card__logo-wrap{height:64px !important; margin-bottom:10px !important;}
  .integ-card__logo{max-height:48px !important; max-width:120px !important;}
  .integ-card h4{font-size:14px !important;}
  .integ-card p{font-size:12.5px !important;}
}

/* === FIX (2026-05-11): space after process-toggle button === */
.process-toggle-wrap{margin-top:24px !important; margin-bottom:32px !important;}
.process-details{margin-top:16px !important;}
@media (max-width: 991.98px){
  .process-toggle-wrap{margin-top:18px !important; margin-bottom:24px !important;}
}
