/* medsender-global-v5.css (v4 + faq icon) — 2026-08-03 rec#2. = v3 minus 13 rules that duplicated/conflicted with
   the Webflow Designer stylesheet (Designer is now authoritative for: .text-link base,
   .padding-section-medium base; dead: .webinar-hero_actions, .webinar-quote_meta, .mock-call,
   .mock-card, .mock-inbox, .mock-call_avatar/_bubble/_sub/_title, .mock-card_line, .mock-inbox_doc).
   KEPT deliberately: .section_trust .padding-section-medium patch, .text-link svg/hover rules.
   v3 was: global-v2 + the 4 site-wide head <style> blocks
   + the blog-post & case-study template head blocks, hoisted verbatim (order-preserving:
   hero-anim gating + archive/richtext BEFORE the v2 body, navbar-scrolled + homepage
   scroll-wash neutralizer + template blocks AFTER — matches the original cascade order). */

/* ── [was: site head block 1] hero-anim gating (html.ms-anim) ── */
html.ms-anim .hero_heading,html.ms-anim .hero_subheading,html.ms-anim .hero_button-group,html.ms-anim .hero-video_component,html.ms-anim .solution-hero_content,html.ms-anim .solution-hero_visual,html.ms-anim .ehr-hero_visual,html.ms-anim .demo-hero_content,html.ms-anim .demo-form{opacity:0;transform:translateY(26px)}html.ms-anim.hero-shown .hero_heading,html.ms-anim.hero-shown .hero_subheading,html.ms-anim.hero-shown .hero_button-group,html.ms-anim.hero-shown .hero-video_component,html.ms-anim.hero-shown .solution-hero_content,html.ms-anim.hero-shown .solution-hero_visual,html.ms-anim.hero-shown .ehr-hero_visual,html.ms-anim.hero-shown .demo-hero_content,html.ms-anim.hero-shown .demo-form{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.16,.84,.44,1),transform .8s cubic-bezier(.16,.84,.44,1)}html.ms-anim.hero-shown .hero_subheading,html.ms-anim.hero-shown .solution-hero_visual,html.ms-anim.hero-shown .ehr-hero_visual,html.ms-anim.hero-shown .demo-form{transition-delay:.12s}html.ms-anim.hero-shown .hero_button-group{transition-delay:.18s}html.ms-anim.hero-shown .hero-video_component{transition-delay:.26s}@media(prefers-reduced-motion:reduce){html.ms-anim .hero_heading,html.ms-anim .hero_subheading,html.ms-anim .hero_button-group,html.ms-anim .hero-video_component,html.ms-anim .solution-hero_content,html.ms-anim .solution-hero_visual,html.ms-anim .ehr-hero_visual,html.ms-anim .demo-hero_content,html.ms-anim .demo-form{opacity:1!important;transform:none!important}}

/* ── [was: site head block 2] archive grid + rich-text typography ── */
.archive_grid .w-dyn-list,.archive_grid .w-dyn-items,.archive_grid .w-dyn-item{display:contents}.w-richtext a{color:#c03494;text-decoration:underline;text-underline-offset:2px}.w-richtext a:hover{color:#6a2f8c}.blog-article .w-richtext p{margin:0 0 1.25rem;font-size:1.0625rem;line-height:1.75;color:var(--text--body)}.blog-article .w-richtext h2{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(1.5rem,2.6vw,1.875rem);font-weight:800;letter-spacing:-0.02em;line-height:1.2;color:var(--text--ink);margin:2.75rem 0 1rem}.blog-article .w-richtext ol{margin:0 0 1.25rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:0.5rem}.blog-article .w-richtext ol li{font-size:0.9375rem;line-height:1.6;color:var(--text--body)}.blog-article .w-richtext>:first-child{margin-top:0}.blog-article .w-richtext>:last-child{margin-bottom:0}

/* ── [was: medsender-global-v2.css, verbatim] ── */
:root {
  
  --brand--amber: #faa823;
  --brand--magenta: #c03494;
  --brand--coral: #f36f46;
  --brand--purple: #6a2f8c;

  
  --soft--lavender: #f6eefa;
  --soft--periwinkle: #f1f2ff;
  --soft--grey-light: #fafafa;
  --soft--grey: #efefef;
  --soft--grey-dark: #eeeeee;

  
  --text--ink: #211733;
  --text--body: #564f66;
  --text--muted: #8a8299;
  --border--light: #e9e3f1;
  --base--white: #ffffff;
  --base--dark: #200e35;        
  --base--footer: #190b29;

  
  --gradient--sunset: linear-gradient(135deg, #faa822 0%, #c03394 100%);
  --gradient--royal: linear-gradient(135deg, #c03394 0%, #6a2e8c 100%);
  --gradient--ember: linear-gradient(135deg, #f36f45 0%, #692f8b 100%);

  
  --font--display: "Plus Jakarta Sans", sans-serif;
  --font--body: "DM Sans", sans-serif;

  
  --text--h1: clamp(2.875rem, 6.2vw, 5rem);
  --text--h2: clamp(2.125rem, 4.2vw, 3.375rem);
  --text--h3: clamp(1.375rem, 2.2vw, 1.75rem);
  --text--lead: clamp(1.0625rem, 1.5vw, 1.3125rem);
  --text--base: 1.0625rem;
  --text--small: 0.9375rem;
  --text--eyebrow: 0.8125rem;

  
  --space--section: clamp(5.5rem, 10vw, 8.5rem);
  --space--section-small: clamp(3.5rem, 6vw, 5rem);
  --radius--small: 0.625rem;
  --radius--medium: 1rem;
  --radius--large: 1.75rem;
  --radius--pill: 100rem;

  
  --shadow--small: 0 1px 2px rgba(33, 23, 51, 0.06), 0 4px 12px rgba(33, 23, 51, 0.05);
  --shadow--medium: 0 2px 6px rgba(33, 23, 51, 0.06), 0 16px 40px -8px rgba(33, 23, 51, 0.12);
  --shadow--large: 0 24px 80px -16px rgba(33, 23, 51, 0.25);
  --shadow--button: 0 8px 24px -6px rgba(106, 47, 140, 0.45);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--font--body);
  font-size: var(--text--base);
  line-height: 1.6;
  color: var(--text--body);
  background-color: var(--base--white);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; display: block; }
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: var(--font--display);
  color: var(--text--ink);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.025em;
}
p { margin: 0; }
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible {
  outline: 3px solid var(--brand--magenta);
  outline-offset: 3px;
  border-radius: 4px;
}
.skip-link {
  position: absolute;
  left: 1rem;
  top: -4rem;
  z-index: 200;
  background: var(--text--ink);
  color: #fff;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius--small);
  transition: top 0.2s ease;
}
.skip-link:focus { top: 1rem; }
.page-wrapper { overflow: clip; }
.container-medium { width: 100%; max-width: 64rem; margin-left: auto; margin-right: auto; }
.container-small { width: 100%; max-width: 48rem; margin-left: auto; margin-right: auto; }
.heading-style-h1 { font-size: var(--text--h1); font-weight: 800; letter-spacing: -0.032em; }
figure { margin: 0; }
::selection { background-color: #8a4baf; color: #fff; }
::-moz-selection { background-color: #8a4baf; color: #fff; }
.problem_icon svg { width: 1.5rem; height: 1.5rem; }
.eyebrow_icon svg { width: 100%; height: 100%; }
.eyebrow_dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-image: var(--gradient--sunset);
  flex-shrink: 0;
}
.eyebrow.is-on-dark {
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.16);
  color: #e8c8ff;
}
.eyebrow.is-pill { padding: 0.4375rem 0.9375rem 0.4375rem 0.75rem; }
.section-header.is-centered { align-items: center; text-align: center; }
.section-header.is-centered .section-header_heading { max-width: 22ch; }
.section-header_lead { max-width: 40rem; }
.button::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.25s ease;
}
.button:hover { transform: translateY(-2px); box-shadow: 0 14px 32px -8px rgba(106, 47, 140, 0.55); }
.button:hover::after { opacity: 1; }
.button:active { transform: translateY(0); }
.button.is-secondary {
  background-image: none;
  background-color: var(--base--white);
  color: var(--text--ink);
  border: 1.5px solid var(--border--light);
  box-shadow: var(--shadow--small);
}
.button.is-secondary:hover {
  border-color: var(--brand--purple);
  background-color: var(--soft--lavender);
  box-shadow: var(--shadow--small);
}
.button.is-inverse {
  background-image: none;
  background-color: var(--base--white);
  color: var(--brand--purple);
  box-shadow: 0 12px 32px -8px rgba(16, 5, 28, 0.45);
}
.button.is-inverse:hover { box-shadow: 0 18px 44px -10px rgba(16, 5, 28, 0.6); }
.button.is-small { padding: 0.7rem 1.375rem; font-size: 0.9375rem; }
.button:hover .button_arrow { transform: translateX(3px); }
.text-link svg { transition: transform 0.25s ease; }
.text-link:hover svg { transform: translateX(4px); }
.navbar_component.is-scrolled .navbar_container {
  background-color: rgba(255, 255, 255, 0.96);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-color: var(--border--light);
  box-shadow: var(--shadow--medium);
  padding: 0.5rem 0.625rem 0.5rem 1.25rem;
}
.navbar_component.is-scrolled .navbar_logo { height: 2rem; }
.navbar_component.is-on-dark:not(.is-scrolled) .navbar_logo { filter: brightness(0) invert(1); }
.navbar_component.is-scrolled .navbar_menu {
  background-color: var(--soft--lavender);
  border-color: rgba(233, 227, 241, 0.6);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.navbar_component.is-scrolled .navbar_link:hover,
.navbar_component.is-scrolled .navbar_dropdown.is-open > .navbar_dropdown-toggle {
  background-color: var(--base--white);
}
.navbar_link:hover { background-color: var(--soft--lavender); color: var(--brand--purple); }
.navbar_login:hover { color: var(--brand--purple); }
.navbar_component.is-on-dark .navbar_login { color: rgba(255, 255, 255, 0.85); }
.navbar_component.is-on-dark .navbar_login:hover { color: #fff; }
.navbar_link.is-login { display: none; }
.navbar_dropdown.is-open .navbar_chevron { transform: rotate(180deg); }
.navbar_dropdown.is-open > .navbar_dropdown-toggle {
  background-color: var(--soft--lavender);
  color: var(--brand--purple);
}
.navbar_dropdown-panel {
  position: absolute;
  top: calc(100% + 0.875rem);
  left: 50%;
  
  width: 49.75rem;
  min-height: 25.125rem;
  display: flex;
  flex-direction: column;
  transform: translateX(-50%) translateY(6px);
  background-color: var(--base--white);
  border: 1px solid var(--border--light);
  border-radius: var(--radius--large);
  box-shadow: 0 4px 12px rgba(33, 23, 51, 0.06), 0 24px 64px -16px rgba(33, 23, 51, 0.22);
  padding: 1.5rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;
}
.navbar_dropdown-panel::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  height: 1rem;
}
.navbar_dropdown.is-open .navbar_dropdown-panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.dropdown_layout {
  display: grid;
  grid-template-columns: auto auto 16rem;
  justify-content: space-between;
  gap: 2.25rem;
  flex: 1;
}
.dropdown_layout.is-two-col { grid-template-columns: 1fr 16rem; }
.dropdown_group { display: flex; flex-direction: column; gap: 0.125rem; min-width: 10.5rem; }
.dropdown_heading {
  font-family: var(--font--display);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text--muted);
  padding-bottom: 0.5625rem;
  border-bottom: 1px solid var(--border--light);
  margin-bottom: 0.75rem;
}
.dropdown_link {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.375rem 0.625rem;
  margin-left: -0.625rem;
  border-radius: 0.625rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--text--body);
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.dropdown_link:hover { background-color: var(--soft--lavender); color: var(--brand--purple); }
.dropdown_link-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.5625rem;
  background-color: var(--soft--lavender);
  color: var(--brand--purple);
  flex-shrink: 0;
  font-family: var(--font--display);
  font-size: 0.625rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  transition: background-color 0.2s ease;
}
.dropdown_link:hover .dropdown_link-icon { background-color: var(--base--white); }
.ehr-mark { width: 1.15rem; height: 1.15rem; object-fit: contain; }
.dropdown_link.is-emphasis {
  margin-top: 0.25rem;
  font-family: var(--font--display);
  font-weight: 700;
  color: var(--brand--purple);
}
.dropdown_link.is-emphasis svg { transition: transform 0.25s ease; }
.dropdown_link.is-emphasis:hover svg { transform: translateX(3px); }
.dropdown_feature {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 16rem;
  padding: 1.375rem;
  border-radius: var(--radius--medium);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.dropdown_feature:hover { transform: translateY(-3px); box-shadow: var(--shadow--medium); }
.dropdown_feature.is-case-study {
  background-image:
    radial-gradient(16rem 10rem at 90% -10%, rgba(192, 52, 148, 0.5), transparent 65%),
    radial-gradient(14rem 9rem at 0% 110%, rgba(243, 111, 70, 0.4), transparent 65%),
    linear-gradient(160deg, #2a1244 0%, #200e35 60%, #1a0b2a 100%);
}
.dropdown_feature.is-calculator {
  background-image:
    radial-gradient(16rem 10rem at 88% -12%, rgba(250, 168, 34, 0.45), transparent 60%),
    var(--gradient--royal);
}
.dropdown_feature.is-webinar {
  background-image:
    radial-gradient(16rem 10rem at 88% -12%, rgba(250, 168, 34, 0.4), transparent 60%),
    var(--gradient--ember);
}
.dropdown_feature.is-security {
  background-image:
    radial-gradient(16rem 10rem at 90% -10%, rgba(106, 47, 140, 0.55), transparent 65%),
    linear-gradient(160deg, #2a1244 0%, #200e35 60%, #1a0b2a 100%);
}
.dropdown_feature-badges { display: flex; flex-wrap: wrap; gap: 0.375rem; margin-top: 0.25rem; }
.dropdown_feature-badges .badge { padding: 0.3125rem 0.6875rem; font-size: 0.6875rem; }
.dropdown_feature-eyebrow {
  font-family: var(--font--display);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--brand--amber);
}
.dropdown_feature-title {
  font-family: var(--font--display);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: #fff;
}
.dropdown_feature-text { font-size: 0.8125rem; line-height: 1.5; color: rgba(255, 255, 255, 0.78); }
.dropdown_feature-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  margin-top: 0.375rem;
  font-family: var(--font--display);
  font-size: 0.8125rem;
  font-weight: 700;
  color: #fff;
}
.dropdown_feature-cta svg { transition: transform 0.25s ease; }
.dropdown_feature:hover .dropdown_feature-cta svg { transform: translateX(3px); }
@media (min-width: 992px) {
  .navbar_dropdown.is-simple { position: relative; }
  .navbar_dropdown.is-simple .navbar_dropdown-panel {
    display: block;
    width: max-content;
    min-width: 11rem;
    min-height: 0;
    padding: 0.625rem;
  }
  .navbar_dropdown.is-simple .dropdown_link { display: flex; margin-left: 0; }
}
.button.is-nav {
  padding: 0.3125rem 1.0625rem 0.3125rem 0.3125rem;
  font-size: 0.875rem;
  gap: 0.625rem;
  box-shadow: 0 6px 18px -6px rgba(106, 47, 140, 0.45);
}
.button.has-circle { padding: 0.4375rem 1.5rem 0.4375rem 0.4375rem; gap: 0.75rem; }
.button.has-circle .button_circle { width: 2.25rem; height: 2.25rem; }
.button_circle svg { transition: transform 0.25s ease; }
.button:hover .button_circle svg { transform: translateX(3px); }
.section_hero.is-dark {
  background-color: var(--base--dark);
  background-image:
    radial-gradient(55rem 32rem at 85% -10%, rgba(250, 168, 35, 0.2), transparent 60%),
    radial-gradient(50rem 32rem at 6% -8%, rgba(192, 52, 148, 0.3), transparent 62%),
    radial-gradient(44rem 26rem at 50% 112%, rgba(243, 111, 70, 0.14), transparent 60%),
    linear-gradient(160deg, #2a1244 0%, #200e35 55%, #1a0b2a 100%);
}
.section_hero.is-dark .hero_heading { color: #fff; }
.section_hero.is-dark .hero_subheading { color: rgba(255, 255, 255, 0.78); }
.section_hero.is-dark .text-gradient-royal { background-image: var(--gradient--sunset); }
.section_hero.is-dark .button.is-secondary {
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.24);
  color: #fff;
  box-shadow: none;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.section_hero.is-dark .button.is-secondary:hover {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.45);
}
.section_hero.is-dark .hero-video_scale {
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 24px 80px -16px rgba(0, 0, 0, 0.55);
}
.hero_button-group .button { padding: 0.8125rem 1.5rem; font-size: 0.9375rem; }
.hero_button-group .button.has-circle { padding: 0.4375rem 1.5rem 0.4375rem 0.4375rem; }
.hero_button-group .button.is-secondary { padding-top: 0.9375rem; padding-bottom: 0.9375rem; }
.hero-video_play::before {
  content: "";
  position: absolute;
  inset: -0.75rem;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  animation: play-pulse 2.4s ease-out infinite;
}
@keyframes play-pulse {
  0% { transform: scale(0.82); opacity: 0; }
  45% { opacity: 1; }
  100% { transform: scale(1.18); opacity: 0; }
}
.hero-video_row.is-1 { width: 13rem; }
.hero-video_row.is-2 { width: 9rem; }
.hero-video_row.is-3 { width: 11rem; }
.section_trust .padding-section-medium { padding-top: clamp(1rem, 1.5vw, 1.25rem); }
.trust_anchor strong { font-weight: 700; color: var(--text--ink); }
.trust_anchor.is-right strong { white-space: nowrap; }
.trust_anchor.is-right { text-align: right; }
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.trust_logo:hover { filter: grayscale(0) brightness(1); opacity: 1; }
.badge svg { color: var(--brand--purple); }
.badge.is-on-dark {
  background-color: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.88);
}
.badge.is-on-dark svg { color: var(--brand--amber); }
.problem_card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow--medium);
  background-color: var(--base--white);
}
.problem_icon.is-1 { background-image: var(--gradient--sunset); }
.problem_icon.is-2 { background-image: var(--gradient--ember); }
.problem_icon.is-3 { background-image: var(--gradient--royal); }
.solution_step.is-active { opacity: 1; }
.solution_shot.is-active { opacity: 1; transform: none; }
.solution_shot .solution_visual { width: 100%; height: 100%; min-height: 0; }
.solutions_text-col .solution_step-visual { display: none; }
.solution_visual.is-1 { background-color: var(--soft--lavender); }
.solution_visual.is-2 { background-color: var(--soft--periwinkle); }
.solution_visual.is-3 { background-color: #fdf1ec; }
.mock-board { position: relative; display: flex; gap: 0.875rem; width: 100%; max-width: 30rem; }
.mock-board_traveler {
  position: absolute;
  z-index: 2;
  top: 2.15rem;
  left: 0.8125rem;
  width: calc(33.333% - 2.5rem);
  animation: board-travel 9s ease-in-out infinite;
}
@keyframes board-travel {
  0% { left: 0.8125rem; opacity: 0; transform: translateY(0.5rem); }
  7% { opacity: 1; transform: translateY(0); }
  26% { left: 0.8125rem; transform: translateY(0); }
  36% { left: calc(33.333% + 0.4375rem); }
  58% { left: calc(33.333% + 0.4375rem); }
  68% { left: calc(66.666% + 0.0625rem); opacity: 1; }
  76% { left: calc(66.666% + 0.0625rem); opacity: 0; transform: translateY(0); }
  100% { left: calc(66.666% + 0.0625rem); opacity: 0; }
}
.mock-card.is-highlight { animation: receive-pulse 9s ease-in-out infinite; }
@keyframes receive-pulse {
  0%, 66% { box-shadow: 0 0 0 2px var(--brand--magenta), var(--shadow--medium); transform: scale(1); }
  73% { box-shadow: 0 0 0 5px rgba(192, 52, 148, 0.45), var(--shadow--medium); transform: scale(1.05); }
  82%, 100% { box-shadow: 0 0 0 2px var(--brand--magenta), var(--shadow--medium); transform: scale(1); }
}
.mock-board_col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  background-color: rgba(255, 255, 255, 0.65);
  border: 1px solid rgba(233, 227, 241, 0.9);
  border-radius: var(--radius--medium);
  padding: 0.75rem;
  min-width: 0;
}
.mock-board_label {
  font-family: var(--font--display);
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text--muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mock-card_line.is-short { width: 62%; }
.mock-card.is-highlight { box-shadow: 0 0 0 2px var(--brand--magenta), var(--shadow--medium); }
.mock-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  align-self: flex-start;
  padding: 0.2rem 0.55rem;
  border-radius: var(--radius--pill);
  font-family: var(--font--display);
  font-size: 0.6875rem;
  font-weight: 700;
  background-color: var(--soft--lavender);
  color: var(--brand--purple);
  white-space: nowrap;
}
.mock-chip.is-success { background-color: #e9f7ef; color: #1e7e46; }
.mock-chip.is-coral { background-color: #fdeae3; color: #c2461d; }
.mock-inbox_header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 1.125rem;
  border-bottom: 1px solid var(--soft--grey);
  font-family: var(--font--display);
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--text--ink);
}
.mock-inbox_row {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.875rem 1.125rem;
  border-bottom: 1px solid var(--soft--grey);
  animation: row-process 7.5s ease-in-out infinite;
}
.mock-inbox_row:last-child { border-bottom: 0; }
.mock-inbox_row:nth-child(2) { animation-delay: 0s; }
.mock-inbox_row:nth-child(3) { animation-delay: 2.5s; }
.mock-inbox_row:nth-child(4) { animation-delay: 5s; }
@keyframes row-process {
  0%, 13% { background-color: transparent; }
  5% { background-color: var(--soft--lavender); }
  100% { background-color: transparent; }
}
.mock-inbox_row .mock-chip.is-success { animation: chip-pop 7.5s ease-in-out infinite; }
.mock-inbox_row:nth-child(2) .mock-chip.is-success { animation-delay: 0s; }
.mock-inbox_row:nth-child(3) .mock-chip.is-success { animation-delay: 2.5s; }
.mock-inbox_row:nth-child(4) .mock-chip.is-success { animation-delay: 5s; }
@keyframes chip-pop {
  0%, 3% { transform: scale(0.8); opacity: 0.35; }
  8% { transform: scale(1.1); opacity: 1; }
  12%, 100% { transform: scale(1); opacity: 1; }
}
.mock-inbox_meta { display: flex; flex-direction: column; gap: 0.35rem; min-width: 0; flex: 1; }
.mock-inbox_title { font-family: var(--font--display); font-size: 0.8125rem; font-weight: 600; color: var(--text--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mock-inbox_chips { display: flex; gap: 0.375rem; flex-wrap: wrap; }
.mock-call_header { display: flex; align-items: center; gap: 0.75rem; }
.mock-call_wave { display: flex; align-items: center; gap: 0.25rem; height: 2rem; margin-left: auto; }
.mock-call_bar { width: 0.25rem; border-radius: var(--radius--pill); background-image: var(--gradient--sunset); animation: wave 1.1s ease-in-out infinite; }
.mock-call_bar:nth-child(1) { height: 38%; animation-delay: 0s; }
.mock-call_bar:nth-child(2) { height: 85%; animation-delay: 0.15s; }
.mock-call_bar:nth-child(3) { height: 55%; animation-delay: 0.3s; }
.mock-call_bar:nth-child(4) { height: 95%; animation-delay: 0.45s; }
.mock-call_bar:nth-child(5) { height: 45%; animation-delay: 0.6s; }
@keyframes wave { 0%, 100% { transform: scaleY(0.55); } 50% { transform: scaleY(1); } }
.mock-call_bubble.is-patient { background-color: var(--soft--grey); color: var(--text--body); align-self: flex-start; border-bottom-left-radius: 0.25rem; animation: bubble-cycle 8s ease-in-out infinite; }
.mock-call_bubble.is-ai { background-color: var(--soft--lavender); color: var(--text--ink); align-self: flex-end; border-bottom-right-radius: 0.25rem; animation: bubble-cycle 8s ease-in-out infinite 1.4s; }
.mock-call > .mock-chip { animation: bubble-cycle 8s ease-in-out infinite 2.8s; }
@keyframes bubble-cycle {
  0% { opacity: 0; transform: translateY(8px); }
  7% { opacity: 1; transform: translateY(0); }
  86% { opacity: 1; transform: translateY(0); }
  94%, 100% { opacity: 0; transform: translateY(8px); }
}
.section_proof .section-header_heading { color: #fff; }
.proof_quote-featured blockquote {
  margin: 0;
  font-family: var(--font--display);
  font-size: clamp(1.25rem, 2.2vw, 1.75rem);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: #fff;
}
.proof_featured-main .quote_attribution { margin-top: 2rem; }
.proof_featured-stat:first-child { border-top: 0; padding-top: 0; }
.proof_featured-stat:last-child { padding-bottom: 0; }
.proof_quote-card blockquote {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.92);
}
.proof_quote-card .quote_attribution { margin-top: 0; }
.onboarding_quote-card blockquote { margin: 0; font-size: 1.125rem; line-height: 1.55; color: var(--text--ink); }
.onboarding_quote-card .quote_name { color: var(--text--ink); }
.onboarding_quote-card .quote_role { color: var(--text--muted); }
.onboarding_quote-card .quote_attribution { margin-top: 0; }
.integrations_component .section-header { margin-bottom: 2.5rem; }
.integration_tile:hover {
  transform: translateY(-4px);
  background-color: var(--base--white);
  border-color: rgba(106, 47, 140, 0.35);
  box-shadow: 0 10px 24px rgba(106, 47, 140, 0.12);
}
.integration_icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.45rem;
}
.integration_icon-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 30%;
  background-color: var(--base--white);
  border: 1px solid var(--border--light);
  box-shadow: var(--shadow--small);
  font-family: var(--font--display);
  font-size: 1.125rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--brand--purple);
}
.integration_icon-label {
  font-family: var(--font--display);
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--text--muted);
  white-space: nowrap;
}
.integration_icon.is-sm .integration_icon-tile { width: 2.75rem; height: 2.75rem; font-size: 0.875rem; }
.integration_icon.is-lg .integration_icon-tile { width: 4.375rem; height: 4.375rem; font-size: 1.4375rem; }
.integration_icon.is-tint-lavender .integration_icon-tile { background-color: var(--soft--lavender); }
.integration_icon.is-tint-periwinkle .integration_icon-tile { background-color: var(--soft--periwinkle); color: var(--text--ink); }
.integration_icon.is-tint-magenta .integration_icon-tile { color: var(--brand--magenta); }
.integrations_component.is-home .integrations_panel { max-width: 58rem; }
.integrations_stage .integrations_panel { position: relative; z-index: 1; margin: 0 auto; }
.integrations_field {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.integrations_field .integration_icon {
  position: absolute;
  transform: translate(-50%, -50%);
  animation: ehr-breathe 5.5s ease-in-out infinite;
  will-change: transform, filter;
}
@keyframes ehr-breathe {
  0%, 100% { transform: translate(-50%, -50%) scale(1.05); filter: blur(0); opacity: 1; }
  50%      { transform: translate(-50%, -50%) scale(0.9); filter: blur(1.6px); opacity: 0.75; }
}
.section_cta .padding-section-large { padding-top: 0; }
.cta_secondary-line a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.cta_secondary-line a:hover { color: var(--brand--amber); }
.footer_link:hover { color: #fff; }
[data-reveal] {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--reveal-delay, 0s);
}
[data-reveal].is-inview { opacity: 1; transform: translateY(0); }
[data-scroll-fade] {
  opacity: 0;
  will-change: opacity, transform;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  [data-reveal] { opacity: 1; transform: none; transition: none; }
  [data-scroll-fade] { opacity: 1 !important; transform: none !important; }
  .hero-video_scale { transform: none !important; }
  
  .integrations_field .integration_icon { animation: none; filter: none; }
  .solution_step { opacity: 1 !important; transition: none; }
  .solution_shot { transition: none; }
  .trust_marquee-track { animation: none; }
  .mock-call_bar { animation: none; }
  .hero-video_play::before { animation: none; }
  .mock-board_traveler { display: none; }
  .mock-card.is-highlight,
  .mock-inbox_row,
  .mock-inbox_row .mock-chip.is-success,
  .mock-call_bubble.is-patient,
  .mock-call_bubble.is-ai,
  .mock-call > .mock-chip { animation: none !important; }
  .button, .problem_card, .integration_tile { transition: none; }
}
@media (max-width: 1279px) {
  .integrations_component.is-home .integrations_panel { max-width: 52rem; }
  .integrations_field {
    position: static;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem 1.75rem;
    margin-top: 2.75rem;
  }
  .integrations_field .integration_icon { position: static; transform: none; animation: none; filter: none; }
}
@media (max-width: 991px) {
  .padding-global { padding-left: 2rem; padding-right: 2rem; }

  .navbar_menu {
    position: absolute;
    top: calc(100% + 0.625rem);
    left: 0;
    right: 0;
    transform: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0.25rem;
    background-color: var(--base--white);
    border: 1px solid var(--border--light);
    border-radius: var(--radius--large);
    box-shadow: var(--shadow--medium);
    padding: 0.75rem;
    display: none;
  }
  .navbar_component.is-open .navbar_menu { display: flex; }
  .navbar_link { padding: 0.875rem 1.125rem; }
  .navbar_link.is-login { display: block; border-top: 1px solid var(--border--light); margin-top: 0.25rem; }
  .navbar_login { display: none; }
  .navbar_menu-button { display: flex; }

  
  .navbar_dropdown { position: static; }
  .navbar_dropdown-toggle { width: 100%; justify-content: space-between; }
  .navbar_dropdown-panel {
    position: static;
    display: none;
    width: auto;
    min-height: 0;
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0.25rem 1.125rem 1rem;
    transition: none;
  }
  
  .navbar_dropdown.is-open .navbar_dropdown-panel { display: block; transform: none; }
  .navbar_component.is-open .navbar_menu {
    max-height: calc(100vh - 5.75rem);
    min-height: 16rem;
    overflow-y: auto;
  }
  .dropdown_layout { display: flex; flex-direction: column; gap: 1.5rem; }
  .dropdown_feature { display: none; }
  .dropdown_link { white-space: normal; display: flex; }

  .problem_grid { grid-template-columns: 1fr; max-width: 34rem; margin: 0 auto; }
  
  .solutions_sticky-layout { display: block; }
  .solutions_visual-col { display: none; }
  .solution_step { min-height: 0; opacity: 1 !important; padding: 2.25rem 0; }
  .solutions_text-col .solution_step-visual { display: flex; margin-top: 2rem; min-height: 20rem; width: 100%; }
  .proof_stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
  .proof_quote-grid { grid-template-columns: 1fr; }
  .proof_quote-featured { grid-template-columns: 1fr; gap: 2rem; }
  .proof_featured-stats { padding-left: 0; border-left: 0; padding-top: 1.75rem; border-top: 1px solid rgba(255, 255, 255, 0.12); }
  .onboarding_layout { grid-template-columns: 1fr; }
  .footer_top { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
  .padding-global { padding-left: 1.25rem; padding-right: 1.25rem; }
  .navbar_component { top: 0.75rem; }

  .trust_row { grid-template-columns: 1fr; gap: 1.25rem; }
  .trust_anchor, .trust_anchor.is-right { text-align: center; max-width: none; }
  .proof_stats { grid-template-columns: 1fr; }
  .proof_stat { display: flex; align-items: baseline; gap: 1.25rem; padding: 1.75rem 2rem; }
  .proof_stat-label { margin-top: 0; }
  .quote_meta { text-align: left; }
  .hero-video_scale { aspect-ratio: 16 / 10; }
  .integrations_panel { padding: 1.5rem; }
  .integrations_grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 479px) {
  
  .navbar_logo { height: 1.5rem; }
  .navbar_actions { gap: 0.375rem; }
  .button.is-nav { font-size: 0.75rem; gap: 0.5rem; padding-right: 0.875rem; white-space: nowrap; }
  .button_circle { width: 1.75rem; height: 1.75rem; }
  .navbar_menu-button { padding: 0.4rem; }

  .hero_button-group { flex-direction: column; align-items: stretch; width: 100%; }
  .hero_button-group .button { width: 100%; }
  .hero-video_play { width: 3.75rem; height: 3.75rem; }
  .mock-board { flex-wrap: wrap; }
  .mock-board_traveler { display: none; }
  .footer_top { grid-template-columns: 1fr; }
  .footer_bottom { justify-content: center; text-align: center; }
}
@media (min-width: 992px) {
  
  .button:not(.is-nav),
  .hero_button-group .button:not(.is-nav) {
    height: 3vw;
    padding: 0 1.5vw;
    font-size: 0.95vw;
  }
  
  .button.has-circle:not(.is-nav),
  .hero_button-group .button.has-circle:not(.is-nav) {
    padding: 0 1.4vw 0 0.5vw;
  }
  
  .button.has-circle:not(.is-nav) .button_circle { width: 2.1vw; height: 2.1vw; }

  
  .eyebrow_icon { width: 0.952381vw; height: 0.952381vw; }

  
  .section_hero .eyebrow,
  .section_solution-hero .eyebrow,
  .section_demo-hero .eyebrow { font-size: 0.71vw; line-height: 1vw; }

  .section_hero .hero_subheading,
  .section_solution-hero .solution-hero_sub,
  .section_demo-hero .demo-hero_sub { font-size: 1.2vw; line-height: 1.8vw; }
}
.solution-hero_proofline svg { color: #1e7e46; flex-shrink: 0; }
.solution-hero_visual .mock-board { max-width: 32rem; }
.stat-band_item:not(:first-child) { border-left: 1px solid var(--border--light); }
.section_steps { background-color: var(--base--white); }
.section_steps .solution_step { min-height: 56vh; }
.solution_visual.is-4 { background-color: #fef3f0; }
.mock-chart {
  width: 100%;
  max-width: 24rem;
  background-color: #fff;
  border-radius: var(--radius--medium);
  box-shadow: var(--shadow--medium);
  overflow: hidden;
}
.mock-chart_header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 1.125rem;
  border-bottom: 1px solid var(--soft--grey);
  font-family: var(--font--display);
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--text--ink);
}
.mock-chart_badge {
  margin-left: auto;
  font-family: var(--font--display);
  font-size: 0.625rem;
  font-weight: 700;
  color: var(--brand--purple);
  background-color: var(--soft--lavender);
  padding: 0.2rem 0.55rem;
  border-radius: var(--radius--pill);
}
.mock-chart_row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.7rem 1.125rem;
  border-bottom: 1px solid var(--soft--grey);
}
.mock-chart_row:last-child { border-bottom: 0; }
.mock-chart_label {
  font-family: var(--font--display);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text--muted);
  width: 5.75rem;
  flex-shrink: 0;
}
.mock-chart_value { font-size: 0.8125rem; font-weight: 500; color: var(--text--ink); flex: 1; }
.mock-chart_check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: #e9f7ef;
  color: #1e7e46;
  flex-shrink: 0;
  animation: chip-pop 7s ease-in-out infinite;
}
.mock-chart_row:nth-child(2) .mock-chart_check { animation-delay: 0.2s; }
.mock-chart_row:nth-child(3) .mock-chart_check { animation-delay: 0.6s; }
.mock-chart_row:nth-child(4) .mock-chart_check { animation-delay: 1.0s; }
.mock-chart_row:nth-child(5) .mock-chart_check { animation-delay: 1.4s; }
.mock-chart_row:nth-child(6) .mock-chart_check { animation-delay: 1.8s; }
.mock-sms {
  width: 100%;
  max-width: 23rem;
  background-color: #fff;
  border-radius: var(--radius--medium);
  box-shadow: var(--shadow--medium);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.mock-sms_header {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--soft--grey);
}
.mock-sms_title { font-family: var(--font--display); font-size: 0.8125rem; font-weight: 700; color: var(--text--ink); }
.mock-sms_sub { font-size: 0.7rem; color: var(--text--muted); }
.mock-sms .mock-call_bubble strong { color: inherit; font-weight: 700; }
.mock-report {
  width: 100%;
  max-width: 23rem;
  background-color: #fff;
  border-radius: var(--radius--medium);
  box-shadow: var(--shadow--medium);
  padding: 1.375rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.mock-report_header { display: flex; align-items: center; justify-content: space-between; }
.mock-report_title { font-family: var(--font--display); font-size: 0.8125rem; font-weight: 700; color: var(--text--ink); }
.mock-report_delta {
  font-family: var(--font--display);
  font-size: 0.6875rem;
  font-weight: 700;
  color: #1e7e46;
  background-color: #e9f7ef;
  padding: 0.2rem 0.55rem;
  border-radius: var(--radius--pill);
}
.mock-report_stat { display: flex; align-items: baseline; gap: 0.625rem; }
.mock-report_num {
  font-family: var(--font--display);
  font-size: 2.75rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
  background-image: var(--gradient--royal);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.mock-report_sub { font-size: 0.75rem; color: var(--text--muted); }
.mock-report_bars { display: flex; align-items: flex-end; gap: 0.5rem; height: 5rem; }
.mock-report_bar {
  flex: 1;
  border-radius: 0.375rem 0.375rem 0 0;
  background-image: var(--gradient--royal);
  opacity: 0.85;
  transform-origin: 50% 100%;
  animation: bar-grow 1s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.mock-report_bar:nth-child(2) { animation-delay: 0.1s; }
.mock-report_bar:nth-child(3) { animation-delay: 0.2s; }
.mock-report_bar:nth-child(4) { animation-delay: 0.3s; }
.mock-report_bar:nth-child(5) { animation-delay: 0.4s; }
@keyframes bar-grow { from { transform: scaleY(0.2); opacity: 0; } to { transform: scaleY(1); opacity: 0.85; } }
.mock-report_kpis { display: flex; flex-direction: column; gap: 0.45rem; }
.mock-report_kpi { display: flex; justify-content: space-between; font-size: 0.75rem; }
.mock-report_kpi span:first-child { color: var(--text--muted); }
.mock-report_kpi span:last-child { font-family: var(--font--display); font-weight: 700; color: var(--text--ink); }
.capability_card:hover { transform: translateY(-4px); box-shadow: var(--shadow--medium); }
.capability_icon svg { width: 1.5rem; height: 1.5rem; }
.faq_item.is-open { background-color: var(--base--white); border-color: rgba(106, 47, 140, 0.25); box-shadow: var(--shadow--small); }
.faq_item.is-open .faq_icon { transform: rotate(45deg); }
.faq_item.is-open .faq_answer { grid-template-rows: 1fr; }
.faq_item.is-open .faq_answer-inner { padding-bottom: 1.375rem; }
@media (max-width: 991px) {
  .solution-hero_layout { grid-template-columns: 1fr; gap: 2.5rem; }
  .solution-hero_visual { min-height: 20rem; order: 2; }
  .solution-hero_heading { max-width: 20ch; }
  .capabilities_grid { grid-template-columns: 1fr; }
  
}
@media (max-width: 767px) {
  .stats-band_grid { grid-template-columns: 1fr; gap: 0.5rem; }
  .stat-band_item:not(:first-child) { border-left: 0; border-top: 1px solid var(--border--light); padding-top: 1.75rem; }
  .stat-band_item { padding-bottom: 1.25rem; }
}
.capabilities_grid.is-3 { grid-template-columns: repeat(3, 1fr); }
a.capability_card { text-decoration: none; color: inherit; }
.capability_card.is-stacked { flex-direction: column; gap: 1rem; }
.capability_cta svg { transition: transform 0.25s ease; }
a.capability_card:hover .capability_cta svg { transform: translateX(3px); }
@media (max-width: 991px) { .capabilities_grid.is-3 { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) {
  .capability_card, .faq_icon, .faq_answer { transition: none; }
  .mock-chart_check, .mock-report_bar { animation: none; }
  .capability_cta svg { transition: none; }
}
.text-gradient-advancedmd{ color: #ff671d; }
.text-gradient-athena    { color: #582c83; }
.text-gradient-ezderm    { color: #0033ff; }
.eyebrow_icon .ehr-mark { width: 100%; height: 100%; object-fit: contain; }
.ehr-hero_visual {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1rem, 2vw, 1.75rem);
  border-radius: var(--radius--large);
  background-image:
    radial-gradient(40rem 22rem at 80% -20%, rgba(241, 242, 255, 0.8), transparent 60%),
    var(--soft--lavender);
  border: 1px solid var(--border--light);
  box-shadow: var(--shadow--medium);
  min-height: 23rem;
}
.ehr-scene {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: 32rem;
}
.ehr-stage { position: relative; height: 13rem; display: flex; align-items: center; justify-content: center; }
.ehr-stage--wide { flex: 1 1 auto; }
.ehr-stage_cap {
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-family: var(--font--display);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--text--muted);
}
.ehr-papers { position: relative; width: 4.5rem; height: 6rem; }
.ehr-paper {
  position: absolute;
  inset: 0;
  background-color: #fff;
  border: 1px solid var(--border--light);
  border-radius: 0.4rem;
  box-shadow: var(--shadow--small);
  padding: 0.55rem 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.ehr-paper--3 { transform: rotate(-9deg) translate(-5px, 4px); }
.ehr-paper--2 { transform: rotate(5deg) translate(5px, -1px); }
.ehr-paper--1 { animation: ehr-feed 5s ease-in-out infinite; }
.ehr-paper_tag {
  align-self: flex-start;
  font-family: var(--font--display);
  font-size: 0.5rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #fff;
  background-image: var(--gradient--sunset);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}
.ehr-paper_line { height: 0.28rem; border-radius: var(--radius--pill); background-color: var(--soft--grey-dark); }
.ehr-paper_line.is-short { width: 55%; }
@keyframes ehr-feed {
  0%, 16% { transform: translate(0, 0) scale(1); opacity: 1; }
  30% { transform: translate(170%, 0) scale(0.65); opacity: 0; }
  31%, 100% { transform: translate(0, 0) scale(1); opacity: 1; }
}
.ehr-ai {
  position: relative;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background-image: var(--gradient--royal);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 30px -8px rgba(106, 47, 140, 0.55);
  animation: ehr-ai-pulse 3s ease-in-out infinite;
}
.ehr-ai svg { width: 1.9rem; height: 1.9rem; }
.ehr-ai::before, .ehr-ai::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1.5px solid rgba(106, 47, 140, 0.4);
  animation: ehr-ai-ring 3s ease-out infinite;
}
.ehr-ai::after { animation-delay: 1.5s; }
@keyframes ehr-ai-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } }
@keyframes ehr-ai-ring { 0% { transform: scale(1); opacity: 0.65; } 100% { transform: scale(1.7); opacity: 0; } }
.ehr-window {
  width: 100%;
  max-width: 13rem;
  background-color: #fff;
  border: 1px solid var(--border--light);
  border-radius: 0.7rem;
  box-shadow: var(--shadow--medium);
  overflow: hidden;
}
.ehr-window_bar {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.45rem 0.6rem;
  background-color: var(--soft--grey-light);
  border-bottom: 1px solid var(--border--light);
}
.ehr-win-dot { width: 0.35rem; height: 0.35rem; border-radius: 50%; background-color: var(--soft--grey-dark); }
.ehr-window_logo { height: 0.85rem; width: auto; max-width: 5rem; margin-left: auto; object-fit: contain; }
.ehr-window_chart { padding: 0.75rem 0.7rem; display: flex; flex-direction: column; gap: 0.5rem; }
.ehr-chart_patient { display: flex; align-items: center; gap: 0.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid var(--soft--grey); }
.ehr-chart_avatar { width: 1.75rem; height: 1.75rem; border-radius: 50%; background-image: var(--gradient--royal); flex-shrink: 0; }
.ehr-chart_lines { display: flex; flex-direction: column; gap: 0.25rem; flex: 1; }
.ehr-chart_l { height: 0.34rem; border-radius: var(--radius--pill); background-color: var(--soft--grey-dark); }
.ehr-chart_l.is-short { width: 55%; }
.ehr-chart_field { display: flex; align-items: center; gap: 0.4rem; }
.ehr-chart_fl { font-family: var(--font--display); font-size: 0.5rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--text--muted); width: 2.75rem; flex-shrink: 0; }
.ehr-chart_fv { height: 0.34rem; border-radius: var(--radius--pill); background-color: var(--soft--grey); flex: 1; }
.ehr-chart_chk {
  width: 0.85rem; height: 0.85rem; border-radius: 50%;
  background-color: #e9f7ef; color: #1e7e46; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  animation: ehr-chk 5s ease-in-out infinite;
}
.ehr-chart_chk svg { width: 0.55rem; height: 0.55rem; }
.ehr-chart_field:nth-child(2) .ehr-chart_chk { animation-delay: 1.6s; }
.ehr-chart_field:nth-child(3) .ehr-chart_chk { animation-delay: 1.9s; }
.ehr-chart_field:nth-child(4) .ehr-chart_chk { animation-delay: 2.2s; }
@keyframes ehr-chk { 0%, 30% { transform: scale(0.5); opacity: 0; } 42% { transform: scale(1.15); opacity: 1; } 54%, 100% { transform: scale(1); opacity: 1; } }
.ehr-chart_status {
  align-self: flex-start;
  display: inline-flex; align-items: center; gap: 0.25rem;
  font-family: var(--font--display); font-size: 0.5625rem; font-weight: 700;
  color: #1e7e46; background-color: #e9f7ef;
  padding: 0.2rem 0.45rem; border-radius: var(--radius--pill);
  margin-top: 0.15rem;
}
.ehr-wire { flex: 0 0 clamp(1.75rem, 4vw, 3rem); height: 13rem; position: relative; }
.ehr-wire::before {
  content: "";
  position: absolute;
  top: 6.5rem; left: 0; right: 0; height: 0;
  border-top: 1.5px dashed var(--border--light);
}
.ehr-dot {
  position: absolute;
  top: 6.5rem; left: 0;
  width: 0.4rem; height: 0.4rem;
  margin-top: -0.2rem;
  border-radius: 50%;
  background-image: var(--gradient--sunset);
  box-shadow: 0 0 0 2px rgba(243, 111, 70, 0.18);
  animation: ehr-dot 2.4s linear infinite;
}
.ehr-dot:nth-child(2) { animation-delay: 0.8s; }
.ehr-dot:nth-child(3) { animation-delay: 1.6s; }
.ehr-wire.is-2 .ehr-dot { animation-delay: 1.2s; }
.ehr-wire.is-2 .ehr-dot:nth-child(2) { animation-delay: 2s; }
.ehr-wire.is-2 .ehr-dot:nth-child(3) { animation-delay: 0.4s; }
@keyframes ehr-dot {
  0% { left: 0; opacity: 0; transform: scale(0.6); }
  15% { opacity: 1; transform: scale(1); }
  85% { opacity: 1; transform: scale(1); }
  100% { left: 100%; opacity: 0; transform: scale(0.6); }
}
.problem_grid.is-4 { grid-template-columns: repeat(4, 1fr); }
.problem_icon.is-4 { background-image: var(--gradient--sunset); }
.capabilities_grid.is-4 { grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
.capabilities_grid.is-4 .capability_card { flex-direction: column; gap: 1rem; padding: 1.75rem 1.5rem; }
.section_statement .padding-section-large { text-align: center; }
.section_statement .eyebrow { display: inline-flex; margin-bottom: 1.5rem; }
.flow-step:not(:last-child)::after {
  content: ""; position: absolute; top: 3rem; right: -0.75rem;
  width: 0.875rem; height: 0.875rem;
  border-top: 2px solid var(--border--light); border-right: 2px solid var(--border--light);
  transform: rotate(45deg); z-index: 1;
}
.beforeafter_col.is-before { background-color: var(--base--white); }
.beforeafter_col.is-after {
  background-image: radial-gradient(28rem 16rem at 100% -10%, rgba(192, 52, 148, 0.1), transparent 60%), var(--base--white);
  border-color: rgba(106, 47, 140, 0.25);
}
.beforeafter_col.is-before .beforeafter_label { color: var(--text--muted); }
.beforeafter_col.is-after .beforeafter_label { color: var(--brand--purple); }
.beforeafter_col.is-before .beforeafter_ico { color: #c2461d; }
.beforeafter_col.is-after .beforeafter_ico { color: #1e7e46; }
.intdiag_node.is-medsender { overflow: hidden; }
.intdiag_spark svg { width: 100%; height: 100%; }
.intdiag_cap svg { flex-shrink: 0; width: 1.05rem; height: 1.05rem; color: var(--brand--purple); margin-top: 0.1rem; }
.intdiag_dot:nth-child(2) { animation-delay: 0.3s; }
.intdiag_dot:nth-child(3) { animation-delay: 0.6s; }
@keyframes ehr-dot-pulse { 0%, 100% { opacity: 0.35; transform: scale(0.8); } 50% { opacity: 1; transform: scale(1); } }
.intdiag_node.is-ehr { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.75rem; padding: 2rem 1.5rem; text-align: center; }
.builtfor_means-item svg { flex-shrink: 0; width: 1.25rem; height: 1.25rem; color: var(--brand--purple); margin-top: 0.1rem; }
.multiloc_benefit svg { flex-shrink: 0; width: 1.25rem; height: 1.25rem; color: var(--brand--purple); margin-top: 0.1rem; }
.staffing_panel.is-after { border-color: rgba(106, 47, 140, 0.25); background-image: radial-gradient(22rem 13rem at 100% -10%, rgba(192, 52, 148, 0.08), transparent 60%), var(--base--white); }
.staffing_panel.is-after .staffing_head { color: var(--brand--purple); }
.staffing_rows li { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.65rem 0.9rem; background-color: var(--soft--grey-light); border-radius: var(--radius--medium); font-size: 0.9375rem; color: var(--text--body); }
.staffing_total.is-highlight { background-image: var(--gradient--royal); -webkit-background-clip: text; background-clip: text; color: transparent; }
.staffing_arrow svg { width: 1.75rem; height: 1.75rem; }
@media (max-width: 991px) {
  .problem_grid.is-4 { grid-template-columns: 1fr 1fr; max-width: 40rem; margin: 0 auto; }
  .flow-steps { grid-template-columns: 1fr 1fr; gap: 1.25rem 2rem; }
  .flow-step:nth-child(2)::after { display: none; }
  .beforeafter_grid { grid-template-columns: 1fr; }
  .capabilities_grid.is-4, .outcomes_grid { grid-template-columns: 1fr 1fr; }
  .integration_diagram { grid-template-columns: 1fr; gap: 0.5rem; }
  .intdiag_conn { flex-direction: column; padding: 0.5rem 0; }
  .builtfor_means-list, .multiloc_benefits { grid-template-columns: 1fr; max-width: 32rem; }
  .staffing_compare { grid-template-columns: 1fr; gap: 0.75rem; max-width: 28rem; }
  .staffing_arrow { transform: rotate(90deg); }
}
@media (max-width: 767px) {
  .flow-steps { grid-template-columns: 1fr; }
  .flow-step::after { display: none !important; }
  .capabilities_grid.is-4, .outcomes_grid { grid-template-columns: 1fr; }
  .ehr-scene { max-width: 23rem; transform: scale(0.92); }
}
@media (prefers-reduced-motion: reduce) {
  .ehr-paper--1, .ehr-ai, .ehr-ai::before, .ehr-ai::after, .ehr-chart_chk, .ehr-dot, .intdiag_dot { animation: none; }
  .ehr-chart_chk { opacity: 1; transform: scale(1); }
}
.featured-resource {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  border: 1px solid var(--border--light);
  border-radius: var(--radius--large);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  box-shadow: var(--shadow--small);
  margin-bottom: clamp(2.5rem, 5vw, 3.5rem);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.featured-resource:hover { transform: translateY(-4px); box-shadow: var(--shadow--large); border-color: rgba(106, 47, 140, 0.2); }
.featured-resource_media {
  position: relative;
  min-height: 19rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.featured-resource_media.is-case-studies { background-image: var(--gradient--royal); }
.featured-resource_media.is-webinars { background-image: var(--gradient--ember); }
.featured-resource_media.is-blog { background-image: linear-gradient(135deg, #8a4baf 0%, #c03494 100%); }
.featured-resource_media.is-guides { background-image: linear-gradient(135deg, #6a2f8c 0%, #4a1e69 100%); }
.featured-resource_media.is-reports { background-image: var(--gradient--sunset); }
.featured-resource_media svg { width: 4.5rem; height: 4.5rem; opacity: 0.95; }
.featured-resource_badge {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  padding: 0.3125rem 0.75rem;
  border-radius: var(--radius--pill);
  background-color: rgba(255, 255, 255, 0.92);
  font-family: var(--font--display);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text--ink);
}
.featured-resource_body {
  padding: clamp(2rem, 4vw, 3.25rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.875rem;
}
.featured-resource_eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: var(--font--display);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--brand--magenta);
}
.featured-resource_title {
  font-family: var(--font--display);
  font-size: clamp(1.5rem, 2.6vw, 2.125rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.14;
  color: var(--text--ink);
}
.featured-resource_excerpt { font-size: 1.0625rem; line-height: 1.6; color: var(--text--body); }
.featured-resource_meta { font-family: var(--font--display); font-size: 0.875rem; font-weight: 600; color: var(--text--muted); }
.featured-resource_cta {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.5rem;
  font-family: var(--font--display);
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--brand--purple);
}
.featured-resource_cta svg { transition: transform 0.25s ease; }
.featured-resource:hover .featured-resource_cta svg { transform: translateX(4px); }
@media (max-width: 767px) {
  .featured-resource { grid-template-columns: 1fr; }
  .featured-resource_media { min-height: 11rem; order: -1; }
}
.archive_filter:hover { border-color: var(--brand--purple); color: var(--brand--purple); }
.archive_filter.is-active { background-image: var(--gradient--royal); color: #fff; border-color: transparent; }
.post-card:hover { transform: translateY(-5px); box-shadow: var(--shadow--medium); border-color: rgba(106, 47, 140, 0.2); }
.post-card[hidden] { display: none; }
.post-card_thumb svg { width: 2.75rem; height: 2.75rem; opacity: 0.95; }
.post-card_thumb.is-case-studies { background-image: var(--gradient--royal); }
.post-card_thumb.is-webinars { background-image: var(--gradient--ember); }
.post-card_thumb.is-blog { background-image: linear-gradient(135deg, #8a4baf 0%, #c03494 100%); }
.post-card_thumb.is-guides { background-image: linear-gradient(135deg, #6a2f8c 0%, #4a1e69 100%); }
.post-card_thumb.is-reports { background-image: var(--gradient--sunset); }
.post-card_thumb[data-featured] {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #4a1f6a;
}
.post-card_thumb[data-featured] svg { display: none; }
.post-card_thumb[data-featured="midwest"] { background-image: url("https://cdn.prod.website-files.com/6a342e6cb22a2399879d503c/6a3c25a0c57ebe2196c30194_mdhn-customer-story.png"); }
.post-card_thumb[data-featured="blog-athenaone"] { background-image: url("https://cdn.prod.website-files.com/6a342e6cb22a2399879d503c/6a3d4b9e627f100bc151d8d6_blog-banner-athenaone.png"); }
@media (max-width: 991px) { .archive_grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .archive_grid { grid-template-columns: 1fr; } }
.demo-hero_heading .text-gradient { background-image: var(--gradient--royal); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-quote blockquote { position: relative; margin: 0; padding: 0.1rem 0 0.1rem 1.4rem; border: 0; background: none; font-size: 1.1875rem; line-height: 1.55; font-weight: 500; color: var(--text--ink); }
.hero-quote blockquote::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; border-radius: 2px; background-image: var(--gradient--royal); }
.hero-quote .quote_attribution { margin-top: 0; padding-left: 1.4rem; }
.hero-quote .quote_name { color: var(--text--ink); }
.hero-quote .quote_role { color: var(--text--muted); }
.demo-form_trust svg { width: 0.9rem; height: 0.9rem; }
.demo-form_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.875rem 1rem; margin-top: 1.5rem; }
.demo-field { display: flex; flex-direction: column; gap: 0.35rem; }
.demo-field.is-full { grid-column: 1 / -1; }
.demo-field label { font-family: var(--font--display); font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--text--muted); }
.demo-field input,
.demo-field select {
  width: 100%;
  padding: 0.7rem 0.85rem;
  border: 1px solid var(--border--light);
  border-radius: var(--radius--medium);
  background-color: var(--base--white);
  font-family: var(--font--body);
  font-size: 0.9375rem;
  color: var(--text--ink);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.demo-field select { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8299' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.7rem center; background-size: 1.05rem; padding-right: 2.2rem; cursor: pointer; }
.demo-field input::placeholder { color: var(--text--muted); opacity: 0.7; }
.demo-field input:focus,
.demo-field select:focus { outline: none; border-color: var(--brand--purple); box-shadow: 0 0 0 3px rgba(106, 47, 140, 0.12); }
.demo-form_submit { margin-top: 1.375rem; width: 100%; justify-content: center; border: none; cursor: pointer; font-family: var(--font--display); }
.section_demo-trust .padding-section-large { padding-top: clamp(2.5rem, 5vw, 3.5rem); padding-bottom: clamp(2.5rem, 5vw, 3.5rem); }
.demo-trust_label strong { color: var(--text--ink); }
.section_demo-see .capabilities_grid { margin-top: clamp(2.5rem, 5vw, 3.5rem); }
@media (max-width: 991px) {
  .demo-hero_layout { grid-template-columns: 1fr; gap: 2.5rem; padding-top: clamp(6.5rem, 16vw, 8rem); }
  .demo-hero_heading { max-width: 20ch; }
}
@media (max-width: 600px) {
  .demo-form_grid { grid-template-columns: 1fr; }
  .demo-benefits { gap: 1rem 1.5rem; }
}
.demo-form .hbspt-form, .demo-form .hs-form { width: 100%; }
.demo-form .hs-form fieldset { max-width: none !important; }
.demo-form .hs-form-field { margin-top: 0; }
#hubspot-demo-form { margin-top: 0.5rem; }
.demo-form .form-columns-0, .demo-form .form-columns-1, .demo-form .form-columns-2 { margin-top: 1.2rem; }
.demo-form .hs-form-field > label {
  display: block; margin-bottom: 0.35rem;
  font-family: var(--font--display); font-size: 0.6875rem; font-weight: 700;
  letter-spacing: 0.05em; text-transform: uppercase; color: var(--text--muted);
}
.demo-form .hs-form-field > label .hs-form-required { color: var(--brand--magenta); margin-left: 0.15rem; }
.demo-form .hs-field-desc { font-size: 0.75rem; color: var(--text--muted); margin-bottom: 0.4rem; }
.demo-form .hs-input {
  width: 100% !important; box-sizing: border-box;
  padding: 0.7rem 0.85rem;
  border: 1px solid var(--border--light);
  border-radius: var(--radius--medium);
  background-color: var(--base--white);
  font-family: var(--font--body); font-size: 0.9375rem; color: var(--text--ink);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.demo-form select.hs-input {
  appearance: none; -webkit-appearance: none; cursor: pointer; padding-right: 2.2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8299' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 0.7rem center; background-size: 1.05rem;
}
.demo-form .hs-input::placeholder { color: var(--text--muted); opacity: 0.7; }
.demo-form .hs-input:focus { outline: none; border-color: var(--brand--purple); box-shadow: 0 0 0 3px rgba(106, 47, 140, 0.12); }
.demo-form textarea.hs-input { min-height: 6rem; resize: vertical; }
.demo-form .form-columns-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0.875rem 1rem; }
.demo-form .form-columns-2 .hs-form-field { width: auto !important; margin-top: 0; }
.demo-form .form-columns-2 .input, .demo-form .form-columns-1 .input { margin-right: 0 !important; }
.demo-form .hs-submit { margin-top: 1.375rem; }
.demo-form .hs-button.primary {
  width: 100%; padding: 0.95rem 1.5rem; border: none; border-radius: var(--radius--pill);
  background-image: var(--gradient--royal); color: #fff;
  font-family: var(--font--display); font-size: 1rem; font-weight: 700; letter-spacing: -0.01em;
  cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.demo-form .hs-button.primary:hover { transform: translateY(-2px); box-shadow: var(--shadow--medium); }
.demo-form .hs-error-msgs { list-style: none; margin: 0.3rem 0 0; padding: 0; }
.demo-form .hs-error-msg, .demo-form .hs-error-msgs label { color: #c0392b; font-size: 0.8rem; }
.demo-form .legal-consent-container { font-size: 0.8rem; color: var(--text--muted); margin-top: 1rem; line-height: 1.5; }
.demo-form .hs-richtext, .demo-form .hs-richtext p { font-size: 0.8125rem; line-height: 1.5; color: var(--text--muted); }
.demo-form .hs-form-booleancheckbox-display { display: flex; gap: 0.5rem; align-items: flex-start; font-size: 0.875rem; color: var(--text--body); }
.demo-form .submitted-message { font-family: var(--font--display); font-size: 1.0625rem; color: var(--text--ink); padding: 1rem 0; }
@media (max-width: 600px) { .demo-form .form-columns-2 { grid-template-columns: 1fr; } }
.cs-hero_logo img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.section_cs-body .padding-section-large { padding-top: 0; }
.section_cs-results .cs-eyebrow { color: #e8c8ff; }
.section_cs-results .cs-list li { color: rgba(255, 255, 255, 0.85); }
.cs-block p { margin: 0; font-size: 1.0625rem; line-height: 1.7; color: var(--text--body); }
.cs-block p strong { color: var(--text--ink); font-weight: 700; }
.cs-list li {
  position: relative;
  padding-left: 1.75rem;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--text--body);
}
.cs-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-image: var(--gradient--royal);
}
.w-richtext ul { margin: 0.25rem 0 1rem; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 0.75rem; }
.w-richtext ul li { position: relative; padding-left: 1.75rem; font-size: 1.0625rem; line-height: 1.55; color: var(--text--body); }
.w-richtext ul li::before {
  content: ""; position: absolute; left: 0; top: 0.55rem;
  width: 0.5rem; height: 0.5rem; border-radius: 50%;
  background-image: var(--gradient--royal);
}
.cs-block .w-richtext p { margin: 0 0 1rem; }
.cs-block .w-richtext p:has(strong) { margin-top: 1.75rem; }
.cs-block .w-richtext > *:last-child { margin-bottom: 0; }
.section_cs-results .w-richtext ul li { color: rgba(255, 255, 255, 0.85); }
.section_cs-results .w-richtext ul li::before,
.section_proof .w-richtext ul li::before,
.section_statement .w-richtext ul li::before,
.section_webinar-hero .w-richtext ul li::before {
  background-image: linear-gradient(135deg, #e8c8ff 0%, #c79bf0 100%);
}
.cs-checkrow_icon svg { width: 0.85rem; height: 0.85rem; }
.cs-why_close { max-width: 46rem; margin: clamp(2.5rem, 5vw, 3.5rem) auto 0; }
@media (max-width: 767px) {
  .cs-hero_layout { grid-template-columns: 1fr; gap: 2rem; }
  .cs-hero_logo { max-width: 14rem; margin: 0; }
  .cs-stats { grid-template-columns: 1fr; margin-top: -2rem; }
  .section_cs-body .padding-section-large { padding-top: clamp(2rem, 7vw, 3rem); }
}
body:has(.section_cs-hero) .navbar_component:not(.is-scrolled) .navbar_menu { background-color: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.18); }
body:has(.section_cs-hero) .navbar_component:not(.is-scrolled) .navbar_link,
body:has(.section_cs-hero) .navbar_component:not(.is-scrolled) .navbar_login { color: #fff !important; }
body:has(.section_cs-hero) .navbar_component:not(.is-scrolled) .navbar_link:hover { background-color: rgba(255, 255, 255, 0.16); color: #fff !important; }
body:has(.section_cs-hero) .navbar_component:not(.is-scrolled) .navbar_logo { filter: brightness(0) invert(1); }
.section_blog-hero::after {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 42%;
  background-image: linear-gradient(135deg, transparent 35%, rgba(192, 52, 148, 0.08) 100%);
  clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%);
  pointer-events: none;
}
.blog-prose h2 {
  font-family: var(--font--display);
  font-size: clamp(1.5rem, 2.6vw, 1.875rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--text--ink);
  margin: 2.75rem 0 1rem;
}
.blog-prose p { font-size: 1.0625rem; line-height: 1.75; color: var(--text--body); margin: 0 0 1.25rem; }
.blog-prose p strong { color: var(--text--ink); font-weight: 700; }
.blog-prose a { color: var(--brand--magenta); text-decoration: underline; text-underline-offset: 2px; }
.blog-prose ul { margin: 0 0 1.25rem; padding-left: 1.2rem; display: flex; flex-direction: column; gap: 0.6rem; }
.blog-prose li { font-size: 1.0625rem; line-height: 1.6; color: var(--text--body); }
.blog-sidebar { position: sticky; top: 6.5rem; display: flex; flex-direction: column; gap: 1.25rem; }
.blog-sidebar_title { font-family: var(--font--display); font-size: 1.25rem; font-weight: 800; letter-spacing: -0.02em; color: var(--text--ink); }
.blog-postlist { display: flex; flex-direction: column; gap: 1.125rem; }
.blog-postlink { display: flex; gap: 0.875rem; align-items: center; text-decoration: none; }
.blog-postlink_thumb {
  flex-shrink: 0;
  width: 4.25rem;
  height: 3.25rem;
  border-radius: 0.625rem;
  background-image: var(--gradient--royal);
}
.blog-postlist .blog-postlink:nth-child(2) .blog-postlink_thumb { background-image: var(--gradient--ember); }
.blog-postlist .blog-postlink:nth-child(3) .blog-postlink_thumb { background-image: linear-gradient(135deg, #8a4baf 0%, #c03494 100%); }
.blog-postlist .blog-postlink:nth-child(4) .blog-postlink_thumb { background-image: var(--gradient--sunset); }
.blog-postlink_title { font-size: 0.9375rem; line-height: 1.4; font-weight: 600; color: var(--text--ink); }
.blog-postlink:hover .blog-postlink_title { color: var(--brand--magenta); }
.section_blog-quote { background-color: var(--soft--lavender); }
.blog-quote_inner { max-width: 48rem; margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 1.25rem; }
.blog-quote_mark { font-family: var(--font--display); font-size: 3.5rem; line-height: 0.6; color: var(--brand--magenta); }
.blog-quote_text { font-family: var(--font--display); font-size: clamp(1.25rem, 2.4vw, 1.75rem); font-weight: 700; line-height: 1.4; letter-spacing: -0.01em; color: var(--text--ink); }
.blog-quote_cite { font-size: 0.9375rem; color: var(--text--muted); }
@media (max-width: 991px) {
  .blog-layout { grid-template-columns: 1fr; }
  .blog-sidebar { position: static; border-top: 1px solid var(--border--light); padding-top: 2rem; }
}
.section_webinar-hero .eyebrow { color: #e8c8ff; }
.webinar-video iframe,
.webinar-video embed,
.webinar-video > div { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
body:has(.section_webinar-hero) .navbar_component:not(.is-scrolled) .navbar_menu { background-color: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.18); }
body:has(.section_webinar-hero) .navbar_component:not(.is-scrolled) .navbar_link,
body:has(.section_webinar-hero) .navbar_component:not(.is-scrolled) .navbar_login { color: #fff !important; }
body:has(.section_webinar-hero) .navbar_component:not(.is-scrolled) .navbar_link:hover { background-color: rgba(255, 255, 255, 0.16); color: #fff !important; }
body:has(.section_webinar-hero) .navbar_component:not(.is-scrolled) .navbar_logo { filter: brightness(0) invert(1); }
.section_webinar-detail .padding-section-large { padding-bottom: 0; }
.section_webinar-quote .padding-section-large { padding-top: clamp(2.5rem, 4vw, 3.5rem); }
.webinar-learn_icon svg { width: 0.85rem; height: 0.85rem; }
@media (max-width: 860px) { .webinar-detail_grid { grid-template-columns: 1fr; } }
@media (max-width: 767px) {
  .webinar-quote_text { font-size: 1.375rem; }
}

/* ── [was: site head block 3] navbar scrolled state ── */
@media (min-width:992px){
.navbar_component.is-scrolled .navbar_container{background-color:rgba(255,255,255,0.62);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4)}
.navbar_component.is-scrolled .navbar_menu{background-color:transparent;border-color:transparent}
.navbar_component.is-scrolled .navbar_link:hover,.navbar_component.is-scrolled .navbar_dropdown.is-open>.navbar_dropdown-toggle{background-color:var(--soft--lavender)}
}

/* ── [was: site head block 4] homepage scroll-wash neutralizer ── */
/* 2026-08-03 review: neutralise the homepage scroll-wash background fade.
   Results (.section_proof) and Onboarding (.section_onboarding) now show their own STATIC
   section backgrounds instead of washing the body colour on scroll and dimming neighbours.
   Scoped to body.ms-bgfx, a class that only exists on the homepage. The wash CSS lives in
   the homepage head block, which currently rejects API writes (HTTP 406), so it is overridden
   here. If that block becomes writable, delete the wash there and remove this override. */
body.ms-bgfx{background-color:#fff!important;transition:none!important}
body.ms-bgfx .section_proof{background-color:var(--_medsender---base-dark)!important;background-image:radial-gradient(50rem 30rem at 85% 0%,rgba(192,52,148,.22),transparent 60%),radial-gradient(44rem 28rem at 0% 100%,rgba(243,111,70,.16),transparent 60%)!important;opacity:1!important}
body.ms-bgfx .section_onboarding{background-color:#f6eefa!important;opacity:1!important}
body.ms-bgfx .section_solutions,body.ms-bgfx .section_integrations{opacity:1!important}
body.ms-bgfx .ms-glow{display:none!important}

/* ── [was: blog-post template head block] empty-FAQ hiding + rich-text h3/h4/quote/img ── */
.faq_item:has(.w-dyn-bind-empty){display:none}.blog-faq:not(:has(.faq_item:not(:has(.w-dyn-bind-empty)))){display:none}.blog-article .w-richtext h3{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;letter-spacing:-0.01em;line-height:1.25;color:var(--text--ink);margin:2rem 0 .75rem}.blog-article .w-richtext h4{font-family:"Plus Jakarta Sans",sans-serif;font-size:1.125rem;font-weight:700;line-height:1.3;color:var(--text--ink);margin:1.5rem 0 .5rem}.blog-article .w-richtext blockquote{border-left:3px solid #c03494;padding:.25rem 0 .25rem 1.25rem;margin:0 0 1.25rem;font-style:italic;font-size:1.125rem;color:var(--text--ink)}.blog-article .w-richtext img{max-width:100%;height:auto;border-radius:12px;margin:1.5rem 0}.blog-article .w-richtext ul{margin-bottom:1.25rem}

/* ── [was: case-study template head block] cs-* descendant + empty-state rules ── */
/* Case study template support. Descendant + empty-state rules only; everything else is a Webflow class. */

/* The Results section sits on a dark background, so its rich text must be light.
   The global .w-richtext p color is dark grey (#564f66) and was unreadable there. */
.section_cs-results .w-richtext,
.section_cs-results .w-richtext p,
.section_cs-results .w-richtext li,
.section_cs-results .w-richtext ul,
.section_cs-results .w-richtext ol{color:rgba(255,255,255,.82)}
.section_cs-results .w-richtext strong,
.section_cs-results .w-richtext h2,
.section_cs-results .w-richtext h3,
.section_cs-results .w-richtext h4{color:#ffffff}
.section_cs-results .w-richtext a{color:#e8c8ff}
.section_cs-results .w-richtext a:hover{color:#ffffff}

/* Empty-state hiding. Webflow stamps .w-dyn-bind-empty on any element whose CMS
   binding has no value, so optional sections disappear instead of rendering a bare
   heading. The Why list keeps all 5 rows in the DOM and hides only the unused ones,
   so a case study with 3, 4 or 5 reasons all render correctly. */
.cs-block:has(> .w-richtext.w-dyn-bind-empty){display:none}
.section_cs-cx:has(.w-richtext.w-dyn-bind-empty){display:none}
.cs-why_close-line.w-dyn-bind-empty{display:none}
.cs-checkrow:has(> p.w-dyn-bind-empty){display:none}

/* No customer logo -> hide the white hero card entirely. Webflow still emits a
   placeholder src on an unbound Image, so hiding the wrapper is the only clean fix. */
.cs-hero_logo:has(> img.w-dyn-bind-empty){display:none}

/* ── v5 addition (2026-08-05): FAQ accordion +/× icon. The .faq_ico-bg span shipped in markup
   site-wide but no file ever drew the icon (the old .faq_icon rules below target a class
   that no longer exists in markup). Draws a + that becomes a filled × when .faq_item.is-open. */
.faq_ico-bg{position:relative;border-radius:100rem;background-color:#f2eafa;transition:transform .3s ease,background-color .25s ease}
.faq_ico-bg::before,.faq_ico-bg::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;border-radius:1px;background-color:#6a2f8c;transform:translate(-50%,-50%)}
.faq_ico-bg::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq_item.is-open .faq_ico-bg{transform:rotate(45deg);background-color:#6a2f8c}
.faq_item.is-open .faq_ico-bg::before,.faq_item.is-open .faq_ico-bg::after{background-color:#fff}

/* 2026-08-10: .quote_meta is right-aligned globally for quote attribution rows; stacked inside the proof stat-card source block it must be left-aligned (user-reported on /referral-management; applies to all 5 pages using rm2-proof-src). */
.rm2-proof-src .quote_meta{text-align:left}

/* ── 2026-08-12: homepage hero now carries the LogoBar ─────────────────────────────
   The logo scroller was moved INSIDE .section_hero, between .hero_button-group and
   .hero-video_component. In that position the shared padding-section-medium utility
   reads lopsided: 20px above the logos vs 80px below, plus the video's own 72px top
   margin — 152px of air under the logos against 20px over them. Rebalance to 44/56,
   scoped to the hero context so the utility class itself is untouched. The homepage is
   currently the only page where .section_trust is nested inside .section_hero (checked
   all 13 pages that carry the LogoBar), so this cannot affect the others. */
/* 2026-08-12: user asked for a bigger gap between the hero buttons and the logo bar — 7.75rem. */
.section_hero .section_trust .padding-section-medium{padding-top:7.75rem;padding-bottom:1rem}
.section_hero .section_trust + .hero-video_component{margin-top:2.5rem}
@media (max-width:767px){
  .section_hero .section_trust .padding-section-medium{padding-top:3.5rem;padding-bottom:.75rem}
  .section_hero .section_trust + .hero-video_component{margin-top:1.75rem}
}

/* ── 2026-08-12: homepage hero — logos up, cert pills stay down ────────────────────
   LogoBar bundles the HIPAA / SOC 2 / End-to-End Encryption badge row together with the
   logo marquee, so moving the component into the hero dragged the pills up with it. The
   user wants the pills to remain UNDER the product screenshot. The component itself is
   shared by 13 pages and must not change, so: hide the badge row only where LogoBar is
   nested inside the hero, and a standalone .trust_badge-row.is-below-shot (real page
   element, after .hero-video_component) carries the pills in their intended place. */
.section_hero .section_trust .trust_badge-row{display:none}

/* ── 2026-08-12: homepage hero — align the logo band with the PRODUCT SHOT ─────────
   In the hero the trust row spanned 1248px (essentially the full 1280px container), which
   read wider than everything under it. Aligned to the product shot instead: .hero-video_scale
   / .ms-landing-page / .ms-appshot are all width:1152px = 72rem, centred on the same axis as
   the container (centre 748.5px at a 1497px viewport), so a 72rem centred band shares their
   left/right edges exactly. NOTE the shot carries a scroll-driven scale(0.72 -> 1) grow, so the
   two line up once it has grown; at scrollY 0 the shot is still visually 829px wide.
   Hero-scoped, so the 10 other LogoBar pages are untouched. */
.section_hero .section_trust .trust_row{max-width:72rem;margin-left:auto;margin-right:auto}

/* ===== v12 (2026-08-13) ===== */
/* 1) Dark-hero pages: the dropdown OPEN-state pill was solid soft-lavender behind
      white(!important) nav text = unreadable. Match the dark-page hover treatment. */
body:has(.section_cs-hero) .navbar_component:not(.is-scrolled) .navbar_dropdown.is-open>.navbar_dropdown-toggle,
body:has(.section_webinar-hero) .navbar_component:not(.is-scrolled) .navbar_dropdown.is-open>.navbar_dropdown-toggle{background-color:rgba(255,255,255,.16);color:#fff!important}
/* 2) /fax-and-document-automation stat grid: page-head rule is repeat(2,1fr) whose
      min-content floor expands the layout viewport at <=375px. div. prefix outranks it. */
@media (max-width:767px){div.fx-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 3) EHR /integrations pages: the JS-injected .mmflow scene overflows ~9px at 360px.
      Trim gap+padding and clip as backstop; div. prefix outranks the injected sheet. */
@media (max-width:400px){div.ehr-hero_visual{overflow-x:clip;padding-left:1rem;padding-right:1rem}div.mmflow{gap:.5rem}}

/* ===== v13 (2026-08-13) ===== */
/* EHR /integrations heroes at <=400px: the grid item wrapping the scene keeps a
   min-content floor (the clip on .ehr-hero_visual sits deeper). Kill auto-min on
   the hero grid items and trim the scene's fixed stages so nothing clips. */
@media (max-width:400px){
  div.solution-hero_layout>*{min-width:0}
  div.mmflow_stack{width:3.5rem}
  div.mmflow_win{width:8.75rem}
  span.mmflow_win-title{font-size:.48rem}
}