/* ==========================================================================
   CareMano v3.1.0 — Main Stylesheet
   Hearth palette — warm forest, sage, and terracotta for a home-care brand that feels handcrafted, not coded.
   ========================================================================== */

/* --------------------------------------------------------------------------
   CSS Custom Properties (Design Tokens)
   ----------------------------------------------------------------------- */
:root {
	/* Brand Colors */
	--color-navy:          #2C4A3E; /* Deep forest */
	--color-teal:          #7A9B7E; /* Sage */
	--color-coral:         #C66B3D; /* Warm terracotta */
	--color-bg-light:      #FAF5EE; /* Warm cream */
	--color-white:         #FDFAF4;
	--color-text-dark:     #1F2A24;
	--color-text-muted:    #4A453E;
	--color-border:        #E8DFD0;

	/* Derived Colors */
	--color-navy-light:    #3A5C4E;
	--color-navy-dark:     #1F362C;
	--color-teal-light:    #EDF1EC;
	--color-teal-dark:     #5A7B5E;
	--color-coral-light:   #DC8A60;
	--color-coral-dark:    #9F5024;
	--color-teal-bg:       #EDF1EC;
	--color-coral-bg:      #FAEDE0;
	--color-ivory:         #FDFAF4;
	--color-mint:          #EDF1EC;
	--color-sand:          #E8DFD0;
	--color-cream-deep:    #F2E8D5;
	--color-paper:         #FAF5EE;
	--color-highlight:     #F4D19E;

	/* Typography */
	--font-family:         'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--font-family-display: 'Fraunces', 'Georgia', 'Times New Roman', serif;
	--font-size-xs:        0.75rem;
	--font-size-sm:        0.875rem;
	--font-size-base:      1rem;
	--font-size-md:        1.125rem;
	--font-size-lg:        1.25rem;
	--font-size-xl:        1.5rem;
	--font-size-2xl:       2rem;
	--font-size-3xl:       2.5rem;
	--font-size-4xl:       3rem;
	--font-size-5xl:       3.5rem;

	--font-weight-regular: 400;
	--font-weight-medium:  500;
	--font-weight-semibold: 600;
	--font-weight-bold:    700;
	--font-weight-extrabold: 800;

	--line-height-tight:   1.2;
	--line-height-normal:  1.5;
	--line-height-relaxed: 1.7;

	/* Spacing */
	--space-1:  0.25rem;
	--space-2:  0.5rem;
	--space-3:  0.75rem;
	--space-4:  1rem;
	--space-5:  1.25rem;
	--space-6:  1.5rem;
	--space-8:  2rem;
	--space-10: 2.5rem;
	--space-12: 3rem;
	--space-16: 4rem;
	--space-20: 5rem;
	--space-24: 6rem;

	/* Border Radius */
	--radius-sm:   4px;
	--radius-md:   8px;
	--radius-lg:   12px;
	--radius-xl:   16px;
	--radius-2xl:  24px;
	--radius-full: 9999px;

	/* Shadows */
	--shadow-sm:   0 1px 2px rgba(44, 74, 62, 0.06);
	--shadow-md:   0 4px 8px rgba(44, 74, 62, 0.08), 0 1px 3px rgba(44, 74, 62, 0.06);
	--shadow-lg:   0 12px 28px rgba(44, 74, 62, 0.10), 0 4px 10px rgba(44, 74, 62, 0.05);
	--shadow-xl:   0 24px 56px rgba(44, 74, 62, 0.12), 0 10px 22px rgba(44, 74, 62, 0.06);

	/* Transitions */
	--transition-fast:   150ms ease;
	--transition-normal: 250ms ease;
	--transition-slow:   350ms ease;

	/* Layout */
	--container-max:     1200px;
	--container-padding: var(--space-6);
	--header-height:     72px;
}

/* --------------------------------------------------------------------------
   Reset & Base
   ----------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 100%; scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
	font-family: var(--font-family);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-regular);
	line-height: var(--line-height-normal);
	color: var(--color-text-dark);
	background-color: var(--color-bg-light);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.menu-is-open { overflow: hidden; }

img { max-width: 100%; height: auto; display: block; }

a { color: var(--color-teal); text-decoration: none; transition: color var(--transition-fast); }
a:hover, a:focus { color: var(--color-teal-dark); }

ul, ol { list-style: none; }

button { font-family: inherit; cursor: pointer; border: none; background: none; }

.screen-reader-text {
	border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
	height: 1px; margin: -1px; overflow: hidden; padding: 0;
	position: absolute !important; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: var(--color-white); border-radius: var(--radius-md);
	box-shadow: var(--shadow-lg); clip: auto !important; clip-path: none;
	display: block; font-size: var(--font-size-md); font-weight: var(--font-weight-bold);
	height: auto; left: var(--space-4); padding: var(--space-4) var(--space-6);
	top: var(--space-4); width: auto; z-index: 100000;
}

/* --------------------------------------------------------------------------
   Layout — Container
   ----------------------------------------------------------------------- */
.container {
	width: 100%; max-width: var(--container-max);
	margin-left: auto; margin-right: auto;
	padding-left: var(--container-padding); padding-right: var(--container-padding);
}

/* --------------------------------------------------------------------------
   Section Base
   ----------------------------------------------------------------------- */
.section { padding: var(--space-20) 0; }

.section-header { text-align: center; max-width: 720px; margin: 0 auto var(--space-12); }

.section-title {
	font-size: var(--font-size-3xl); font-weight: var(--font-weight-extrabold);
	color: var(--color-navy); line-height: var(--line-height-tight); margin-bottom: var(--space-4);
}

.section-subtitle {
	font-size: var(--font-size-md); color: var(--color-text-muted); line-height: var(--line-height-relaxed);
}

/* --------------------------------------------------------------------------
   Buttons
   ----------------------------------------------------------------------- */
.btn {
	display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2);
	padding: var(--space-3) var(--space-6); font-size: var(--font-size-sm);
	font-weight: var(--font-weight-semibold); line-height: 1;
	border-radius: var(--radius-md); transition: all var(--transition-fast);
	text-decoration: none; white-space: nowrap; cursor: pointer; border: 2px solid transparent;
}
.btn:focus-visible { outline: 2px solid var(--color-coral); outline-offset: 2px; }

.btn--primary { background-color: var(--color-coral); color: var(--color-white); border-color: var(--color-coral); }
.btn--primary:hover, .btn--primary:focus { background-color: var(--color-coral-dark); border-color: var(--color-coral-dark); color: var(--color-white); }

.btn--secondary { background-color: var(--color-white); color: var(--color-navy); border-color: var(--color-border); }
.btn--secondary:hover, .btn--secondary:focus { border-color: var(--color-navy); color: var(--color-navy); }

.btn--ghost { background: transparent; color: var(--color-navy); border-color: transparent; }
.btn--ghost:hover, .btn--ghost:focus { color: var(--color-teal); }

.btn--outline { background-color: transparent; color: var(--color-coral); border-color: var(--color-coral); }
.btn--outline:hover, .btn--outline:focus { background-color: var(--color-coral); color: var(--color-white); }

.btn--lg { padding: var(--space-4) var(--space-8); font-size: var(--font-size-base); border-radius: var(--radius-lg); }
.btn--block { width: 100%; }

.required { color: var(--color-coral); }

/* --------------------------------------------------------------------------
   Site Header
   ----------------------------------------------------------------------- */
.site-header {
	position: sticky; top: 0; z-index: 100;
	background-color: rgba(255,255,255,0.97);
	backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
	border-bottom: 1px solid var(--color-border); height: var(--header-height);
}
.site-header__inner { display: flex; align-items: center; justify-content: space-between; height: var(--header-height); gap: var(--space-6); }
.site-header__logo { flex-shrink: 0; }

.site-logo { display: flex; align-items: center; gap: var(--space-2); text-decoration: none; color: var(--color-navy); }
.site-logo__text { font-size: var(--font-size-xl); font-weight: var(--font-weight-extrabold); color: var(--color-navy); letter-spacing: -0.02em; }
.site-logo img { max-height: 36px; width: auto; }

.site-header__nav { display: flex; align-items: center; }
.nav-list { display: flex; align-items: center; gap: var(--space-8); }
.nav-list a { font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); color: var(--color-text-muted); text-decoration: none; transition: color var(--transition-fast); padding: var(--space-2) 0; }
.nav-list a:hover, .nav-list a:focus { color: var(--color-navy); }

.site-header__actions { display: flex; align-items: center; gap: var(--space-3); flex-shrink: 0; }

.site-header__toggle { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 36px; height: 36px; padding: 6px; background: none; border: none; cursor: pointer; }
.site-header__toggle-bar { display: block; width: 100%; height: 2px; background-color: var(--color-navy); border-radius: 2px; transition: all var(--transition-normal); }
.site-header__toggle[aria-expanded="true"] .site-header__toggle-bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.site-header__toggle[aria-expanded="true"] .site-header__toggle-bar:nth-child(2) { opacity: 0; }
.site-header__toggle[aria-expanded="true"] .site-header__toggle-bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* --------------------------------------------------------------------------
   Hero Section
   ----------------------------------------------------------------------- */
.hero { padding: var(--space-20) 0 var(--space-16); background: linear-gradient(180deg, var(--color-bg-light) 0%, var(--color-white) 100%); overflow: hidden; position: relative; }
.hero__inner { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-12); align-items: center; }
.hero__headline { font-size: var(--font-size-5xl); font-weight: var(--font-weight-extrabold); color: var(--color-navy); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: var(--space-6); }
.hero__subheadline { font-size: var(--font-size-md); color: var(--color-text-muted); line-height: var(--line-height-relaxed); margin-bottom: var(--space-8); max-width: 540px; }
.hero__actions { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-bottom: var(--space-6); }
.hero__trust-line { font-size: var(--font-size-sm); color: var(--color-text-muted); font-weight: var(--font-weight-medium); }

/* Dashboard Mockup (Hero) */
.dashboard-mockup { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); overflow: hidden; }
.dashboard-mockup__header { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-3) var(--space-4); background: var(--color-bg-light); border-bottom: 1px solid var(--color-border); }
.dashboard-mockup__dot { width: 10px; height: 10px; border-radius: var(--radius-full); }
.dashboard-mockup__dot--red { background: #C66B3D; }
.dashboard-mockup__dot--yellow { background: #24B8A8; }
.dashboard-mockup__dot--green { background: #7A9B7E; }
.dashboard-mockup__title { font-size: var(--font-size-xs); color: var(--color-text-muted); margin-left: var(--space-3); font-weight: var(--font-weight-medium); }
.dashboard-mockup__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); padding: var(--space-6); }
.dashboard-mockup__stat { display: flex; flex-direction: column; align-items: center; text-align: center; padding: var(--space-4); background: var(--color-bg-light); border-radius: var(--radius-md); }
.dashboard-mockup__stat-value { font-size: var(--font-size-2xl); font-weight: var(--font-weight-extrabold); color: var(--color-navy); line-height: 1; }
.dashboard-mockup__stat-value--highlight { color: var(--color-teal); }
.dashboard-mockup__stat-label { font-size: var(--font-size-xs); color: var(--color-text-muted); margin-top: var(--space-1); }

/* Recent inquiry list in hero mockup */
.dashboard-mockup__recent { border-top: 1px solid var(--color-border); padding: var(--space-3) var(--space-4); }
.dashboard-mockup__recent-item { display: flex; justify-content: space-between; align-items: center; padding: var(--space-2) 0; border-bottom: 1px solid var(--color-border); }
.dashboard-mockup__recent-item:last-child { border-bottom: none; }
.dashboard-mockup__recent-name { font-size: var(--font-size-xs); font-weight: var(--font-weight-medium); color: var(--color-navy); }
.dashboard-mockup__recent-source { font-size: var(--font-size-xs); color: var(--color-teal); font-weight: var(--font-weight-medium); }

/* Floating notification cards */
.hero__visual { position: relative; }
.hero__float {
	position: absolute; display: flex; align-items: center; gap: var(--space-2);
	background: var(--color-white); border: 1px solid var(--color-border);
	border-radius: var(--radius-lg); padding: var(--space-2) var(--space-4);
	box-shadow: var(--shadow-lg); font-size: var(--font-size-xs);
	font-weight: var(--font-weight-medium); color: var(--color-navy);
	white-space: nowrap; animation: float-in 0.5s ease-out;
}
.hero__float svg { color: var(--color-teal); flex-shrink: 0; }
.hero__float--1 { top: 10%; right: -10px; animation-delay: 0.2s; }
.hero__float--2 { bottom: 30%; right: -20px; animation-delay: 0.5s; }
.hero__float--3 { bottom: 10%; left: -10px; animation-delay: 0.8s; }

@keyframes float-in {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
	.hero__float { animation: none; }
}

/* --------------------------------------------------------------------------
   Problem Section
   ----------------------------------------------------------------------- */
.problem-section { background-color: var(--color-bg-light); }
.problem-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); }
.problem-card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-8); transition: box-shadow var(--transition-normal), transform var(--transition-normal); }
.problem-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
.problem-card__icon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-md); margin-bottom: var(--space-4); color: var(--color-coral); background: var(--color-coral-bg); }
.problem-card__title { font-size: var(--font-size-md); font-weight: var(--font-weight-semibold); color: var(--color-navy); margin-bottom: var(--space-3); }
.problem-card__desc { font-size: var(--font-size-sm); color: var(--color-text-muted); line-height: var(--line-height-relaxed); }

/* --------------------------------------------------------------------------
   Solution Section (NEW)
   ----------------------------------------------------------------------- */
.solution-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); }
.solution-card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-8); text-align: center; transition: box-shadow var(--transition-normal); }
.solution-card:hover { box-shadow: var(--shadow-lg); }
.solution-card__icon { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-full); margin: 0 auto var(--space-5); color: var(--color-teal); background: var(--color-teal-bg); }
.solution-card__title { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); color: var(--color-navy); margin-bottom: var(--space-3); }
.solution-card__desc { font-size: var(--font-size-sm); color: var(--color-text-muted); line-height: var(--line-height-relaxed); }
.solution-transition { text-align: center; margin-top: var(--space-8); font-size: var(--font-size-md); font-weight: var(--font-weight-medium); color: var(--color-teal); }

/* --------------------------------------------------------------------------
   Features Section
   ----------------------------------------------------------------------- */
.features-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-6); }
.feature-card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-6); transition: box-shadow var(--transition-normal), transform var(--transition-normal); }
.feature-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
.feature-card__icon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-lg); margin-bottom: var(--space-4); color: var(--color-teal); background: var(--color-teal-bg); }
.feature-card__title { font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); color: var(--color-navy); margin-bottom: var(--space-2); }
.feature-card__desc { font-size: var(--font-size-sm); color: var(--color-text-muted); line-height: var(--line-height-relaxed); margin-bottom: var(--space-3); }
.feature-card__status { display: inline-block; font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); padding: var(--space-1) var(--space-3); border-radius: var(--radius-full); }
.feature-card__status--early { background: var(--color-teal-bg); color: var(--color-teal-dark); }
.feature-card__status--planned { background: var(--color-coral-bg); color: var(--color-coral-dark); }
.feature-card--planned { opacity: 0.85; }

/* --------------------------------------------------------------------------
   How It Works — Timeline
   ----------------------------------------------------------------------- */
.how-it-works { background-color: var(--color-bg-light); }
.steps-timeline { display: flex; gap: 0; overflow-x: auto; padding-bottom: var(--space-4); }
.step-item { display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; min-width: 140px; }
.step-item__node { display: flex; align-items: center; margin-bottom: var(--space-4); position: relative; }
.step-item__number { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-full); background: var(--color-teal); color: var(--color-white); font-size: var(--font-size-md); font-weight: var(--font-weight-bold); flex-shrink: 0; z-index: 1; }
.step-item__line { height: 3px; flex: 1; background: var(--color-border); min-width: 40px; }
.step-item__label { font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); color: var(--color-navy); margin-bottom: var(--space-2); }
.step-item__desc { font-size: var(--font-size-sm); color: var(--color-text-muted); line-height: var(--line-height-relaxed); max-width: 180px; }

/* --------------------------------------------------------------------------
   Dashboard Preview (Large)
   ----------------------------------------------------------------------- */
.dashboard-mockup-large { display: grid; grid-template-columns: 200px 1fr; border: 1px solid var(--color-border); border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); overflow: hidden; background: var(--color-white); min-height: 480px; }
.dashboard-mockup-large__sidebar { background: var(--color-navy); color: var(--color-white); padding: var(--space-6) 0; }
.dashboard-mockup-large__sidebar-logo { display: flex; align-items: center; gap: var(--space-2); padding: 0 var(--space-4) var(--space-6); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: var(--space-2); }
.dashboard-mockup-large__sidebar-logo svg { color: var(--color-teal); }
.dashboard-mockup-large__sidebar-nav li { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-2) var(--space-4); font-size: var(--font-size-sm); color: rgba(255,255,255,0.6); transition: all var(--transition-fast); }
.dashboard-mockup-large__sidebar-nav li.is-active { color: var(--color-white); background: rgba(255,255,255,0.08); }
.sidebar-dot { width: 6px; height: 6px; border-radius: var(--radius-full); background: currentColor; flex-shrink: 0; }

.dashboard-mockup-large__main { padding: var(--space-8); overflow-x: auto; }
.dashboard-mockup-large__main-title { font-size: var(--font-size-xl); font-weight: var(--font-weight-bold); color: var(--color-navy); margin-bottom: var(--space-6); }
.dashboard-mockup-large__activity { display: flex; gap: var(--space-6); flex-wrap: wrap; margin-bottom: var(--space-8); }
.dashboard-mockup-large__activity-item { display: flex; align-items: baseline; gap: var(--space-2); }
.dashboard-mockup-large__activity-count { font-size: var(--font-size-2xl); font-weight: var(--font-weight-extrabold); color: var(--color-teal); }
.dashboard-mockup-large__activity-label { font-size: var(--font-size-sm); color: var(--color-text-muted); }

/* Recent Inquiries Table */
.dashboard-mockup-large__table-title { font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); color: var(--color-navy); margin-bottom: var(--space-4); }
.dashboard-mockup-large__table-wrap { overflow-x: auto; margin-bottom: var(--space-8); }
.dashboard-mockup-large__table { width: 100%; border-collapse: collapse; font-size: var(--font-size-xs); min-width: 600px; }
.dashboard-mockup-large__table th { text-align: left; padding: var(--space-2) var(--space-3); border-bottom: 2px solid var(--color-border); color: var(--color-text-muted); font-weight: var(--font-weight-semibold); white-space: nowrap; }
.dashboard-mockup-large__table td { padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--color-border); color: var(--color-text-dark); white-space: nowrap; }

.status-badge { display: inline-block; padding: 2px 8px; border-radius: var(--radius-full); font-size: 0.7rem; font-weight: var(--font-weight-semibold); }
.status-badge--new { background: var(--color-teal-bg); color: var(--color-teal-dark); }
.status-badge--contacted { background: #EDF1EC; color: #5A7B5E; }
.status-badge--follow-up { background: #FAEDE0; color: #9F5024; }
.status-badge--review { background: var(--color-coral-bg); color: var(--color-coral-dark); }

/* Pipeline */
.dashboard-mockup-large__pipeline-title { font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); color: var(--color-navy); margin-bottom: var(--space-4); }
.dashboard-mockup-large__pipeline { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-3); }
.dashboard-mockup-large__pipeline-col { background: var(--color-bg-light); border-radius: var(--radius-md); padding: var(--space-3); }
.dashboard-mockup-large__pipeline-col-title { display: block; font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); color: var(--color-navy); margin-bottom: var(--space-3); padding-bottom: var(--space-2); border-bottom: 2px solid var(--color-border); }
.dashboard-mockup-large__pipeline-card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-sm); height: 40px; margin-bottom: var(--space-2); }
.dashboard-mockup-large__pipeline-card--muted { opacity: 0.5; }

/* --------------------------------------------------------------------------
   Voice Section (NEW)
   ----------------------------------------------------------------------- */
.voice-section { background-color: var(--color-bg-light); }
.voice-section__inner { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-12); align-items: start; }
.voice-section__text { font-size: var(--font-size-md); color: var(--color-text-muted); line-height: var(--line-height-relaxed); margin-bottom: var(--space-6); }
.voice-features { display: flex; flex-direction: column; gap: var(--space-4); }
.voice-feature { display: flex; gap: var(--space-3); align-items: flex-start; }
.voice-feature svg { color: var(--color-teal); flex-shrink: 0; margin-top: 2px; }
.voice-feature strong { display: block; font-size: var(--font-size-sm); color: var(--color-navy); margin-bottom: 2px; }
.voice-feature span { font-size: var(--font-size-sm); color: var(--color-text-muted); }
.voice-section__note { text-align: center; margin-top: var(--space-8); font-size: var(--font-size-sm); color: var(--color-text-muted); font-style: italic; max-width: 640px; margin-left: auto; margin-right: auto; }

/* Voice Mockup */
.voice-mockup { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); overflow: hidden; }
.voice-mockup__header { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-3) var(--space-4); background: var(--color-teal-bg); border-bottom: 1px solid var(--color-border); }
.voice-mockup__dot { width: 10px; height: 10px; border-radius: var(--radius-full); background: var(--color-teal); animation: pulse 2s infinite; }
.voice-mockup__label { font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); color: var(--color-teal-dark); }
.voice-mockup__body { padding: var(--space-6); }
.voice-mockup__caller { font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); color: var(--color-navy); margin-bottom: var(--space-1); }
.voice-mockup__number { font-size: var(--font-size-sm); color: var(--color-text-muted); margin-bottom: var(--space-4); }
.voice-mockup__status { margin-bottom: var(--space-4); }
.voice-mockup__badge { display: inline-block; background: var(--color-teal-bg); color: var(--color-teal-dark); padding: var(--space-1) var(--space-3); border-radius: var(--radius-full); font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); }
.voice-mockup__summary { background: var(--color-bg-light); border-radius: var(--radius-md); padding: var(--space-4); font-size: var(--font-size-sm); }
.voice-mockup__summary p { margin-bottom: var(--space-2); color: var(--color-text-dark); }
.voice-mockup__summary p:last-child { margin-bottom: 0; }

@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
@media (prefers-reduced-motion: reduce) { .voice-mockup__dot { animation: none; } }

/* --------------------------------------------------------------------------
   Pipelines Section (NEW)
   ----------------------------------------------------------------------- */
.pipeline-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); }
.pipeline-card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: var(--space-8); transition: box-shadow var(--transition-normal); }
.pipeline-card:hover { box-shadow: var(--shadow-lg); }
.pipeline-card__icon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-md); margin-bottom: var(--space-5); color: var(--color-teal); background: var(--color-teal-bg); }
.pipeline-card__title { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); color: var(--color-navy); margin-bottom: var(--space-3); }
.pipeline-card__desc { font-size: var(--font-size-sm); color: var(--color-text-muted); line-height: var(--line-height-relaxed); margin-bottom: var(--space-5); }
.pipeline-card__items { display: flex; flex-direction: column; gap: var(--space-2); }
.pipeline-card__items li { display: flex; align-items: center; gap: var(--space-2); font-size: var(--font-size-sm); color: var(--color-text-dark); }
.pipeline-card__items li svg { color: var(--color-teal); flex-shrink: 0; }

/* --------------------------------------------------------------------------
   Why CareMano Section
   ----------------------------------------------------------------------- */
.why-section { background-color: var(--color-bg-light); }
.why-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-6); }
.why-card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-8); transition: box-shadow var(--transition-normal); }
.why-card:hover { box-shadow: var(--shadow-lg); }
.why-card__icon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-md); margin-bottom: var(--space-5); color: var(--color-teal); background: var(--color-teal-bg); }
.why-card__title { font-size: var(--font-size-xl); font-weight: var(--font-weight-semibold); color: var(--color-navy); margin-bottom: var(--space-3); }
.why-card__desc { font-size: var(--font-size-base); color: var(--color-text-muted); line-height: var(--line-height-relaxed); }

/* --------------------------------------------------------------------------
   Early Access Section (NEW)
   ----------------------------------------------------------------------- */
.early-access { background: linear-gradient(180deg, var(--color-bg-light) 0%, var(--color-white) 100%); }
.early-access__inner { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-12); align-items: start; }
.early-access__text { font-size: var(--font-size-md); color: var(--color-text-muted); line-height: var(--line-height-relaxed); margin-bottom: var(--space-4); }
.early-access__actions { margin-top: var(--space-6); }

.founding-card { background: var(--color-white); border: 2px solid var(--color-teal); border-radius: var(--radius-xl); padding: var(--space-8); position: relative; }
.founding-card__badge { display: inline-block; background: var(--color-teal); color: var(--color-white); font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); padding: var(--space-1) var(--space-4); border-radius: var(--radius-full); margin-bottom: var(--space-4); }
.founding-card__title { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); color: var(--color-navy); margin-bottom: var(--space-5); }
.founding-card__list { margin-bottom: var(--space-6); }
.founding-card__list li { display: flex; align-items: center; gap: var(--space-2); font-size: var(--font-size-sm); color: var(--color-text-dark); padding: var(--space-2) 0; }
.founding-card__list li svg { color: var(--color-teal); flex-shrink: 0; }

/* --------------------------------------------------------------------------
   Pricing Section
   ----------------------------------------------------------------------- */
.pricing-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); align-items: stretch; }
.pricing-card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: var(--space-8); display: flex; flex-direction: column; position: relative; transition: box-shadow var(--transition-normal); }
.pricing-card:hover { box-shadow: var(--shadow-lg); }
.pricing-card--highlighted { border-color: var(--color-teal); box-shadow: var(--shadow-lg); }
.pricing-card--highlighted:hover { box-shadow: var(--shadow-xl); }
.pricing-card__badge { position: absolute; top: calc(-1 * var(--space-3)); left: 50%; transform: translateX(-50%); background: var(--color-teal); color: var(--color-white); font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); padding: var(--space-1) var(--space-4); border-radius: var(--radius-full); }
.pricing-card__name { font-size: var(--font-size-xl); font-weight: var(--font-weight-bold); color: var(--color-navy); margin-bottom: var(--space-2); }
.pricing-card__price { display: flex; align-items: baseline; gap: var(--space-1); margin-bottom: var(--space-4); }
.pricing-card__amount { font-size: var(--font-size-4xl); font-weight: var(--font-weight-extrabold); color: var(--color-navy); line-height: 1; }
.pricing-card__period { font-size: var(--font-size-sm); color: var(--color-text-muted); }
.pricing-card__desc { font-size: var(--font-size-sm); color: var(--color-text-muted); line-height: var(--line-height-relaxed); margin-bottom: var(--space-6); }
.pricing-card__features { margin-bottom: var(--space-8); flex: 1; }
.pricing-card__features li { display: flex; align-items: flex-start; gap: var(--space-2); font-size: var(--font-size-sm); color: var(--color-text-dark); padding: var(--space-2) 0; line-height: var(--line-height-normal); }
.pricing-card__features li svg { flex-shrink: 0; color: var(--color-teal); margin-top: 2px; }
.pricing-note { text-align: center; font-size: var(--font-size-sm); color: var(--color-text-muted); margin-top: var(--space-8); }

/* Founding pricing card */
.founding-pricing-card { max-width: 400px; margin: var(--space-8) auto 0; }
.founding-pricing-card__inner { background: var(--color-white); border: 2px dashed var(--color-teal); border-radius: var(--radius-xl); padding: var(--space-8); text-align: center; }
.founding-pricing-card__badge { display: inline-block; background: var(--color-teal-bg); color: var(--color-teal-dark); font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); padding: var(--space-1) var(--space-4); border-radius: var(--radius-full); margin-bottom: var(--space-4); }
.founding-pricing-card__title { font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); color: var(--color-navy); margin-bottom: var(--space-2); }
.founding-pricing-card__desc { font-size: var(--font-size-sm); color: var(--color-text-muted); margin-bottom: var(--space-6); }

/* --------------------------------------------------------------------------
   FAQ Section
   ----------------------------------------------------------------------- */
.faq-list { max-width: 720px; margin: 0 auto; }
.faq-item { border-bottom: 1px solid var(--color-border); }
.faq-item:first-child { border-top: 1px solid var(--color-border); }
.faq-item__question { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: var(--space-5) 0; font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); color: var(--color-navy); text-align: left; cursor: pointer; background: none; border: none; transition: color var(--transition-fast); gap: var(--space-4); }
.faq-item__question:hover { color: var(--color-teal); }
.faq-item__chevron { flex-shrink: 0; transition: transform var(--transition-normal); }
.faq-item__question[aria-expanded="true"] .faq-item__chevron { transform: rotate(180deg); }
.faq-item__answer { padding: 0 0 var(--space-5); }
.faq-item__answer p { font-size: var(--font-size-base); color: var(--color-text-muted); line-height: var(--line-height-relaxed); }

/* --------------------------------------------------------------------------
   Footer CTA
   ----------------------------------------------------------------------- */
.footer-cta { background: var(--color-navy); padding: var(--space-20) 0; text-align: center; }
.footer-cta__headline { font-size: var(--font-size-4xl); font-weight: var(--font-weight-extrabold); color: var(--color-white); line-height: var(--line-height-tight); margin-bottom: var(--space-4); }
.footer-cta__subheadline { font-size: var(--font-size-md); color: rgba(255,255,255,0.7); line-height: var(--line-height-relaxed); max-width: 600px; margin: 0 auto var(--space-8); }
.footer-cta__actions { display: flex; gap: var(--space-4); justify-content: center; flex-wrap: wrap; }
.footer-cta .btn--secondary { color: var(--color-white); border-color: rgba(255,255,255,0.3); background: transparent; }
.footer-cta .btn--secondary:hover { border-color: var(--color-white); color: var(--color-white); }
.footer-cta__compliance { margin-top: var(--space-8); font-size: var(--font-size-sm); color: rgba(255,255,255,0.4); max-width: 560px; margin-left: auto; margin-right: auto; }

/* --------------------------------------------------------------------------
   Site Footer
   ----------------------------------------------------------------------- */
.site-footer { background: var(--color-navy-dark); color: rgba(255,255,255,0.7); padding: var(--space-16) 0 var(--space-8); }
.site-footer__grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr; gap: var(--space-8); margin-bottom: var(--space-12); }
.site-footer__brand .site-logo__text { color: var(--color-white); }
.site-footer__tagline { font-size: var(--font-size-sm); color: rgba(255,255,255,0.5); margin-top: var(--space-3); }
.site-footer__desc { font-size: var(--font-size-sm); color: rgba(255,255,255,0.4); margin-top: var(--space-2); line-height: var(--line-height-relaxed); }
.site-footer__col-title { font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); color: var(--color-white); margin-bottom: var(--space-4); text-transform: uppercase; letter-spacing: 0.05em; }
.site-footer__col-list li { margin-bottom: var(--space-2); }
.site-footer__col-list a { font-size: var(--font-size-sm); color: rgba(255,255,255,0.6); transition: color var(--transition-fast); }
.site-footer__col-list a:hover, .site-footer__col-list a:focus { color: var(--color-white); }
.site-footer__widgets { border-top: 1px solid rgba(255,255,255,0.1); padding-top: var(--space-8); margin-bottom: var(--space-8); }
.site-footer__bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: var(--space-6); text-align: center; }
.site-footer__copyright { font-size: var(--font-size-sm); color: rgba(255,255,255,0.4); }

/* --------------------------------------------------------------------------
   Page Hero (Inner Pages)
   ----------------------------------------------------------------------- */
.page-hero { padding: var(--space-16) 0 var(--space-12); background: linear-gradient(180deg, var(--color-bg-light) 0%, var(--color-white) 100%); text-align: center; }
.page-hero__title { font-size: var(--font-size-4xl); font-weight: var(--font-weight-extrabold); color: var(--color-navy); line-height: var(--line-height-tight); margin-bottom: var(--space-4); }
.page-hero__subtitle { font-size: var(--font-size-md); color: var(--color-text-muted); line-height: var(--line-height-relaxed); max-width: 640px; margin: 0 auto; }

/* --------------------------------------------------------------------------
   Page Content (Default)
   ----------------------------------------------------------------------- */
.page-content { padding: var(--space-12) 0; }
.page-header { margin-bottom: var(--space-8); }
.page-title { font-size: var(--font-size-3xl); font-weight: var(--font-weight-extrabold); color: var(--color-navy); }
.page-body { max-width: 760px; }
.page-body h2, .page-body h3, .page-body h4 { color: var(--color-navy); margin-top: var(--space-8); margin-bottom: var(--space-4); }
.page-body p { margin-bottom: var(--space-4); line-height: var(--line-height-relaxed); color: var(--color-text-muted); }
.page-body ul, .page-body ol { margin-bottom: var(--space-4); padding-left: var(--space-6); }
.page-body li { margin-bottom: var(--space-2); line-height: var(--line-height-relaxed); }
.page-body ul { list-style: disc; }
.page-body ol { list-style: decimal; }

/* --------------------------------------------------------------------------
   Feature Detail (Features Page)
   ----------------------------------------------------------------------- */
.feature-detail { padding: var(--space-12) 0; }
.feature-detail--alt { background-color: var(--color-bg-light); }
.feature-detail__title { font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); color: var(--color-navy); margin-top: var(--space-3); margin-bottom: var(--space-4); }
.feature-detail__content { max-width: 640px; }
.feature-detail__content p { margin-bottom: var(--space-4); font-size: var(--font-size-base); color: var(--color-text-muted); line-height: var(--line-height-relaxed); }
.feature-detail__use-case { background: var(--color-teal-bg); border-radius: var(--radius-md); padding: var(--space-4); margin-bottom: var(--space-6); font-size: var(--font-size-sm); }

/* --------------------------------------------------------------------------
   Comparison Table (Pricing Page)
   ----------------------------------------------------------------------- */
.comparison-table-wrap { overflow-x: auto; }
.comparison-table { width: 100%; border-collapse: collapse; font-size: var(--font-size-sm); min-width: 600px; }
.comparison-table th { text-align: left; padding: var(--space-3) var(--space-4); border-bottom: 2px solid var(--color-border); color: var(--color-navy); font-weight: var(--font-weight-semibold); }
.comparison-table td { padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--color-border); color: var(--color-text-dark); }
.comparison-table thead th:not(:first-child) { text-align: center; }
.comparison-table td:not(:first-child) { text-align: center; }
.comp-check { color: var(--color-teal); font-weight: var(--font-weight-bold); font-size: var(--font-size-base); }
.comp-dash { color: var(--color-border); }

/* --------------------------------------------------------------------------
   Demo Section (Book Demo Page)
   ----------------------------------------------------------------------- */
.demo-section { padding: var(--space-16) 0; }
.demo-section__inner { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-12); align-items: start; }
.demo-section__title { font-size: var(--font-size-3xl); font-weight: var(--font-weight-extrabold); color: var(--color-navy); margin-bottom: var(--space-4); }
.demo-section__desc { font-size: var(--font-size-md); color: var(--color-text-muted); line-height: var(--line-height-relaxed); margin-bottom: var(--space-6); }
.demo-section__highlights-title { font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); color: var(--color-navy); margin-bottom: var(--space-3); }
.demo-section__highlights { display: flex; flex-direction: column; gap: var(--space-3); margin-bottom: var(--space-6); }
.demo-highlight { display: flex; align-items: center; gap: var(--space-3); font-size: var(--font-size-sm); color: var(--color-text-dark); }
.demo-highlight svg { color: var(--color-teal); flex-shrink: 0; }
.demo-section__note { font-size: var(--font-size-sm); color: var(--color-text-muted); }

/* --------------------------------------------------------------------------
   Demo Form
   ----------------------------------------------------------------------- */
.demo-form { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: var(--space-8); box-shadow: var(--shadow-md); }
.demo-form__group { margin-bottom: var(--space-4); }
.demo-form__label { display: block; font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); color: var(--color-navy); margin-bottom: var(--space-2); }
.demo-form__input, .demo-form__select, .demo-form__textarea {
	width: 100%; padding: var(--space-3) var(--space-4); font-size: var(--font-size-sm);
	font-family: var(--font-family); color: var(--color-text-dark);
	background: var(--color-bg-light); border: 1px solid var(--color-border);
	border-radius: var(--radius-md); transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.demo-form__input:focus, .demo-form__select:focus, .demo-form__textarea:focus { outline: none; border-color: var(--color-teal); box-shadow: 0 0 0 3px rgba(111,140,114,0.1); }
.demo-form__input::placeholder, .demo-form__textarea::placeholder { color: var(--color-text-muted); opacity: 0.6; }
.demo-form__textarea { resize: vertical; min-height: 100px; }
.demo-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
.demo-form__select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%235C6B7A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: var(--space-10); }
.demo-form__disclaimer { font-size: var(--font-size-xs); color: var(--color-coral); margin-top: var(--space-3); text-align: center; }

/* --------------------------------------------------------------------------
   Contact Section
   ----------------------------------------------------------------------- */
.contact-section__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-12); align-items: start; }
.contact-section__heading { font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); color: var(--color-navy); margin-bottom: var(--space-6); }
.contact-item { margin-bottom: var(--space-6); }
.contact-item h3 { font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); color: var(--color-navy); margin-bottom: var(--space-2); }
.contact-item a { font-size: var(--font-size-base); color: var(--color-teal); }
.contact-item__hint { font-size: var(--font-size-sm); color: var(--color-text-muted); margin-bottom: var(--space-3); }

/* --------------------------------------------------------------------------
   About Content
   ----------------------------------------------------------------------- */
.about-content__grid { display: grid; grid-template-columns: 2fr 1fr; gap: var(--space-12); align-items: start; }
.about-content__heading { font-size: var(--font-size-xl); font-weight: var(--font-weight-bold); color: var(--color-navy); margin-top: var(--space-8); margin-bottom: var(--space-4); }
.about-content__heading:first-child { margin-top: 0; }
.about-content__main p { margin-bottom: var(--space-4); font-size: var(--font-size-base); color: var(--color-text-muted); line-height: var(--line-height-relaxed); }
.about-card { background: var(--color-teal-bg); border-radius: var(--radius-lg); padding: var(--space-6); margin-bottom: var(--space-6); }
.about-card h3 { font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); color: var(--color-navy); margin-bottom: var(--space-3); }
.about-card p { font-size: var(--font-size-sm); color: var(--color-text-muted); line-height: var(--line-height-relaxed); }

/* --------------------------------------------------------------------------
   Blog — Posts Grid
   ----------------------------------------------------------------------- */
.posts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); padding: var(--space-8) 0; }
.post-card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-lg); overflow: hidden; transition: box-shadow var(--transition-normal), transform var(--transition-normal); }
.post-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
.post-card__image { display: block; overflow: hidden; }
.post-card__image img { width: 100%; height: 200px; object-fit: cover; transition: transform var(--transition-slow); }
.post-card:hover .post-card__image img { transform: scale(1.03); }
.post-card__content { padding: var(--space-6); }
.post-card__date { font-size: var(--font-size-xs); color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.05em; }
.post-card__title { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); color: var(--color-navy); margin: var(--space-2) 0 var(--space-3); line-height: var(--line-height-tight); }
.post-card__title a { color: inherit; text-decoration: none; }
.post-card__title a:hover { color: var(--color-teal); }
.post-card__excerpt { font-size: var(--font-size-sm); color: var(--color-text-muted); line-height: var(--line-height-relaxed); margin-bottom: var(--space-4); }
.post-card__link { font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); color: var(--color-teal); }

/* --------------------------------------------------------------------------
   Single Post
   ----------------------------------------------------------------------- */
.single-post { padding: var(--space-12) 0; }
.single-post__header { text-align: center; max-width: 720px; margin: 0 auto var(--space-8); }
.single-post__meta { display: flex; justify-content: center; gap: var(--space-4); font-size: var(--font-size-sm); color: var(--color-text-muted); margin-bottom: var(--space-4); }
.single-post__title { font-size: var(--font-size-3xl); font-weight: var(--font-weight-extrabold); color: var(--color-navy); line-height: var(--line-height-tight); }
.single-post__featured-image { max-width: 800px; margin: 0 auto var(--space-8); border-radius: var(--radius-lg); overflow: hidden; }
.single-post__content { max-width: 720px; margin: 0 auto; }
.single-post__content h2, .single-post__content h3, .single-post__content h4 { color: var(--color-navy); margin-top: var(--space-8); margin-bottom: var(--space-4); }
.single-post__content p { margin-bottom: var(--space-4); line-height: var(--line-height-relaxed); color: var(--color-text-muted); }
.single-post__content ul, .single-post__content ol { margin-bottom: var(--space-4); padding-left: var(--space-6); }
.single-post__content li { margin-bottom: var(--space-2); }
.single-post__content ul { list-style: disc; }
.single-post__content ol { list-style: decimal; }
.single-post__footer { max-width: 720px; margin: var(--space-8) auto 0; padding-top: var(--space-6); border-top: 1px solid var(--color-border); }
.single-post__tags { display: flex; gap: var(--space-2); flex-wrap: wrap; align-items: center; font-size: var(--font-size-sm); }
.single-post__tags span { color: var(--color-text-muted); }

.post-nav { display: flex; justify-content: space-between; gap: var(--space-4); padding: var(--space-8) 0; max-width: 720px; margin: 0 auto; }
.post-nav a { font-size: var(--font-size-sm); color: var(--color-teal); font-weight: var(--font-weight-medium); }

.nav-links { display: flex; justify-content: center; gap: var(--space-2); padding: var(--space-8) 0; }
.nav-links .page-numbers { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--radius-md); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); color: var(--color-navy); text-decoration: none; transition: all var(--transition-fast); }
.nav-links .page-numbers:hover { background: var(--color-bg-light); }
.nav-links .page-numbers.current { background: var(--color-teal); color: var(--color-white); }

/* --------------------------------------------------------------------------
   404 Page
   ----------------------------------------------------------------------- */
.error-404 { padding: var(--space-20) 0; text-align: center; }
.error-404__inner { max-width: 480px; margin: 0 auto; }
.error-404__title { font-size: 6rem; font-weight: var(--font-weight-extrabold); color: var(--color-teal); line-height: 1; margin-bottom: var(--space-4); }
.error-404__text { font-size: var(--font-size-md); color: var(--color-text-muted); margin-bottom: var(--space-8); }
.error-404__actions { display: flex; gap: var(--space-4); justify-content: center; }

/* Footer Widget */
.footer-widget { margin-bottom: var(--space-4); }
.footer-widget__title { font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); color: var(--color-white); margin-bottom: var(--space-2); }

/* --------------------------------------------------------------------------
   WordPress Alignments & Captions
   ----------------------------------------------------------------------- */
.alignleft { float: left; margin-right: var(--space-4); margin-bottom: var(--space-4); }
.alignright { float: right; margin-left: var(--space-4); margin-bottom: var(--space-4); }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide { max-width: 960px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(-50vw + 50%); }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: var(--font-size-sm); color: var(--color-text-muted); text-align: center; padding: var(--space-2) 0; }

/* --------------------------------------------------------------------------
   Responsive Breakpoints
   ----------------------------------------------------------------------- */

/* Tablet: 1024px and below */
@media (max-width: 1024px) {
	.hero__inner { grid-template-columns: 1fr; gap: var(--space-10); }
	.hero__headline { font-size: var(--font-size-4xl); }
	.hero__visual { max-width: 600px; }
	.hero__float { display: none; }

	.features-grid { grid-template-columns: repeat(2, 1fr); }
	.problem-cards, .pricing-cards, .pipeline-cards { grid-template-columns: repeat(2, 1fr); }
	.solution-cards { grid-template-columns: repeat(2, 1fr); }

	.steps-timeline { flex-wrap: wrap; gap: var(--space-4); justify-content: center; }
	.step-item__line { display: none; }

	.dashboard-mockup-large { grid-template-columns: 160px 1fr; }
	.dashboard-mockup-large__pipeline { grid-template-columns: repeat(3, 1fr); }

	.site-footer__grid { grid-template-columns: 1fr 1fr 1fr; }
	.site-footer__brand { grid-column: 1 / -1; }

	.demo-section__inner, .contact-section__grid, .voice-section__inner, .early-access__inner { grid-template-columns: 1fr; }
	.about-content__grid { grid-template-columns: 1fr; }
	.posts-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Mobile: 768px and below */
@media (max-width: 768px) {
	:root {
		--font-size-5xl: 2.5rem; --font-size-4xl: 2rem;
		--font-size-3xl: 1.75rem; --font-size-2xl: 1.5rem;
	}

	.section { padding: var(--space-12) 0; }

	.site-header__toggle { display: flex; }
	.site-header__nav {
		position: fixed; top: var(--header-height); left: 0; right: 0; bottom: 0;
		background: var(--color-white); padding: var(--space-8) var(--space-6);
		transform: translateX(100%); transition: transform var(--transition-normal);
		z-index: 90; overflow-y: auto;
	}
	.site-header__nav.is-open { transform: translateX(0); }
	.nav-list { flex-direction: column; gap: var(--space-4); }
	.nav-list a { font-size: var(--font-size-lg); display: block; padding: var(--space-3) 0; }
	.site-header__actions { display: none; }

	.hero { padding: var(--space-12) 0 var(--space-8); }
	.hero__actions { flex-direction: column; }
	.hero__actions .btn { width: 100%; }

	.features-grid, .problem-cards, .why-cards, .pricing-cards, .pipeline-cards, .solution-cards { grid-template-columns: 1fr; }
	.posts-grid { grid-template-columns: 1fr; }

	.dashboard-mockup-large { grid-template-columns: 1fr; min-height: auto; }
	.dashboard-mockup-large__sidebar { display: none; }
	.dashboard-mockup-large__activity { flex-direction: column; gap: var(--space-4); }
	.dashboard-mockup-large__pipeline { grid-template-columns: 1fr 1fr; }

	.steps-timeline { flex-direction: column; align-items: stretch; }
	.step-item { flex-direction: row; text-align: left; gap: var(--space-4); }
	.step-item__node { flex-direction: column; margin-bottom: 0; }
	.step-item__line { width: 3px; height: 20px; min-width: 3px; }

	.site-footer__grid { grid-template-columns: 1fr 1fr; gap: var(--space-6); }
	.site-footer__brand { grid-column: 1 / -1; }

	.footer-cta__actions { flex-direction: column; align-items: center; }
	.footer-cta .btn { width: 100%; max-width: 320px; }

	.demo-form__row { grid-template-columns: 1fr; }
	.error-404__title { font-size: 4rem; }
	.error-404__actions { flex-direction: column; align-items: center; }
	.post-nav { flex-direction: column; }
}

/* Small mobile: 480px and below */
@media (max-width: 480px) {
	:root { --font-size-5xl: 2rem; --font-size-4xl: 1.75rem; --font-size-3xl: 1.5rem; }
	.container { padding-left: var(--space-4); padding-right: var(--space-4); }
	.dashboard-mockup__stats { grid-template-columns: repeat(2, 1fr); gap: var(--space-3); }
	.dashboard-mockup-large__pipeline { grid-template-columns: 1fr; }
	.site-footer__grid { grid-template-columns: 1fr; }
}

/* --------------------------------------------------------------------------
   Print Styles
   ----------------------------------------------------------------------- */
@media print {
	.site-header, .site-footer, .footer-cta, .hero__actions, .hero__float, .btn { display: none !important; }
	body { color: #000; background: #fff; }
	.section { padding: 1rem 0; }
}

/* ========================================================================
   CareMano v1.3.0 — Front Office Identity Layer
   Distinct product-led styling for the CareMano marketing site.
   ===================================================================== */
:root {
	--color-ivory: #FDFAF4;
	--color-mint: #EDF1EC;
	--color-route: rgba(111, 140, 114, 0.28);
	--shadow-front-office: 0 24px 70px rgba(16, 32, 51, 0.14);
}

.section-kicker {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin-bottom: var(--space-3);
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-bold);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--color-teal-dark);
}
.section-kicker::before {
	content: '';
	width: 9px;
	height: 9px;
	border-radius: var(--radius-full);
	background: var(--color-coral);
	box-shadow: 0 0 0 5px rgba(168, 95, 61, 0.12);
}

.hero--front-office {
	background:
		radial-gradient(circle at 84% 18%, rgba(111, 140, 114, 0.18), transparent 34%),
		radial-gradient(circle at 14% 18%, rgba(168, 95, 61, 0.14), transparent 30%),
		linear-gradient(180deg, var(--color-ivory) 0%, var(--color-white) 72%);
}
.hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	padding: var(--space-2) var(--space-4);
	margin-bottom: var(--space-5);
	border-radius: var(--radius-full);
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-bold);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--color-navy);
	background: var(--color-white);
	border: 1px solid var(--color-border);
	box-shadow: var(--shadow-sm);
}
.hero__eyebrow::before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--color-teal);
}
.hero__proof-strip {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin-bottom: var(--space-4);
}
.hero__proof-strip span {
	padding: 0.45rem 0.75rem;
	border-radius: var(--radius-full);
	background: rgba(111, 140, 114, 0.1);
	color: var(--color-teal-dark);
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-bold);
}
.hero-briefing {
	position: relative;
	min-height: 540px;
}
.briefing-card {
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(228, 234, 240, 0.9);
	border-radius: var(--radius-2xl);
	box-shadow: var(--shadow-front-office);
	backdrop-filter: blur(12px);
}
.briefing-card--main {
	padding: var(--space-6);
	position: relative;
	z-index: 2;
}
.briefing-card__top,
.briefing-person,
.briefing-grid {
	display: flex;
	align-items: center;
}
.briefing-card__top { justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-5); }
.briefing-card__label { color: var(--color-text-muted); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); }
.status-pill {
	display: inline-flex;
	align-items: center;
	padding: 0.4rem 0.7rem;
	border-radius: var(--radius-full);
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-bold);
}
.status-pill--ready { color: var(--color-teal-dark); background: var(--color-teal-bg); }
.briefing-person { gap: var(--space-3); padding-bottom: var(--space-5); border-bottom: 1px solid var(--color-border); }
.briefing-person__avatar {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: var(--radius-full);
	background: linear-gradient(135deg, var(--color-navy), var(--color-teal));
	color: var(--color-white);
	font-weight: var(--font-weight-bold);
}
.briefing-person strong { display: block; color: var(--color-navy); }
.briefing-person span { display: block; color: var(--color-text-muted); font-size: var(--font-size-sm); }
.briefing-grid {
	align-items: stretch;
	gap: var(--space-3);
	flex-wrap: wrap;
	padding: var(--space-5) 0;
}
.briefing-grid > div {
	flex: 1 1 42%;
	padding: var(--space-4);
	border-radius: var(--radius-lg);
	background: var(--color-bg-light);
}
.briefing-grid span,
.briefing-note strong { display: block; color: var(--color-text-muted); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); text-transform: uppercase; letter-spacing: .05em; }
.briefing-grid strong { display: block; color: var(--color-navy); margin-top: .25rem; }
.briefing-note {
	padding: var(--space-4);
	border-radius: var(--radius-lg);
	background: var(--color-ivory);
	border-left: 4px solid var(--color-coral);
}
.briefing-note p { margin-top: var(--space-2); color: var(--color-text-muted); }
.briefing-card--mini {
	position: absolute;
	z-index: 3;
	padding: var(--space-4);
	max-width: 220px;
}
.briefing-card--mini span { display: block; color: var(--color-text-muted); font-size: var(--font-size-xs); }
.briefing-card--mini strong { display: block; color: var(--color-navy); margin-top: .25rem; }
.briefing-card--call { left: -24px; bottom: 100px; }
.briefing-card--referral { right: -18px; top: 60px; }
.briefing-card--caregiver { right: 30px; bottom: 20px; }

.inquiry-journey { background: var(--color-white); }
.journey-rail {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--space-5);
}
.journey-rail::before {
	content: '';
	position: absolute;
	top: 34px;
	left: 8%;
	right: 8%;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--color-route), transparent);
}
.journey-step {
	position: relative;
	padding: var(--space-6);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-xl);
	background: var(--color-white);
	box-shadow: var(--shadow-md);
}
.journey-step__number {
	display: inline-grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin-bottom: var(--space-4);
	border-radius: var(--radius-full);
	background: var(--color-navy);
	color: var(--color-white);
	font-weight: var(--font-weight-bold);
}
.journey-step h3,
.pathway-card h3,
.pipeline-lane h3 { color: var(--color-navy); margin-bottom: var(--space-2); }
.journey-step p,
.pathway-card p { color: var(--color-text-muted); }

.pathway-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: var(--space-4);
}
.pathway-card {
	position: relative;
	padding: var(--space-5);
	border-radius: var(--radius-xl);
	background: linear-gradient(180deg, var(--color-white), var(--color-bg-light));
	border: 1px solid var(--color-border);
}
.pathway-card__index {
	display: inline-grid;
	place-items: center;
	width: 32px;
	height: 32px;
	margin-bottom: var(--space-3);
	border-radius: var(--radius-full);
	background: var(--color-teal-bg);
	color: var(--color-teal-dark);
	font-weight: var(--font-weight-bold);
}

.pipeline-lanes {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-6);
}
.pipeline-lane {
	padding: var(--space-5);
	border-radius: var(--radius-2xl);
	background: var(--color-white);
	border: 1px solid var(--color-border);
	box-shadow: var(--shadow-lg);
}
.pipeline-lane__header span {
	display: inline-flex;
	padding: 0.35rem .65rem;
	margin-bottom: var(--space-3);
	border-radius: var(--radius-full);
	background: var(--color-mint);
	color: var(--color-teal-dark);
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-bold);
}
.pipeline-lane__items { display: grid; gap: var(--space-3); margin-top: var(--space-5); }
.pipeline-ticket {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	padding: var(--space-3);
	border-radius: var(--radius-lg);
	background: var(--color-bg-light);
	font-size: var(--font-size-sm);
	color: var(--color-navy);
}
.pipeline-ticket__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--color-teal); }
.pipeline-ticket__badge { margin-left: auto; font-size: .68rem; font-weight: var(--font-weight-bold); color: var(--color-coral-dark); }

.features-grid--enhanced .feature-card { display: flex; flex-direction: column; }
.feature-card__topline { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-4); }
.feature-card__why {
	margin-top: auto;
	padding-top: var(--space-4);
	border-top: 1px solid var(--color-border);
	font-size: var(--font-size-sm);
	color: var(--color-text-muted);
}
.feature-card__why strong { color: var(--color-navy); }

.product-shell {
	display: grid;
	grid-template-columns: 220px 1fr;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-2xl);
	overflow: hidden;
	box-shadow: var(--shadow-xl);
	background: var(--color-white);
}
.product-shell__sidebar {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
	padding: var(--space-5);
	background: var(--color-navy);
	color: rgba(255,255,255,.82);
}
.product-shell__brand { color: var(--color-white); font-weight: var(--font-weight-extrabold); font-size: var(--font-size-lg); margin-bottom: var(--space-4); }
.product-shell__sidebar span:not(.product-shell__brand) { padding: .65rem .75rem; border-radius: var(--radius-md); }
.product-shell__sidebar span:nth-child(2) { background: rgba(255,255,255,.1); color: var(--color-white); }
.product-shell__main { padding: var(--space-6); }
.metric-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--space-3); margin-bottom: var(--space-5); }
.metric-grid div { padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-bg-light); }
.metric-grid strong { display: block; font-size: var(--font-size-xl); color: var(--color-navy); }
.metric-grid span { font-size: var(--font-size-xs); color: var(--color-text-muted); }
.product-shell__content { display: grid; grid-template-columns: 1fr 300px; gap: var(--space-5); }
.inquiry-table { border: 1px solid var(--color-border); border-radius: var(--radius-xl); overflow: hidden; }
.inquiry-table__head,
.inquiry-table__row { display: grid; grid-template-columns: .9fr 1fr 1fr 1fr .8fr 1.2fr; gap: var(--space-3); padding: var(--space-3) var(--space-4); align-items: center; }
.inquiry-table__head { background: var(--color-navy); color: var(--color-white); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); }
.inquiry-table__row { border-top: 1px solid var(--color-border); font-size: var(--font-size-sm); color: var(--color-text-muted); }
.urgency { border-radius: var(--radius-full); padding: .2rem .5rem; font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); background: var(--color-mint); color: var(--color-teal-dark); }
.urgency--high { background: var(--color-coral-bg); color: var(--color-coral-dark); }
.intake-summary-panel { padding: var(--space-5); border-radius: var(--radius-xl); background: var(--color-ivory); border: 1px solid var(--color-border); }
.intake-summary-panel h3 { color: var(--color-navy); margin-bottom: var(--space-4); }
.intake-summary-panel dt { font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); color: var(--color-text-muted); text-transform: uppercase; letter-spacing: .04em; }
.intake-summary-panel dd { margin-bottom: var(--space-3); color: var(--color-navy); }

.not-emr { background: var(--color-navy); color: var(--color-white); }
.not-emr .section-title,
.not-emr .section-kicker { color: var(--color-white); }
.not-emr__inner { display: grid; grid-template-columns: .9fr 1.1fr; gap: var(--space-12); align-items: center; }
.not-emr__content p { color: rgba(255,255,255,.78); font-size: var(--font-size-md); line-height: var(--line-height-relaxed); }
.not-emr__cards { display: grid; gap: var(--space-4); }
.not-emr-card { padding: var(--space-5); border-radius: var(--radius-xl); background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); }
.not-emr-card strong { display: block; margin-bottom: var(--space-2); }
.not-emr-card span { color: rgba(255,255,255,.72); }

.early-access__inner { display: grid; grid-template-columns: 1.05fr .95fr; gap: var(--space-12); align-items: center; padding: var(--space-10); border-radius: var(--radius-2xl); background: linear-gradient(135deg, var(--color-ivory), var(--color-mint)); }
.early-access__note { margin-top: var(--space-4); color: var(--color-text-muted); font-size: var(--font-size-sm); }
.early-access__panel { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: var(--space-6); box-shadow: var(--shadow-md); }
.early-access__panel h3 { color: var(--color-navy); margin-bottom: var(--space-4); }
.early-access__panel li { display: flex; gap: var(--space-2); padding: var(--space-2) 0; color: var(--color-text-muted); }
.early-access__panel li::before { content: '✓'; color: var(--color-teal); font-weight: var(--font-weight-bold); }

@media (max-width: 1100px) {
	.pathway-grid { grid-template-columns: repeat(3, 1fr); }
	.metric-grid { grid-template-columns: repeat(3, 1fr); }
	.product-shell__content { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
	.hero-briefing { min-height: auto; }
	.briefing-card--mini { position: static; margin-top: var(--space-3); max-width: none; }
	.journey-rail,
	.pipeline-lanes,
	.not-emr__inner,
	.early-access__inner { grid-template-columns: 1fr; }
	.journey-rail::before { display: none; }
	.product-shell { grid-template-columns: 1fr; }
	.product-shell__sidebar { display: none; }
	.inquiry-table__head { display: none; }
	.inquiry-table__row { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.pathway-grid,
	.metric-grid { grid-template-columns: 1fr; }
	.briefing-grid { display: grid; grid-template-columns: 1fr; }
	.early-access__inner { padding: var(--space-6); }
}


/* ========================================================================
   CareMano v1.3.1 — Display Repair + Front Office Polish
   Fixes header/menu display, hero contrast, and product-led visual hierarchy.
   ===================================================================== */

/* Header hardening: works whether WordPress outputs .nav-list or a default menu class. */
.site-header {
	min-height: var(--header-height);
	background: rgba(255, 255, 255, 0.96) !important;
	box-shadow: 0 1px 0 rgba(228, 234, 240, 0.9);
}
.site-header__inner {
	max-width: var(--container-max);
	margin: 0 auto;
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
}
.site-header__nav ul,
.site-header__nav .nav-list {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: var(--space-8);
	margin: 0;
	padding: 0;
	list-style: none;
}
.site-header__nav li { margin: 0; padding: 0; }
.site-header__nav a,
.site-header__nav .nav-list a {
	display: inline-flex;
	align-items: center;
	padding: var(--space-2) 0;
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-semibold);
	color: var(--color-navy);
	text-decoration: none;
}
.site-header__nav a:hover,
.site-header__nav a:focus { color: var(--color-teal-dark); }
.site-header__actions .btn--ghost {
	color: var(--color-navy);
	font-weight: var(--font-weight-semibold);
}
.site-header__actions .btn--primary {
	border-radius: var(--radius-full);
	padding-left: var(--space-6);
	padding-right: var(--space-6);
}

/* Hero: deliberately dark, high-contrast, product-led. */
.hero.hero--front-office {
	position: relative;
	padding: clamp(5rem, 8vw, 8rem) 0 clamp(4rem, 7vw, 7rem);
	background:
		radial-gradient(circle at 78% 16%, rgba(111, 140, 114, 0.26), transparent 30%),
		radial-gradient(circle at 18% 16%, rgba(168, 95, 61, 0.18), transparent 28%),
		linear-gradient(135deg, #1F362C 0%, #123A5A 46%, #2C4A3E 100%) !important;
	overflow: hidden;
}
.hero.hero--front-office::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
	background-size: 64px 64px;
	mask-image: linear-gradient(180deg, rgba(0,0,0,0.75), transparent 90%);
	pointer-events: none;
}
.hero.hero--front-office .hero__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
	gap: clamp(3rem, 6vw, 5rem);
	align-items: center;
}
.hero.hero--front-office .hero__eyebrow {
	background: rgba(111, 140, 114, 0.12);
	border-color: rgba(111, 140, 114, 0.35);
	color: #E8DFD0;
	box-shadow: none;
}
.hero.hero--front-office .hero__headline {
	color: #FDFAF4 !important;
	text-shadow: 0 1px 0 rgba(0,0,0,0.12);
	max-width: 760px;
}
.hero.hero--front-office .hero__subheadline {
	color: rgba(255, 255, 255, 0.82) !important;
	max-width: 660px;
}
.hero.hero--front-office .hero__trust-line {
	color: rgba(255, 255, 255, 0.68) !important;
}
.hero.hero--front-office .hero__proof-strip span {
	background: rgba(255,255,255,0.09);
	border: 1px solid rgba(255,255,255,0.14);
	color: rgba(255,255,255,0.86);
}
.hero.hero--front-office .btn--secondary {
	background: transparent;
	border-color: rgba(255,255,255,0.34);
	color: #FDFAF4;
}
.hero.hero--front-office .btn--secondary:hover,
.hero.hero--front-office .btn--secondary:focus {
	background: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.62);
	color: #FDFAF4;
}
.hero.hero--front-office .briefing-card {
	background: rgba(255, 255, 255, 0.96);
	border-color: rgba(255, 255, 255, 0.68);
	box-shadow: 0 28px 80px rgba(0,0,0,0.26);
}
.hero.hero--front-office .briefing-card--main { transform: translateY(0); }
.hero.hero--front-office .briefing-card--mini {
	box-shadow: 0 18px 45px rgba(0,0,0,0.18);
}

/* Give the first white section breathing room and fix overflow on the journey cards. */
.inquiry-journey { padding-top: var(--space-20); }
.journey-rail { align-items: stretch; }
.journey-step { min-height: 100%; }

/* Make product sections feel more premium and prevent cramped tables on normal desktops. */
.product-shell { margin-top: var(--space-8); }
.product-shell__main { min-width: 0; }
.inquiry-table { min-width: 0; }

/* WordPress admin bar compensation on logged-in views. */
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }

/* Tablet and mobile repair. */
@media (max-width: 1024px) {
	.site-header__nav ul,
	.site-header__nav .nav-list { gap: var(--space-5); }
	.hero.hero--front-office .hero__inner { grid-template-columns: 1fr; }
	.hero-briefing { max-width: 720px; min-height: auto; }
}
@media (max-width: 768px) {
	.site-header__nav {
		position: fixed;
		top: var(--header-height);
		left: 0;
		right: 0;
		bottom: auto;
		background: #FDFAF4;
		border-bottom: 1px solid var(--color-border);
		box-shadow: var(--shadow-lg);
		padding: var(--space-6);
		transform: translateY(-120%);
		transition: transform var(--transition-normal);
		z-index: 99;
	}
	.admin-bar .site-header__nav { top: calc(var(--header-height) + 46px); }
	.site-header__nav.is-open { transform: translateY(0); }
	.site-header__nav ul,
	.site-header__nav .nav-list {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--space-4);
	}
	.site-header__nav a { font-size: var(--font-size-base); }
	.hero.hero--front-office { padding-top: var(--space-12); }
	.hero.hero--front-office .hero__headline { font-size: clamp(2.25rem, 12vw, 3.2rem); }
}


/* --------------------------------------------------------------------------
   CareMano v1.3.2 Layout Stabilization Patch
   Purpose: fix wide-screen section alignment, prevent off-canvas cards, and
   make the header/menu reliable when a custom WordPress menu is assigned.
   ----------------------------------------------------------------------- */
html, body { max-width: 100%; overflow-x: hidden; }
body { background: var(--color-white); }

.site-main,
#primary {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 999;
	background: rgba(255, 255, 255, 0.97);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--color-border);
}
.site-header__inner {
	min-height: 72px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-6);
}
.site-header__logo { min-width: max-content; }
.site-header__nav { flex: 1 1 auto; justify-content: center; }
.site-header__nav ul,
.site-header__nav .nav-list {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-6);
	margin: 0;
	padding: 0;
	flex-wrap: nowrap;
}
.site-header__nav li { margin: 0; padding: 0; }
.site-header__nav a {
	display: inline-flex;
	align-items: center;
	padding: .5rem .1rem;
	font-weight: var(--font-weight-semibold);
	font-size: var(--font-size-sm);
	line-height: 1;
	color: var(--color-navy);
	text-decoration: none;
}
.site-header__actions { display: flex; align-items: center; gap: var(--space-3); flex-shrink: 0; }

.hero {
	position: relative;
	isolation: isolate;
	background: radial-gradient(circle at 82% 10%, rgba(111,140,114,.20), transparent 34%), radial-gradient(circle at 10% 90%, rgba(168,95,61,.13), transparent 30%), linear-gradient(135deg, #1F2A24 0%, #2C4A3E 58%, #3A5C4E 100%);
	color: var(--color-white);
}
.hero .container { position: relative; z-index: 2; }
.hero__title,
.hero__subtitle,
.hero__tagline { color: var(--color-white) !important; }
.hero__subtitle { color: rgba(255,255,255,.82) !important; }
.hero .section-kicker,
.hero__eyebrow { color: var(--color-teal-light, #EDF1EC) !important; }
.hero-briefing,
.briefing-card,
.briefing-card--mini {
	background: rgba(255,255,255,.96);
	color: var(--color-navy);
	border: 1px solid rgba(255,255,255,.32);
	box-shadow: var(--shadow-xl);
}
.hero-briefing *,
.briefing-card *,
.briefing-card--mini * { color: inherit; }
.hero-briefing span,
.briefing-card span,
.briefing-card--mini span { color: var(--color-text-muted); }

/* Ensure all full-width homepage sections align to the same centered rhythm. */
.section,
.problem-section,
.inquiry-journey,
.how-it-works,
.pipelines-section,
.features-section,
.dashboard-preview,
.not-emr,
.early-access,
.pricing-preview,
.faq-section,
.footer-cta {
	width: 100%;
	padding-top: clamp(4rem, 7vw, 7rem);
	padding-bottom: clamp(4rem, 7vw, 7rem);
}
.section > .container,
.problem-section > .container,
.inquiry-journey > .container,
.how-it-works > .container,
.pipelines-section > .container,
.features-section > .container,
.dashboard-preview > .container,
.not-emr > .container,
.early-access > .container,
.pricing-preview > .container,
.faq-section > .container,
.footer-cta > .container {
	max-width: var(--container-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
}
.section-header {
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: var(--space-12);
	text-align: center;
}
.section-title { max-width: 880px; margin-left: auto; margin-right: auto; }
.section-subtitle { max-width: 720px; margin-left: auto; margin-right: auto; }

.problem-cards,
.journey-rail,
.pathway-grid,
.pipeline-lanes,
.features-grid,
.pricing-cards,
.faq-grid,
.solution-cards,
.why-cards {
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.problem-cards {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: var(--space-6) !important;
}
.problem-card {
	min-width: 0;
	height: 100%;
	padding: var(--space-7);
	border-left: 0 !important;
}
.pathway-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: var(--space-5) !important;
}
.pathway-card { min-width: 0; height: 100%; }
.journey-rail {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: var(--space-5) !important;
}
.journey-step { min-width: 0; }
.pipeline-lanes {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: var(--space-6) !important;
}
.pipeline-lane { min-width: 0; }
.product-shell { max-width: 100%; overflow: hidden; }

@media (max-width: 1100px) {
	.problem-cards,
	.pathway-grid,
	.journey-rail,
	.pipeline-lanes { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 900px) {
	.site-header__toggle { display: flex; }
	.site-header__nav {
		position: fixed;
		top: var(--header-height);
		left: 0;
		right: 0;
		width: 100%;
		background: var(--color-white);
		border-bottom: 1px solid var(--color-border);
		box-shadow: var(--shadow-lg);
		padding: var(--space-5) var(--container-padding);
		transform: translateY(-120%);
		transition: transform var(--transition-normal);
		z-index: 998;
	}
	.site-header__nav.is-open { transform: translateY(0); }
	.site-header__nav ul,
	.site-header__nav .nav-list { flex-direction: column; align-items: flex-start; gap: var(--space-4); }
	.site-header__actions { display: none; }
	.problem-cards,
	.pathway-grid,
	.journey-rail,
	.pipeline-lanes { grid-template-columns: 1fr !important; }
	.journey-rail::before { display: none; }
}
@media (max-width: 640px) {
	:root { --container-padding: var(--space-4); }
	.section,
	.problem-section,
	.inquiry-journey,
	.how-it-works,
	.pipelines-section { padding-top: var(--space-14); padding-bottom: var(--space-14); }
	.section-title { font-size: clamp(1.75rem, 8vw, 2.35rem); }
}

/* ========================================================================
   CareMano v1.4.0 — Distinctive Homepage Upgrade
   Product-led front-office map, before/after contrast, and role-based cards.
   ===================================================================== */

/* Slightly warmer global rhythm for the marketing homepage. */
.front-page .section:nth-of-type(even) { background: linear-gradient(180deg, #FDFAF4 0%, #FDFAF4 100%); }
.front-page .section-title { letter-spacing: -0.035em; }
.front-page .section-kicker { color: var(--color-teal-dark); }

/* Hero refinement: clearer category, more distinctive product visual. */
.hero.hero--front-office .hero__headline {
	font-size: clamp(3rem, 5.6vw, 5.8rem);
	line-height: 0.98;
	letter-spacing: -0.055em;
}
.hero.hero--front-office .hero__subheadline { font-size: clamp(1.05rem, 1.4vw, 1.22rem); }
.hero.hero--front-office .hero__proof-strip span {
	position: relative;
	padding-left: 1.75rem;
}
.hero.hero--front-office .hero__proof-strip span::before {
	content: '';
	position: absolute;
	left: .72rem;
	top: 50%;
	width: .42rem;
	height: .42rem;
	transform: translateY(-50%);
	border-radius: 50%;
	background: var(--color-teal-light);
	box-shadow: 0 0 0 4px rgba(111,140,114,.14);
}
.hero.hero--front-office .briefing-card--main {
	border: 1px solid rgba(255,255,255,.72);
	background:
		linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.94));
}
.hero.hero--front-office .briefing-note {
	background: linear-gradient(135deg, #FDFAF4, #FDFAF4);
}

/* Front-office map. */
.front-office-map {
	background:
		radial-gradient(circle at 10% 10%, rgba(111,140,114,.08), transparent 28%),
		linear-gradient(180deg, #FDFAF4 0%, #FAF5EE 100%);
}
.front-office-map__canvas {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, .95fr) minmax(280px, .8fr) minmax(0, .95fr);
	gap: var(--space-8);
	align-items: center;
	padding: clamp(1.25rem, 3vw, 2.5rem);
	border: 1px solid var(--color-border);
	border-radius: 32px;
	background: rgba(255,255,255,.9);
	box-shadow: 0 24px 80px rgba(36,59,83,.08);
	overflow: hidden;
}
.front-office-map__canvas::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(36,59,83,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(36,59,83,.035) 1px, transparent 1px);
	background-size: 42px 42px;
	mask-image: linear-gradient(180deg, rgba(0,0,0,.7), transparent 95%);
	pointer-events: none;
}
.front-office-map__inputs,
.front-office-map__outputs { position: relative; z-index: 2; display: grid; gap: var(--space-4); }
.map-node {
	position: relative;
	z-index: 2;
	border: 1px solid rgba(228,234,240,.95);
	border-radius: var(--radius-xl);
	background: #FDFAF4;
	box-shadow: var(--shadow-md);
}
.map-node--input { padding: var(--space-5) var(--space-5) var(--space-5) 3.25rem; }
.map-node--input strong { display: block; color: var(--color-navy); margin-bottom: .25rem; }
.map-node--input small { display: block; color: var(--color-text-muted); line-height: 1.45; }
.map-node__pulse {
	position: absolute;
	left: 1.15rem;
	top: 1.45rem;
	width: .75rem;
	height: .75rem;
	border-radius: 50%;
	background: var(--color-coral);
	box-shadow: 0 0 0 6px rgba(168,95,61,.13);
}
.front-office-map__center { position: relative; z-index: 2; display: grid; place-items: center; min-height: 340px; }
.front-office-map__line {
	position: absolute;
	top: 50%;
	height: 2px;
	width: 52%;
	background: linear-gradient(90deg, transparent, rgba(111,140,114,.75), transparent);
}
.front-office-map__line--left { right: 72%; }
.front-office-map__line--right { left: 72%; }
.map-core {
	position: relative;
	padding: clamp(1.5rem, 3vw, 2rem);
	border-radius: 28px;
	background:
		radial-gradient(circle at top right, rgba(111,140,114,.22), transparent 36%),
		linear-gradient(135deg, #1F2A24 0%, #2C4A3E 100%);
	color: #FDFAF4;
	box-shadow: 0 24px 60px rgba(16,32,51,.25);
	text-align: center;
}
.map-core::after {
	content: '';
	position: absolute;
	inset: -9px;
	border: 1px solid rgba(111,140,114,.25);
	border-radius: 34px;
	pointer-events: none;
}
.map-core__label {
	display: inline-flex;
	padding: .4rem .75rem;
	margin-bottom: var(--space-3);
	border-radius: var(--radius-full);
	background: rgba(255,255,255,.1);
	color: #E8DFD0;
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-bold);
	text-transform: uppercase;
	letter-spacing: .07em;
}
.map-core h3 { color: #FDFAF4; margin-bottom: var(--space-3); font-size: clamp(1.5rem, 2vw, 2rem); }
.map-core p { color: rgba(255,255,255,.78); }
.map-node--output {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	padding: var(--space-4);
	font-weight: var(--font-weight-semibold);
	color: var(--color-navy);
}
.map-node__check {
	display: inline-grid;
	place-items: center;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	background: var(--color-teal-bg);
	color: var(--color-teal-dark);
	font-weight: var(--font-weight-bold);
	flex: 0 0 auto;
}

/* Before/after section. */
.before-after { background: var(--color-ivory); }
.before-after__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 180px minmax(0, 1fr);
	gap: var(--space-6);
	align-items: stretch;
}
.before-after-card {
	padding: clamp(1.5rem, 3vw, 2.25rem);
	border: 1px solid var(--color-border);
	border-radius: 28px;
	background: #FDFAF4;
	box-shadow: var(--shadow-lg);
}
.before-after-card--before { border-top: 5px solid var(--color-coral); }
.before-after-card--after { border-top: 5px solid var(--color-teal); }
.before-after-card__label {
	display: inline-flex;
	padding: .4rem .7rem;
	margin-bottom: var(--space-4);
	border-radius: var(--radius-full);
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-bold);
	letter-spacing: .06em;
	text-transform: uppercase;
	background: var(--color-bg-light);
	color: var(--color-text-muted);
}
.before-after-card h3 { color: var(--color-navy); font-size: var(--font-size-xl); margin-bottom: var(--space-4); }
.before-after-card li {
	position: relative;
	padding-left: 1.7rem;
	margin-bottom: var(--space-3);
	color: var(--color-text-muted);
	line-height: var(--line-height-relaxed);
}
.before-after-card li::before {
	position: absolute;
	left: 0;
	top: .1rem;
	font-weight: var(--font-weight-bold);
}
.before-after-card--before li::before { content: '×'; color: var(--color-coral); }
.before-after-card--after li::before { content: '✓'; color: var(--color-teal); }
.before-after__bridge {
	display: grid;
	place-items: center;
	text-align: center;
	color: var(--color-navy);
	font-weight: var(--font-weight-bold);
}
.before-after__bridge span {
	display: grid;
	place-items: center;
	width: 150px;
	height: 150px;
	padding: var(--space-4);
	border-radius: 50%;
	background:
		radial-gradient(circle at 30% 20%, rgba(255,255,255,.35), transparent 32%),
		linear-gradient(135deg, var(--color-teal), var(--color-navy));
	color: #FDFAF4;
	box-shadow: 0 18px 50px rgba(111,140,114,.25);
}

/* Problem section: lighter, less repetitive, more premium. */
.problem-section { background: #FDFAF4; }
.problem-card {
	border-radius: 22px !important;
	background: linear-gradient(180deg, #FDFAF4 0%, #FDFAF4 100%);
	box-shadow: 0 16px 45px rgba(36,59,83,.055);
}
.problem-card__icon { border-radius: 18px !important; }

/* Pathway: more ownable route feeling. */
.pathway-grid { position: relative; }
.pathway-grid::before {
	content: '';
	position: absolute;
	left: 4%;
	right: 4%;
	top: 2.3rem;
	height: 2px;
	background: linear-gradient(90deg, transparent, rgba(111,140,114,.5), transparent);
	z-index: 0;
}
.pathway-card { z-index: 1; box-shadow: var(--shadow-md); }
.pathway-card__index { box-shadow: 0 0 0 6px #FDFAF4; }

/* Three pipelines: make it the signature visual. */
.pipelines-section {
	background:
		radial-gradient(circle at 90% 0%, rgba(111,140,114,.11), transparent 30%),
		linear-gradient(180deg, #FAF5EE, #FDFAF4);
}
.pipeline-lane { position: relative; overflow: hidden; }
.pipeline-lane::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	background: linear-gradient(180deg, var(--color-teal), var(--color-coral));
}
.pipeline-ticket { border: 1px solid transparent; transition: transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast); }
.pipeline-ticket:hover { transform: translateX(4px); border-color: var(--color-border); background: #FDFAF4; }

/* Dashboard preview upgrades. */
.dashboard-preview { background: var(--color-paper); }
.dashboard-preview .section-kicker { color: var(--color-teal-dark); }
.dashboard-preview .section-title { color: var(--color-text-dark); }
.dashboard-preview .section-title .accent-italic { color: var(--color-text-dark); }
.dashboard-preview .section-subtitle { color: var(--color-text-muted); }
.product-shell { border-color: var(--color-border); box-shadow: var(--shadow-lg); }
.metric-grid div { background: var(--color-white); }

/* Role-based use cases. */
.role-use-cases { background: linear-gradient(180deg, #FDFAF4 0%, var(--color-ivory) 100%); }
.role-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-5);
}
.role-card {
	position: relative;
	padding: var(--space-6);
	border: 1px solid var(--color-border);
	border-radius: 24px;
	background: rgba(255,255,255,.92);
	box-shadow: var(--shadow-md);
	overflow: hidden;
}
.role-card::before {
	content: '';
	position: absolute;
	inset: 0 0 auto 0;
	height: 4px;
	background: linear-gradient(90deg, var(--color-teal), var(--color-coral));
}
.role-card h3 { color: var(--color-navy); margin-bottom: var(--space-3); }
.role-card p { color: var(--color-text-muted); line-height: var(--line-height-relaxed); margin-bottom: var(--space-4); }
.role-card ul { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.role-card li {
	padding: .35rem .6rem;
	border-radius: var(--radius-full);
	background: var(--color-bg-light);
	color: var(--color-navy);
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-semibold);
}

/* Early access: more premium and actionable. */
.early-access__inner {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 94% 12%, rgba(111,140,114,.28), transparent 28%),
		linear-gradient(135deg, #FDFAF4, #EDF1EC) !important;
}
.early-access__inner::after {
	content: 'Founding agencies';
	position: absolute;
	right: -2rem;
	bottom: 1rem;
	font-size: clamp(3rem, 7vw, 6rem);
	font-weight: var(--font-weight-extrabold);
	color: rgba(36,59,83,.045);
	letter-spacing: -0.06em;
	pointer-events: none;
}
.early-access__content,
.early-access__panel { position: relative; z-index: 1; }

/* Pricing: clarify early access. */
.pricing-card { border-radius: 26px; }
.pricing-card--featured { transform: translateY(-6px); }

/* More robust responsive behavior for the new sections. */
@media (max-width: 1100px) {
	.front-office-map__canvas { grid-template-columns: 1fr; }
	.front-office-map__center { min-height: auto; }
	.front-office-map__line { display: none; }
	.before-after__grid { grid-template-columns: 1fr; }
	.before-after__bridge span { width: auto; height: auto; min-height: 64px; border-radius: var(--radius-full); padding: var(--space-4) var(--space-6); }
	.role-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pathway-grid::before { display: none; }
}
@media (max-width: 700px) {
	.hero.hero--front-office .hero__headline { font-size: clamp(2.5rem, 13vw, 3.4rem); }
	.front-office-map__canvas { padding: var(--space-4); border-radius: 24px; }
	.map-core { border-radius: 22px; }
	.role-grid { grid-template-columns: 1fr; }
	.before-after-card { border-radius: 22px; }
}


/* ========================================================================
   CareMano v1.5.0 — Heritage Care Polish
   Preserves the established product structure while shifting the visual
   language toward trusted home-care operations and away from AI-startup cues.
   ===================================================================== */

:root {
	--section-pad-lg: clamp(4.5rem, 6vw, 6.5rem);
	--section-pad-md: clamp(3.5rem, 5vw, 5rem);
}

/* More human and less “AI dashboard” in the overall visual system. */
body {
	background: #FDFAF4;
}

.site-header {
	background: rgba(252, 251, 247, 0.97);
}

.btn--primary {
	background: var(--color-teal-dark);
	border-color: var(--color-teal-dark);
}
.btn--primary:hover,
.btn--primary:focus {
	background: #2C4A3E;
	border-color: #2C4A3E;
}

.btn--outline,
.btn--secondary {
	border-color: rgba(36,59,83,.22);
}

/* Consistent section rhythm. */
.section,
.problem-section,
.inquiry-journey,
.how-it-works,
.pipelines-section,
.features-section,
.dashboard-preview,
.not-emr,
.early-access,
.pricing-preview,
.faq-section,
.footer-cta {
	padding-top: var(--section-pad-lg);
	padding-bottom: var(--section-pad-lg);
}

.section-kicker {
	color: var(--color-teal-dark);
	letter-spacing: .12em;
}

/* Prevent global alternating section background from breaking special sections. */
.front-page .not-emr.section,
.not-emr.section {
	background:
		radial-gradient(circle at 12% 18%, rgba(111,140,114,.18), transparent 30%),
		linear-gradient(135deg, #123A5A 0%, #2C4A3E 68%, #3A5C4E 100%) !important;
	color: #FDFAF4;
}
.front-page .not-emr .section-title,
.not-emr .section-title,
.front-page .not-emr .section-kicker,
.not-emr .section-kicker {
	color: #FDFAF4 !important;
}
.front-page .not-emr .section-kicker,
.not-emr .section-kicker {
	color: #E8DFD0 !important;
}
.not-emr__inner {
	min-height: 0;
	align-items: center;
}
.not-emr__content {
	max-width: 560px;
}
.not-emr__content .section-title {
	margin-left: 0;
	margin-right: 0;
	font-size: clamp(2rem, 4vw, 3.35rem);
}
.not-emr__content p {
	color: rgba(255,255,255,.82) !important;
}
.not-emr-card {
	background: rgba(255,255,255,.10);
	border-color: rgba(255,255,255,.20);
	box-shadow: 0 18px 44px rgba(0,0,0,.12);
}
.not-emr-card strong { color: #FDFAF4; }
.not-emr-card span { color: rgba(255,255,255,.76) !important; }

/* Warm up the hero and make the brand feel care-operations, not AI-cyber. */
.hero.hero--front-office,
.hero {
	background:
		radial-gradient(circle at 82% 10%, rgba(111,140,114,.20), transparent 34%),
		radial-gradient(circle at 8% 90%, rgba(168,95,61,.14), transparent 32%),
		linear-gradient(135deg, #1F2A24 0%, #2C4A3E 58%, #3A5C4E 100%) !important;
}
.hero.hero--front-office::after {
	content: '';
	position: absolute;
	inset: auto 0 0 0;
	height: 120px;
	background: linear-gradient(180deg, transparent, rgba(251,247,240,.08));
	pointer-events: none;
}
.hero.hero--front-office .hero__proof-strip,
.hero__trust-line {
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.15);
	border-radius: 999px;
	padding: .75rem 1rem;
	display: inline-flex;
	flex-wrap: wrap;
	gap: .75rem 1rem;
	color: rgba(255,255,255,.84) !important;
}

/* Softer, distinctive product map. */
.front-office-map {
	background:
		radial-gradient(circle at 8% 12%, rgba(111,140,114,.10), transparent 30%),
		linear-gradient(180deg, #FDFAF4 0%, #FAF5EE 100%);
}
.front-office-map__canvas {
	background: rgba(255,255,255,.86);
	border-color: rgba(226,221,210,.9);
}
.map-core {
	background:
		radial-gradient(circle at top right, rgba(111,140,114,.24), transparent 38%),
		linear-gradient(135deg, #1F2A24 0%, #2C4A3E 100%);
}
.map-node__pulse {
	background: var(--color-coral);
	box-shadow: 0 0 0 6px rgba(168,95,61,.14);
}
.map-node__check {
	background: var(--color-teal-bg);
	color: var(--color-teal-dark);
}

/* Make problem cards more compact and attractive on wide screens. */
.problem-section {
	background: #FDFAF4 !important;
}
.problem-cards {
	align-items: stretch;
}
.problem-card {
	padding: clamp(1.35rem, 2.3vw, 2rem) !important;
	border-color: rgba(226,221,210,.95) !important;
	box-shadow: 0 12px 34px rgba(36,59,83,.055) !important;
}
.problem-card__icon {
	background: #FAEDE0 !important;
	color: var(--color-coral-dark) !important;
}

/* Distinctive but calmer pathway. */
.pathway-grid::before {
	background: linear-gradient(90deg, transparent, rgba(111,140,114,.42), transparent) !important;
}
.pathway-card {
	border: 1px solid rgba(226,221,210,.92);
	background: linear-gradient(180deg, #FDFAF4 0%, #FDFAF4 100%);
}
.pathway-card__index {
	background: var(--color-teal-dark) !important;
	color: #FDFAF4 !important;
}

/* Reduce excessive spacing where cards follow centered headers. */
.section-header {
	margin-bottom: clamp(2rem, 4vw, 3.5rem) !important;
}
.not-emr .section-header,
.dashboard-preview .section-header {
	margin-bottom: clamp(1.5rem, 3vw, 2.5rem) !important;
}

/* Make “Three pipelines” read more like a warm operational ledger. */
.pipelines-section {
	background:
		radial-gradient(circle at 90% 0%, rgba(111,140,114,.12), transparent 30%),
		linear-gradient(180deg, #FAF5EE, #FDFAF4) !important;
}
.pipeline-lane::before {
	background: linear-gradient(180deg, var(--color-teal-dark), var(--color-coral-dark)) !important;
}
.pipeline-ticket {
	background: rgba(255,255,255,.72);
}

/* Dashboard preview should feel like operations software, not blue/purple AI software. */
.dashboard-preview {
	background:
		radial-gradient(circle at 100% 0%, rgba(168,95,61,.14), transparent 28%),
		linear-gradient(135deg, #1F2A24 0%, #2C4A3E 100%) !important;
}
.product-shell__sidebar {
	background: #1F2A24;
}
.metric-grid div,
.intake-summary-panel {
	background: #FDFAF4;
}

/* Pricing and early access warmth. */
.early-access__inner {
	background:
		radial-gradient(circle at 94% 12%, rgba(111,140,114,.22), transparent 28%),
		linear-gradient(135deg, #FDFAF4, #EDF1EC) !important;
}
.pricing-card--featured {
	border-color: rgba(111,140,114,.35);
}

/* Mobile spacing cleanup. */
@media (max-width: 900px) {
	.section,
	.problem-section,
	.inquiry-journey,
	.how-it-works,
	.pipelines-section,
	.features-section,
	.dashboard-preview,
	.not-emr,
	.early-access,
	.pricing-preview,
	.faq-section,
	.footer-cta {
		padding-top: var(--section-pad-md);
		padding-bottom: var(--section-pad-md);
	}
	.not-emr__content { max-width: none; }
}
@media (max-width: 640px) {
	.section,
	.problem-section,
	.inquiry-journey,
	.how-it-works,
	.pipelines-section,
	.features-section,
	.dashboard-preview,
	.not-emr,
	.early-access,
	.pricing-preview,
	.faq-section,
	.footer-cta {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.not-emr__content .section-title { font-size: clamp(1.8rem, 9vw, 2.35rem); }
}

/* ==========================================================================
   CareMano v1.5.0 — Guided Homepage Redesign
   Distinct homepage structure: page guide, issue chooser, operating desk.
   ========================================================================== */

.front-page--v150 {
	background:
		radial-gradient(circle at 8% 8%, rgba(31, 174, 155, 0.08), transparent 24rem),
		linear-gradient(180deg, var(--color-bg-light) 0%, #ffffff 36%, var(--color-bg-light) 100%);
}

.front-page--v150 .section {
	padding-top: clamp(4rem, 7vw, 6.5rem);
	padding-bottom: clamp(4rem, 7vw, 6.5rem);
}

.hero--guided {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 84% 20%, rgba(31, 174, 155, 0.22), transparent 18rem),
		radial-gradient(circle at 12% 80%, rgba(110, 86, 207, 0.20), transparent 18rem),
		linear-gradient(135deg, var(--color-navy-dark) 0%, var(--color-navy) 58%, var(--color-navy-light) 100%) !important;
}

.hero--guided::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
	background-size: 44px 44px;
	mask-image: linear-gradient(180deg, rgba(0,0,0,.85), transparent 78%);
	pointer-events: none;
}

.hero__inner--guided {
	position: relative;
	z-index: 1;
	align-items: center;
	gap: clamp(2.5rem, 6vw, 5.5rem);
}

.hero--guided .hero__headline {
	max-width: 760px;
	letter-spacing: -0.055em;
}

.hero--guided .hero__subheadline {
	max-width: 720px;
	font-size: clamp(1.05rem, 1.4vw, 1.28rem);
	color: rgba(255,255,255,.86) !important;
}

.hero__proof-strip--compact {
	align-items: center;
	gap: .65rem;
}

.hero__proof-strip--compact span {
	background: rgba(255,255,255,.09) !important;
	border: 1px solid rgba(255,255,255,.16) !important;
	color: rgba(255,255,255,.92) !important;
}

.care-desk {
	position: relative;
	width: min(100%, 560px);
}

.care-desk__shell {
	background: rgba(255,255,255,.96);
	border: 1px solid rgba(255,255,255,.38);
	border-radius: 30px;
	box-shadow: 0 28px 80px rgba(3, 18, 32, .36);
	overflow: hidden;
	transform: rotate(1deg);
}

.care-desk__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	padding: 1rem 1.2rem;
	background: linear-gradient(90deg, #ffffff, var(--color-bg-light));
	border-bottom: 1px solid var(--color-border);
	color: var(--color-text-muted);
	font-size: .86rem;
}

.care-desk__bar strong {
	color: var(--color-navy);
	font-weight: 800;
}

.care-desk__tabs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: .55rem;
	padding: 1rem 1.1rem .25rem;
}

.care-desk__tabs span {
	text-align: center;
	font-size: .78rem;
	font-weight: 800;
	padding: .55rem .6rem;
	border-radius: 999px;
	color: var(--color-text-muted);
	background: var(--color-bg-light);
}

.care-desk__tabs .is-active {
	background: var(--color-teal-bg);
	color: var(--color-teal-dark);
}

.care-desk__grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	gap: .9rem;
	padding: 1.1rem;
}

.care-desk__lead-card,
.care-desk__mini-card {
	border: 1px solid var(--color-border);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 14px 30px rgba(15, 47, 74, .08);
}

.care-desk__lead-card {
	grid-row: span 3;
	padding: 1.25rem;
}

.care-desk__lead-card h3 {
	font-size: 1.1rem;
	margin: .9rem 0 .55rem;
	color: var(--color-navy);
}

.care-desk__lead-card p {
	font-size: .92rem;
	line-height: 1.6;
	color: var(--color-text-muted);
}

.care-desk__meta {
	display: flex;
	flex-wrap: wrap;
	gap: .45rem;
	margin-top: 1rem;
}

.care-desk__meta span {
	font-size: .75rem;
	font-weight: 800;
	padding: .35rem .55rem;
	border-radius: 999px;
	background: var(--color-bg-light);
	color: var(--color-navy);
}

.care-desk__mini-card {
	padding: .95rem;
}

.care-desk__mini-card span {
	display: block;
	font-size: .72rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--color-text-muted);
	margin-bottom: .35rem;
}

.care-desk__mini-card strong {
	display: block;
	font-size: .9rem;
	line-height: 1.35;
	color: var(--color-navy);
}

.care-desk__mini-card--accent {
	background: linear-gradient(135deg, var(--color-navy), var(--color-navy-light));
	border-color: rgba(255,255,255,.24);
}

.care-desk__mini-card--accent span,
.care-desk__mini-card--accent strong {
	color: #fff;
}

.homepage-index {
	position: sticky;
	top: 0;
	z-index: 20;
	background: rgba(255,255,255,.92);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid var(--color-border);
	box-shadow: 0 10px 24px rgba(15,47,74,.05);
}

.homepage-index__inner {
	display: flex;
	align-items: stretch;
	gap: 1rem;
	padding-top: .85rem;
	padding-bottom: .85rem;
}

.homepage-index__label {
	display: flex;
	align-items: center;
	font-size: .76rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--color-teal-dark);
	white-space: nowrap;
}

.homepage-index__links {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .65rem;
	width: 100%;
}

.homepage-index__item {
	display: block;
	padding: .7rem .85rem;
	border: 1px solid var(--color-border);
	border-radius: 16px;
	background: #fff;
	text-decoration: none;
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.homepage-index__item:hover,
.homepage-index__item:focus-visible {
	transform: translateY(-2px);
	border-color: var(--color-teal);
	box-shadow: 0 12px 24px rgba(15,47,74,.08);
}

.homepage-index__item strong {
	display: block;
	font-size: .86rem;
	color: var(--color-navy);
}

.homepage-index__item small {
	display: block;
	margin-top: .15rem;
	font-size: .74rem;
	line-height: 1.35;
	color: var(--color-text-muted);
}

.section-header--split {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
	gap: clamp(1.5rem, 4vw, 4rem);
	align-items: end;
	text-align: left;
}

.section-header--split .section-title,
.section-header--split .section-subtitle {
	margin-left: 0;
	margin-right: 0;
}

.path-chooser {
	background: linear-gradient(180deg, #ffffff 0%, var(--color-bg-light) 100%);
}

.path-chooser__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin-top: clamp(2rem, 4vw, 3rem);
}

.path-card {
	position: relative;
	min-height: 270px;
	padding: clamp(1.35rem, 3vw, 1.75rem);
	border-radius: 28px;
	background: #fff;
	border: 1px solid var(--color-border);
	box-shadow: 0 18px 50px rgba(15,47,74,.08);
	overflow: hidden;
}

.path-card::after {
	content: "";
	position: absolute;
	right: -3rem;
	bottom: -3rem;
	width: 9rem;
	height: 9rem;
	border-radius: 999px;
	background: var(--color-teal-bg);
	opacity: .9;
}

.path-card--2::after { background: var(--color-coral-bg); }
.path-card--3::after { background: var(--color-bg-light); }

.path-card__number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 50%;
	background: var(--color-navy);
	color: #fff;
	font-size: .78rem;
	font-weight: 900;
	margin-bottom: 1.25rem;
}

.path-card__kicker {
	font-size: .74rem;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--color-teal-dark);
	margin-bottom: .7rem;
}

.path-card h3 {
	position: relative;
	z-index: 1;
	font-size: clamp(1.2rem, 1.8vw, 1.55rem);
	line-height: 1.18;
	color: var(--color-navy);
	margin-bottom: .85rem;
}

.path-card p:not(.path-card__kicker) {
	position: relative;
	z-index: 1;
	color: var(--color-text-muted);
	line-height: 1.65;
}

.operating-desk {
	background: var(--color-white);
}

.operating-desk__board {
	display: grid;
	grid-template-columns: 1fr minmax(280px, .95fr) 1fr;
	gap: 1rem;
	align-items: center;
	margin-top: clamp(2rem, 4vw, 3.2rem);
	padding: clamp(1rem, 2vw, 1.4rem);
	border-radius: 34px;
	background:
		radial-gradient(circle at 50% 50%, rgba(31,174,155,.13), transparent 20rem),
		linear-gradient(180deg, var(--color-bg-light), #fff);
	border: 1px solid var(--color-border);
	box-shadow: 0 24px 70px rgba(15,47,74,.08);
}

.operating-desk__column {
	display: grid;
	gap: .75rem;
}

.operating-desk__column-label {
	font-size: .76rem;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--color-text-muted);
	padding: 0 .2rem;
}

.desk-ticket {
	border-radius: 18px;
	border: 1px solid var(--color-border);
	background: #fff;
	box-shadow: 0 12px 30px rgba(15,47,74,.06);
}

.desk-ticket--incoming {
	padding: .95rem 1rem;
}

.desk-ticket--incoming strong {
	display: block;
	color: var(--color-navy);
	font-size: .95rem;
}

.desk-ticket--incoming small {
	display: block;
	margin-top: .25rem;
	color: var(--color-text-muted);
	line-height: 1.4;
}

.operating-desk__core-card {
	padding: clamp(1.35rem, 3vw, 2rem);
	border-radius: 28px;
	background: linear-gradient(135deg, var(--color-navy-dark), var(--color-navy));
	color: #fff;
	box-shadow: 0 24px 60px rgba(9,34,56,.28);
}

.operating-desk__core-card span {
	display: inline-flex;
	font-size: .75rem;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--color-teal-light);
	margin-bottom: 1rem;
}

.operating-desk__core-card h3 {
	color: #fff;
	font-size: clamp(1.35rem, 2vw, 1.85rem);
	line-height: 1.2;
	margin-bottom: .85rem;
}

.operating-desk__core-card p {
	color: rgba(255,255,255,.82);
	line-height: 1.65;
}

.desk-ticket--output {
	display: flex;
	align-items: center;
	gap: .65rem;
	padding: .9rem 1rem;
	font-weight: 800;
	color: var(--color-navy);
}

.desk-ticket--output span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	background: var(--color-teal-bg);
	color: var(--color-teal-dark);
	font-weight: 900;
	flex: 0 0 auto;
}

.front-page--v150 .problem-section,
.front-page--v150 .before-after,
.front-page--v150 .features-grid,
.front-page--v150 .role-use-cases {
	display: none;
}

.front-page--v150 .pipelines-section {
	background: linear-gradient(180deg, var(--color-bg-light), #ffffff);
}

.front-page--v150 .dashboard-preview {
	background:
		radial-gradient(circle at 14% 18%, rgba(31,174,155,.14), transparent 24rem),
		linear-gradient(135deg, var(--color-navy-dark), var(--color-navy)) !important;
}

.front-page--v150 .pricing-preview {
	background: linear-gradient(180deg, #ffffff, var(--color-bg-light));
}

@media (max-width: 1024px) {
	.homepage-index {
		position: relative;
	}

	.homepage-index__inner,
	.section-header--split {
		grid-template-columns: 1fr;
		display: grid;
	}

	.homepage-index__links,
	.path-chooser__grid,
	.operating-desk__board {
		grid-template-columns: 1fr;
	}

	.care-desk__shell {
		transform: none;
	}
}

@media (max-width: 700px) {
	.front-page--v150 .section {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.care-desk__grid {
		grid-template-columns: 1fr;
	}

	.care-desk__lead-card {
		grid-row: auto;
	}

	.homepage-index__links {
		grid-template-columns: 1fr;
	}

	.homepage-index__item small {
		display: none;
	}

	.path-card {
		min-height: auto;
	}
}

/* ==========================================================================
   CareMano v2.0 Product Credibility Upgrade
   ========================================================================== */
:root {
	--motion-fast: 160ms;
	--motion-medium: 260ms;
	--focus-ring: 0 0 0 3px rgba(31,174,155,.28);
}

.btn:focus-visible,
button:focus-visible,
a:focus-visible,
.faq-item__question:focus-visible,
.care-desk__tab:focus-visible,
.product-tabs__nav button:focus-visible {
	outline: 2px solid var(--color-teal);
	outline-offset: 2px;
	box-shadow: var(--focus-ring);
}

.reveal-on-scroll,
.reveal-card {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity var(--motion-medium) ease, transform var(--motion-medium) ease;
}
.reveal-on-scroll.is-visible,
.reveal-card.is-visible { opacity: 1; transform: translateY(0); }
.reveal-card:nth-child(2) { transition-delay: 60ms; }
.reveal-card:nth-child(3) { transition-delay: 120ms; }
.reveal-card:nth-child(4) { transition-delay: 180ms; }

.care-desk__shell { position: relative; overflow: hidden; }
.care-desk__grid-bg { position: absolute; inset: 0; width: 100%; height: 100%; color: var(--color-white); opacity: .14; pointer-events: none; }
.care-desk__bar,
.care-desk__tabs,
.care-desk__panels { position: relative; z-index: 1; }
.care-desk__live { display: inline-flex; align-items: center; gap: .45rem; }
.care-desk__live i { width: .55rem; height: .55rem; border-radius: 999px; background: var(--color-teal); box-shadow: 0 0 0 rgba(31,174,155,.45); animation: cmPulse 1.8s infinite; }
.care-desk__bar small { color: rgba(255,255,255,.72); margin-left: auto; font-size: .78rem; }
.care-desk__tab { appearance: none; border: 0; border-radius: 999px; padding: .45rem .8rem; background: rgba(255,255,255,.08); color: rgba(255,255,255,.78); font-weight: 700; cursor: pointer; transition: background var(--motion-fast), color var(--motion-fast), transform var(--motion-fast); }
.care-desk__tab.is-active { background: var(--color-white); color: var(--color-navy); }
.care-desk__tab:hover { transform: translateY(-1px); }
.care-desk__panel { animation: cmPanelIn var(--motion-medium) ease; }
.care-desk__lead-top { display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; }
.countdown-pill { border-radius: 999px; background: rgba(110,86,207,.14); color: var(--color-coral); padding: .32rem .65rem; font-size: .78rem; font-weight: 800; }

@keyframes cmPulse { 0% { box-shadow: 0 0 0 0 rgba(31,174,155,.45); } 70% { box-shadow: 0 0 0 10px rgba(31,174,155,0); } 100% { box-shadow: 0 0 0 0 rgba(31,174,155,0); } }
@keyframes cmPanelIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

.proof-band { background: linear-gradient(180deg, var(--color-white), var(--color-bg-light)); }
.proof-band__header { max-width: 760px; margin: 0 auto var(--space-10); text-align: center; }
.proof-logos { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--space-4); margin-bottom: var(--space-8); }
.proof-logo { min-height: 88px; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: rgba(255,255,255,.72); display: grid; place-items: center; text-align: center; padding: var(--space-4); color: var(--color-text-muted); filter: grayscale(1); }
.proof-logo svg { width: 92px; height: 28px; margin-bottom: .35rem; }
.proof-logo span { font-size: .8rem; font-weight: 800; letter-spacing: -.01em; }
.proof-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin: var(--space-8) 0; }
.proof-stat { background: var(--color-navy); color: var(--color-white); border-radius: var(--radius-2xl); padding: var(--space-6); text-align: center; box-shadow: var(--shadow-lg); }
.proof-stat strong { display: block; font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1; }
.proof-stat span { color: rgba(255,255,255,.78); font-weight: 700; }
.proof-quote { display: grid; grid-template-columns: auto 1fr; gap: var(--space-5); align-items: center; max-width: 900px; margin: var(--space-8) auto 0; background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); padding: var(--space-6); box-shadow: var(--shadow-md); }
.proof-quote__avatar { width: 64px; height: 64px; color: var(--color-teal); }
.proof-quote blockquote { margin: 0 0 .8rem; color: var(--color-text-dark); font-size: 1.05rem; line-height: 1.65; }
.proof-quote figcaption { color: var(--color-text-muted); }
.proof-quote figcaption span { display: inline-block; margin-left: .5rem; border-radius: 999px; background: var(--color-teal-bg); color: var(--color-navy); padding: .18rem .55rem; font-size: .75rem; font-weight: 800; }

.agency-math { background: var(--color-white); }
.agency-math__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
.agency-math__card { position: relative; background: linear-gradient(180deg, var(--color-white), var(--color-bg-light)); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); padding: var(--space-7, 1.75rem); box-shadow: var(--shadow-md); overflow: hidden; }
.agency-math__card::after { content: ''; position: absolute; inset: auto -24px -34px auto; width: 120px; height: 120px; background: var(--color-teal); opacity: .08; border-radius: 50%; }
.agency-math__icon { width: 56px; height: 56px; color: var(--color-teal); margin-bottom: var(--space-4); }
.agency-math__number { display: block; color: var(--color-navy); font-size: clamp(2.4rem, 5vw, 4rem); line-height: .95; letter-spacing: -.06em; margin-bottom: var(--space-3); }
.agency-math__card h3 { color: var(--color-text-dark); font-size: 1.15rem; margin: 0 0 var(--space-3); }
.agency-math__card p { color: var(--color-text-muted); margin-bottom: var(--space-4); }
.agency-math__card small { display: block; color: var(--color-text-muted); font-size: .78rem; line-height: 1.55; border-top: 1px solid var(--color-border); padding-top: var(--space-3); }

.product-tabs { background: var(--color-navy); border-radius: var(--radius-2xl); padding: var(--space-5); box-shadow: var(--shadow-xl); color: var(--color-white); }
.product-tabs__nav { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-4); }
.product-tabs__nav button { border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.08); color: rgba(255,255,255,.82); border-radius: 999px; padding: .65rem 1rem; font-weight: 800; cursor: pointer; }
.product-tabs__nav button.is-active { background: var(--color-white); color: var(--color-navy); }
.product-tabs__shell { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: var(--space-4); }
.product-tabs__main { min-width: 0; }
.product-panel { animation: cmPanelIn var(--motion-medium) ease; }
.real-list { display: grid; gap: var(--space-3); }
.real-row { display: grid; grid-template-columns: minmax(180px, .9fr) minmax(240px, 1.2fr) auto auto; gap: var(--space-4); align-items: center; background: rgba(255,255,255,.96); color: var(--color-text-dark); border-radius: var(--radius-lg); padding: var(--space-4); border: 1px solid rgba(255,255,255,.4); }
.real-row strong { color: var(--color-navy); display: block; }
.real-row span { color: var(--color-text-muted); font-size: .86rem; }
.real-row p { margin: 0; color: var(--color-text-muted); font-size: .92rem; }
.real-row mark,
.real-row em { border-radius: 999px; padding: .36rem .65rem; font-style: normal; font-size: .78rem; font-weight: 800; white-space: nowrap; }
.real-row mark { background: var(--color-teal-bg); color: var(--color-navy); }
.real-row em { background: var(--color-coral-bg); color: var(--color-coral); }
.urgency--hot { background: #fde7e7 !important; color: #9f2d2d !important; }
.urgency--warm { background: #fff1d8 !important; color: #8a5a00 !important; }
.urgency--cool { background: var(--color-teal-bg) !important; color: var(--color-navy) !important; }
.followup-day { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.followup-day > div { background: rgba(255,255,255,.96); color: var(--color-text-dark); border-radius: var(--radius-xl); padding: var(--space-5); }
.followup-day h3 { color: var(--color-navy); margin-top: 0; }
.followup-day p { color: var(--color-text-muted); }

.voice-section { background: linear-gradient(180deg, var(--color-bg-light), var(--color-white)); }
.voice-section__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: var(--space-10); align-items: center; }
.voice-card { background: var(--color-navy); color: var(--color-white); border-radius: var(--radius-2xl); padding: var(--space-6); box-shadow: var(--shadow-xl); }
.voice-wave { color: var(--color-teal); background: rgba(255,255,255,.06); border-radius: var(--radius-xl); margin-bottom: var(--space-5); padding: var(--space-4); }
.voice-wave svg { width: 100%; height: auto; display: block; }
.transcript-card { background: var(--color-white); color: var(--color-text-dark); border-radius: var(--radius-xl); padding: var(--space-5); }
.transcript-card h3 { margin-top: 0; color: var(--color-navy); }
.transcript-card ul { margin: 0; padding-left: 1.2rem; color: var(--color-text-muted); }
.transcript-card li + li { margin-top: .55rem; }
.sample-call-modal { position: fixed; inset: 0; background: rgba(15,47,74,.68); z-index: 9999; display: grid; place-items: center; padding: var(--space-5); }
.sample-call-modal[hidden] { display: none; }
.sample-call-modal__panel { position: relative; max-width: 460px; background: var(--color-white); color: var(--color-text-dark); border-radius: var(--radius-2xl); padding: var(--space-8); box-shadow: var(--shadow-xl); }
.sample-call-modal__close { position: absolute; top: var(--space-3); right: var(--space-3); border: 0; border-radius: 999px; width: 36px; height: 36px; background: var(--color-bg-light); color: var(--color-navy); font-size: 1.35rem; cursor: pointer; }

.trust-footer-band { background: var(--color-white); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.trust-footer-band__inner { display: flex; flex-wrap: wrap; gap: var(--space-4); justify-content: center; padding-top: var(--space-4); padding-bottom: var(--space-4); }
.trust-footer-band span { display: inline-flex; align-items: center; gap: .45rem; color: var(--color-text-muted); font-weight: 800; font-size: .9rem; }
.trust-footer-band svg { width: 18px; height: 18px; color: var(--color-teal); }

@media (max-width: 980px) {
	.proof-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.proof-stats,
	.agency-math__grid,
	.voice-section__grid,
	.followup-day { grid-template-columns: 1fr; }
	.product-tabs__shell { grid-template-columns: 1fr; }
	.product-shell__sidebar { display: none; }
	.real-row { grid-template-columns: 1fr; align-items: start; }
}
@media (max-width: 640px) {
	.proof-logos { grid-template-columns: 1fr 1fr; }
	.proof-quote { grid-template-columns: 1fr; }
	.product-tabs { padding: var(--space-3); border-radius: var(--radius-xl); }
	.product-tabs__nav { overflow-x: auto; flex-wrap: nowrap; padding-bottom: .25rem; }
	.product-tabs__nav button { white-space: nowrap; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; }
	.reveal-on-scroll, .reveal-card { opacity: 1 !important; transform: none !important; }
	.care-desk__live i { animation: none !important; }
}

/* ==========================================================================
   CareMano v3.1.0 — Conversion, interaction, and navigation refinements
   ========================================================================== */
:root { --focus-ring: 0 0 0 3px rgba(31,174,155,.28); }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible { outline: 2px solid var(--color-teal); outline-offset: 3px; box-shadow: var(--focus-ring); }
.site-header { transition: box-shadow .2s ease, background .2s ease, backdrop-filter .2s ease; }
.site-header.is-sticky { position: sticky; top: 0; z-index: 999; background: rgba(255,255,255,.86); backdrop-filter: blur(8px); box-shadow: 0 8px 30px rgba(15,47,74,.09); }
.scroll-progress { position:absolute; left:0; right:0; top:0; height:2px; background:rgba(15,47,74,.06); overflow:hidden; }
.scroll-progress span { display:block; width:0; height:100%; background:var(--color-teal); transition:width .08s linear; }
.homepage-index--scrollspy { position: fixed; right: 12px; top: 42%; z-index: 20; display:flex; flex-direction:column; gap:8px; background:rgba(255,255,255,.82); padding:10px 8px; border:1px solid var(--color-border); border-radius:999px; box-shadow:var(--shadow-md); backdrop-filter: blur(8px); }
.homepage-index--scrollspy a { display:flex; align-items:center; gap:7px; font-size:11px; font-weight:700; color:var(--color-text-muted); text-decoration:none; writing-mode:vertical-rl; }
.homepage-index--scrollspy a span { width:8px; height:8px; border-radius:50%; background:var(--color-border); display:inline-block; }
.homepage-index--scrollspy a.is-active { color:var(--color-navy); }
.homepage-index--scrollspy a.is-active span { background:var(--color-teal); }
@media (max-width: 1024px){ .homepage-index--scrollspy { display:none; } }
.credibility-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-5); margin-top:var(--space-8); }
.credibility-card { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-xl); padding:var(--space-6); box-shadow:var(--shadow-sm); }
.credibility-card__check { width:30px; height:30px; display:grid; place-items:center; border-radius:999px; background:var(--color-teal-bg); color:var(--color-teal); font-weight:800; margin-bottom:var(--space-3); }
.operator-voices { margin-top:var(--space-8); background:linear-gradient(135deg, var(--color-bg-light), var(--color-white)); border:1px solid var(--color-border); border-radius:var(--radius-2xl); padding:var(--space-8); }
.operator-voices__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-4); }
.operator-voices blockquote { margin:0; background:var(--color-white); border-left:4px solid var(--color-teal); border-radius:var(--radius-lg); padding:var(--space-5); font-weight:700; color:var(--color-navy); }
.operator-voices__disclosure { font-size:var(--font-size-sm); color:var(--color-text-muted); margin-bottom:0; }
.inquiry-sandbox { background: var(--color-paper); color: var(--color-text-dark); }
.inquiry-sandbox .section-kicker { color: var(--color-teal-dark); }
.inquiry-sandbox .section-title { color: var(--color-text-dark); }
.inquiry-sandbox .section-title .accent-italic { color: var(--color-text-dark); }
.inquiry-sandbox .section-subtitle { color: var(--color-text-muted); }
.sandbox-panel { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-6); align-items:stretch; }
.sandbox-panel__input, .sandbox-panel__output { background:var(--color-white); color:var(--color-text-dark); border-radius:var(--radius-2xl); padding:var(--space-6); box-shadow:0 24px 50px rgba(0,0,0,.18); }
.sandbox-badge { display:inline-flex; border-radius:999px; padding:6px 10px; background:var(--color-teal-bg); color:var(--color-navy); font-size:var(--font-size-xs); font-weight:800; margin-bottom:var(--space-4); }
.sandbox-panel label { display:block; font-weight:800; margin-bottom:var(--space-3); color:var(--color-navy); }
.sandbox-panel textarea { width:100%; border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-4); min-height:210px; }
.sandbox-actions { display:flex; gap:var(--space-3); flex-wrap:wrap; margin-top:var(--space-4); }
.btn--ghost-light { color:var(--color-navy); background:var(--color-bg-light); }
.structured-output__grid { display:grid; gap:var(--space-3); }
.structured-output__item { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-4); background:var(--color-bg-light); transform:translateY(8px); opacity:0; animation:cmFadeUp .28s ease forwards; }
.structured-output__item strong { color:var(--color-navy); display:block; font-size:var(--font-size-xs); text-transform:uppercase; letter-spacing:.08em; }
.pipeline-lane__pressure { font-weight:800; color:var(--color-navy); background:var(--color-teal-bg); border-radius:var(--radius-lg); padding:var(--space-3); margin-bottom:var(--space-4); }
.roi-calculator { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-2xl); padding:var(--space-8); box-shadow:var(--shadow-lg); }
.roi-calculator__inputs { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-5); margin-bottom:var(--space-8); }
.roi-field label { display:flex; justify-content:space-between; gap:var(--space-3); font-weight:800; color:var(--color-navy); margin-bottom:var(--space-3); }
.roi-field input[type=range] { width:100%; accent-color:var(--color-teal); }
.roi-calculator__results { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-5); }
.roi-result-card { border:1px solid var(--color-border); background:linear-gradient(180deg, var(--color-bg-light), var(--color-white)); border-radius:var(--radius-xl); padding:var(--space-6); }
.roi-result-card span { color:var(--color-text-muted); font-weight:700; }
.roi-result-card strong { display:block; font-size:clamp(2rem,4vw,3rem); color:var(--color-navy); margin:var(--space-2) 0; }
.roi-result-card small { color:var(--color-text-muted); line-height:1.5; }
.roi-calculator__footer { display:flex; justify-content:space-between; align-items:center; gap:var(--space-5); margin-top:var(--space-6); border-top:1px solid var(--color-border); padding-top:var(--space-5); }
.agency-size__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-5); }
.agency-size-card { text-align:left; border:1px solid var(--color-border); border-radius:var(--radius-2xl); padding:var(--space-6); background:var(--color-white); box-shadow:var(--shadow-sm); cursor:pointer; transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.agency-size-card:hover, .agency-size-card.is-selected { transform:translateY(-3px); border-color:var(--color-teal); box-shadow:var(--shadow-lg); }
.agency-size-card strong { display:block; color:var(--color-navy); font-size:var(--font-size-lg); }
.agency-size-card span { color:var(--color-teal); font-weight:800; }
.pricing-recommendation { margin:0 0 var(--space-5); padding:var(--space-4) var(--space-5); border-radius:var(--radius-xl); background:var(--color-teal-bg); color:var(--color-navy); font-weight:800; }
.pricing-card.is-recommended { border-color:var(--color-teal) !important; box-shadow:0 0 0 4px rgba(31,174,155,.16), var(--shadow-lg); animation:cmPulseBorder 1.6s ease 2; }
.demo-progress { margin-bottom:var(--space-6); }
.demo-progress span { font-weight:800; color:var(--color-navy); }
.demo-progress div { height:8px; border-radius:999px; background:var(--color-border); overflow:hidden; margin-top:8px; }
.demo-progress i { display:block; height:100%; background:var(--color-teal); transition:width .2s ease; }
.demo-step { border:0; padding:0; margin:0; display:grid; gap:var(--space-4); }
.demo-step legend { font-size:var(--font-size-xl); color:var(--color-navy); font-weight:800; margin-bottom:var(--space-4); }
.radio-grid, .radio-stack { display:grid; gap:var(--space-3); }
.radio-grid { grid-template-columns:repeat(3,1fr); }
.radio-grid label, .radio-stack label { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-4); background:var(--color-white); font-weight:700; }
.demo-step-actions { display:flex; gap:var(--space-3); margin-top:var(--space-5); }
.site-footer__trust { display:flex; flex-wrap:wrap; gap:var(--space-3); border-top:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); padding:var(--space-4) 0; margin-top:var(--space-6); color:rgba(255,255,255,.82); font-size:var(--font-size-sm); }
.caremano-modal { position:fixed; inset:0; background:rgba(15,47,74,.62); display:grid; place-items:center; z-index:9999; padding:var(--space-5); }
.caremano-modal[hidden]{display:none;}.caremano-modal__panel{position:relative;max-width:520px;width:100%;background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:0 30px 90px rgba(0,0,0,.25)}.caremano-modal__close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:2rem;cursor:pointer}.inline-capture-form{display:grid;gap:var(--space-3)}.inline-capture-form__success{color:var(--color-teal);font-weight:800}.mobile-sticky-cta{position:fixed;left:12px;right:12px;bottom:12px;background:var(--color-white);border:1px solid var(--color-border);border-radius:999px;padding:8px;display:flex;gap:8px;z-index:999;box-shadow:var(--shadow-lg)}.mobile-sticky-cta .btn{flex:1}.mobile-sticky-cta button{border:0;background:var(--color-bg-light);border-radius:999px;width:42px;font-size:1.25rem}.mobile-sticky-cta[hidden]{display:none}
@keyframes cmFadeUp{to{opacity:1;transform:translateY(0)}}@keyframes cmPulseBorder{50%{box-shadow:0 0 0 8px rgba(31,174,155,.22),var(--shadow-lg)}}
@media (max-width: 900px){.credibility-grid,.operator-voices__grid,.sandbox-panel,.roi-calculator__inputs,.roi-calculator__results,.agency-size__grid,.radio-grid{grid-template-columns:1fr}.roi-calculator__footer{display:block}.footer-cta__actions{align-items:stretch}.footer-cta__actions .btn{width:100%;}.homepage-index--scrollspy{display:none}}
@media (min-width: 769px){.mobile-sticky-cta{display:none!important}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.structured-output__item{opacity:1;transform:none}}

/* ========================================================================== 
   v3.0 Hearth Editorial Polish — handcrafted home-care brand treatment
   ========================================================================== */

body {
	background-color: var(--color-paper);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='90' height='90' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");
}

h1, h2, h3,
.hero__headline,
.section-title,
.proof-quote blockquote,
.pull-quote,
.footer-cta__headline {
	font-family: var(--font-family-display);
	font-weight: 500;
	letter-spacing: -0.015em;
	font-variation-settings: "SOFT" 50;
}

body, p, .btn, nav, .care-desk, .proof-stat, .pricing-card, button, input, textarea, label {
	font-family: var(--font-family);
}

.accent-italic {
	font-family: var(--font-family-display);
	font-style: italic;
	font-weight: 500;
}

.marker-highlight {
	position: relative;
	display: inline-block;
	z-index: 1;
}
.marker-highlight::after {
	content: "";
	position: absolute;
	left: -0.08em;
	right: -0.10em;
	bottom: 0.08em;
	height: 0.32em;
	background: var(--color-highlight);
	border-radius: 999px 48% 999px 42%;
	transform: rotate(-1.2deg);
	opacity: .82;
	z-index: -1;
}

.hero--editorial-hearth {
	position: relative;
	background: var(--color-paper);
	color: var(--color-text-dark);
	overflow: clip;
	padding: clamp(4rem, 8vw, 7rem) 0 clamp(3rem, 6vw, 5rem);
}
.hero__paper-noise {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: radial-gradient(circle at 16% 20%, rgba(244, 209, 158, .35), transparent 18rem), radial-gradient(circle at 92% 8%, rgba(122, 155, 126, .18), transparent 20rem);
}
.hero__inner--editorial {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
	gap: clamp(2.5rem, 6vw, 5.5rem);
	align-items: center;
	position: relative;
}
.hero--editorial-hearth .hero__eyebrow {
	font-size: .78rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--color-teal-dark);
	font-weight: 700;
	margin-bottom: var(--space-5);
}
.hero__headline--editorial {
	font-size: clamp(2.5rem, 5.6vw, 4.7rem);
	line-height: 1.04;
	max-width: 10.5ch;
	color: var(--color-navy);
	margin: 0 0 var(--space-6);
}
.hero--editorial-hearth .hero__subheadline {
	font-size: clamp(1.08rem, 1.5vw, 1.25rem);
	line-height: 1.65;
	max-width: 38ch;
	color: var(--color-text-muted);
	margin-bottom: var(--space-8);
}
.hero__actions--editorial {
	display: flex;
	align-items: center;
	gap: var(--space-6);
	flex-wrap: wrap;
}
.hero__text-link {
	appearance: none;
	border: 0;
	background: transparent;
	padding: .25rem 0;
	color: var(--color-navy);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: var(--color-coral);
	text-underline-offset: .28em;
	cursor: pointer;
}
.hero__microcopy {
	margin-top: var(--space-6);
	color: var(--color-text-muted);
	font-size: .95rem;
}
.hero-photo-card {
	position: relative;
}
.hero-photo-card__figure {
	position: relative;
	transform: rotate(-1.5deg);
	filter: saturate(.96) contrast(.98) sepia(.06);
	box-shadow: var(--shadow-xl);
	border-radius: 16px 16px 64px 16px;
	overflow: hidden;
	background: var(--color-white);
}
.hero-photo-card__figure img,
.care-photo-strip__image img,
.voice-section__portrait img,
.early-access__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hero-photo-card__annotation {
	position: absolute;
	right: -1rem;
	bottom: 5.5rem;
	max-width: 260px;
	padding: .95rem 1rem;
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 18px 18px 18px 42px;
	box-shadow: var(--shadow-lg);
	color: var(--color-navy);
	font-weight: 700;
	font-size: .9rem;
	transform: rotate(1.6deg);
}
.hero-photo-card__annotation span { color: var(--color-coral); margin-right: .25rem; }
.hero__proof-strip--editorial {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	margin-top: var(--space-8);
	color: var(--color-teal-dark);
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.hero__proof-strip--editorial span { padding: 0 .9rem; border-right: 1px solid var(--color-border); }
.hero__proof-strip--editorial span:first-child { padding-left: 0; }
.hero__proof-strip--editorial span:last-child { border-right: 0; }

.care-photo-strip {
	background: var(--color-paper);
	padding: clamp(3rem, 7vw, 6rem) 0;
}
.care-photo-strip__quote {
	max-width: 900px;
	margin: 0 auto var(--space-8);
	text-align: center;
	padding: 0 var(--container-padding);
}
.pull-quote {
	font-size: clamp(2rem, 4.4vw, 4rem);
	line-height: 1.08;
	font-style: italic;
	color: var(--color-navy);
}
.care-photo-strip__quote p,
.editorial-pull-quote__source {
	margin-top: var(--space-4);
	font-size: .75rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--color-teal-dark);
}
.care-photo-strip__image {
	width: min(100%, 1320px);
	height: clamp(250px, 34vw, 470px);
	margin: 0 auto;
	border-radius: 0 0 88px 0;
	overflow: hidden;
	box-shadow: var(--shadow-xl);
}
.editorial-pull-quote {
	background: var(--color-paper);
	padding: clamp(4rem, 8vw, 7rem) 0;
	text-align: center;
}
.editorial-pull-quote blockquote {
	max-width: 24ch;
	margin: 0 auto;
}

.voice-section--human .voice-section__grid {
	grid-template-columns: .75fr 1fr 1.1fr;
	align-items: center;
}
.voice-section__portrait {
	border-radius: 16px 16px 64px 16px;
	overflow: hidden;
	box-shadow: var(--shadow-lg);
	min-height: 320px;
	background: var(--color-cream-deep);
}
.voice-section__portrait img { min-height: 320px; }
.early-access__panel--photo {
	display: grid;
	gap: var(--space-5);
}
.early-access__photo {
	border-radius: 16px 16px 64px 16px;
	overflow: hidden;
	box-shadow: var(--shadow-md);
	height: 260px;
}

.roi-calculator__results--asymmetric {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-5);
	align-items: stretch;
}
.roi-result-card--major {
	grid-column: span 2;
	position: relative;
	background: linear-gradient(135deg, var(--color-white), var(--color-cream-deep));
	border-color: color-mix(in srgb, var(--color-coral) 35%, var(--color-border));
	padding: clamp(1.5rem, 3vw, 2.5rem);
}
.roi-result-card--major strong { font-size: clamp(2.4rem, 6vw, 4.5rem); }
.hand-arrow {
	position: absolute;
	right: 2rem;
	bottom: -2.5rem;
	width: 160px;
	color: var(--color-coral);
	transform: rotate(2deg);
	pointer-events: none;
}
.footer-cta__headline { position: relative; display: inline-block; }
.signature-underline {
	display: block;
	width: min(420px, 80vw);
	height: 42px;
	margin-top: -.4rem;
	color: var(--color-teal);
}

.front-page .section:nth-of-type(even) { background: var(--color-cream-deep); }
.card, .pipeline-lane, .pricing-card, .not-emr-card, .roi-result-card, .transcript-card, .voice-card, .sandbox-output-card, .proof-card { border-radius: 16px 16px 40px 16px; }
img { border-color: var(--color-border); }

@media (max-width: 900px) {
	.hero__inner--editorial { grid-template-columns: 1fr; }
	.hero__headline--editorial { max-width: 11ch; }
	.hero-photo-card__annotation { right: 1rem; bottom: 4.5rem; }
	.voice-section--human .voice-section__grid { grid-template-columns: 1fr; }
	.roi-calculator__results--asymmetric { grid-template-columns: 1fr; }
	.roi-result-card--major { grid-column: span 1; }
	.hand-arrow { display: none; }
}

@media (max-width: 640px) {
	.hero--editorial-hearth { padding-top: 3rem; }
	.hero__headline--editorial { font-size: clamp(2.35rem, 13vw, 3.5rem); }
	.hero__actions--editorial { align-items: flex-start; flex-direction: column; gap: var(--space-4); }
	.hero-photo-card__annotation { position: relative; right: auto; bottom: auto; margin: -2rem 1rem 0; }
	.hero__proof-strip--editorial span { width: 50%; border-right: 0; padding: .45rem .8rem .45rem 0; }
	.care-photo-strip__image { border-radius: 0 0 48px 0; }
}

/* ========================================================================== 
   v3.1 Readability Correction — light hero, clearer CTAs, restrained editorial warmth
   ========================================================================== */
:root {
	--color-text-muted: #4A453E;
}

.hero--editorial-hearth,
.hero--editorial-hearth.hero--readable {
	background: var(--color-paper) !important;
	color: var(--color-text-dark) !important;
}
.hero--editorial-hearth .hero__paper-noise {
	background-image:
		radial-gradient(circle at 16% 20%, rgba(244, 209, 158, .32), transparent 18rem),
		radial-gradient(circle at 92% 8%, rgba(122, 155, 126, .16), transparent 20rem);
	opacity: 1;
}
.hero--editorial-hearth .hero__eyebrow {
	color: var(--color-teal-dark) !important;
}
.hero--editorial-hearth .hero__headline,
.hero--editorial-hearth .hero__headline--editorial {
	color: var(--color-text-dark) !important;
}
.hero--editorial-hearth .hero__subheadline,
.hero--editorial-hearth .hero__microcopy {
	color: var(--color-text-muted) !important;
}
.hero--editorial-hearth .accent-italic::after,
.hero--editorial-hearth .marker-highlight::after {
	display: none !important;
}
.hero--editorial-hearth .btn--primary {
	background: var(--color-coral-dark) !important;
	border-color: var(--color-coral-dark) !important;
	color: var(--color-white) !important;
	box-shadow: var(--shadow-md);
}
.hero--editorial-hearth .btn--primary:hover,
.hero--editorial-hearth .btn--primary:focus-visible {
	background: #7D3D1B !important;
	border-color: #7D3D1B !important;
	color: var(--color-white) !important;
}
.hero--editorial-hearth .btn--outline,
.hero--editorial-hearth .hero__checklist-btn {
	border: 1.5px solid var(--color-navy) !important;
	background: transparent !important;
	color: var(--color-navy) !important;
	text-decoration: none !important;
	box-shadow: none !important;
}
.hero--editorial-hearth .btn--outline:hover,
.hero--editorial-hearth .hero__checklist-btn:hover,
.hero--editorial-hearth .btn--outline:focus-visible,
.hero--editorial-hearth .hero__checklist-btn:focus-visible {
	background: var(--color-teal-bg) !important;
	color: var(--color-navy-dark) !important;
}
.hero-photo-card__figure {
	border-radius: 16px 16px 64px 16px;
	transform: rotate(-1.5deg);
}
.hero-photo-card__annotation {
	left: -1.25rem !important;
	right: auto !important;
	bottom: 3.25rem !important;
	max-width: 320px !important;
	padding: 1.25rem !important;
	background: var(--color-white) !important;
	color: var(--color-text-dark) !important;
	border: 1px solid var(--color-border) !important;
	border-radius: 12px !important;
	box-shadow: var(--shadow-lg) !important;
	font-weight: 500 !important;
	transform: rotate(1.5deg) !important;
}
.hero-photo-card__annotation::before {
	content: "";
	position: absolute;
	left: 1.15rem;
	top: 1rem;
	width: .55rem;
	height: .55rem;
	border-radius: 999px;
	background: var(--color-coral-dark);
}
.hero-photo-card__annotation::after {
	content: "";
	position: absolute;
	left: 1.45rem;
	top: -.9rem;
	width: 1px;
	height: .9rem;
	background: var(--color-border);
	transform: rotate(-18deg);
}
.hero-photo-card__label {
	display: block;
	padding-left: 1rem;
	margin-bottom: .7rem;
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--color-coral-dark);
}
.hero-photo-card__annotation strong,
.hero-photo-card__annotation b {
	display: block;
	color: var(--color-text-dark);
	font-weight: 800;
	line-height: 1.35;
}
.hero-photo-card__annotation b { margin-top: .9rem; }
.hero-photo-card__annotation small {
	display: block;
	margin-top: .25rem;
	color: var(--color-text-muted);
	font-size: .86rem;
	line-height: 1.45;
}
.hero__proof-strip--editorial {
	gap: 1.5rem !important;
	align-items: center;
	color: var(--color-teal-dark) !important;
	font-size: .75rem !important;
	letter-spacing: .12em !important;
}
.hero__proof-strip--editorial span {
	position: relative;
	padding: 0 !important;
	border-right: 0 !important;
}
.hero__proof-strip--editorial span:not(:last-child)::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 1px;
	margin-left: 1.5rem;
	vertical-align: middle;
	background: var(--color-teal-dark);
	opacity: .55;
}
.homepage-index--scrollspy,
.homepage-index { display: none !important; }

/* Keep one intentional dark moment: the Operating Desk. */
.operating-desk.front-office-map {
	background: linear-gradient(135deg, var(--color-navy-dark), var(--color-navy)) !important;
	color: var(--color-white) !important;
}
.operating-desk.front-office-map .section-kicker,
.operating-desk.front-office-map .section-title,
.operating-desk.front-office-map .section-subtitle {
	color: var(--color-white) !important;
}
.operating-desk.front-office-map .section-subtitle { color: rgba(253,250,244,.86) !important; }
.operating-desk__board {
	background: rgba(253,250,244,.10) !important;
	border-color: rgba(253,250,244,.22) !important;
	box-shadow: 0 24px 70px rgba(0,0,0,.22) !important;
}
.operating-desk__column-label { color: rgba(253,250,244,.76) !important; }
.desk-ticket {
	background: var(--color-white) !important;
	box-shadow: 0 12px 30px rgba(31, 54, 44, .16) !important;
}
.operating-desk__core-card { box-shadow: 0 24px 70px rgba(0,0,0,.24) !important; }

/* Return secondary content to light, readable canvases. */
.voice-section,
.voice-section--human,
.early-access,
.footer-cta,
.pricing-preview,
.agency-size,
.dashboard-preview,
.proof-band,
.agency-math,
.pipelines-section,
.inquiry-sandbox {
	background-color: var(--color-paper);
}
.voice-section,
.voice-section--human {
	background: linear-gradient(180deg, var(--color-paper), var(--color-white)) !important;
	color: var(--color-text-dark) !important;
}
.voice-section .section-title,
.voice-section .section-subtitle,
.voice-section__text,
.voice-section__copy { color: var(--color-text-dark); }
.voice-section .section-subtitle { color: var(--color-text-muted) !important; }
.inquiry-sandbox {
	background: linear-gradient(135deg, var(--color-navy-dark), var(--color-navy)) !important;
}

/* Warm but readable text defaults. */
.section-subtitle,
.card p,
.pipeline-lane p,
.pricing-card p,
.roi-result-card small,
.credibility-card p,
.operator-voices__disclosure {
	color: var(--color-text-muted);
}
.btn--primary {
	background-color: var(--color-coral-dark);
	border-color: var(--color-coral-dark);
	color: var(--color-white);
}
.btn--primary:hover,
.btn--primary:focus-visible {
	background-color: #7D3D1B;
	border-color: #7D3D1B;
	color: var(--color-white);
}
.btn--outline {
	border-color: var(--color-navy);
	color: var(--color-navy);
}
.btn--outline:hover,
.btn--outline:focus-visible {
	background: var(--color-teal-bg);
	color: var(--color-navy-dark);
}

@media (max-width: 900px) {
	.hero-photo-card__annotation {
		left: 1rem !important;
		bottom: 3.75rem !important;
	}
}
@media (max-width: 640px) {
	.hero__actions--editorial .btn {
		width: 100%;
		justify-content: center;
	}
	.hero-photo-card__annotation {
		position: relative !important;
		left: auto !important;
		bottom: auto !important;
		margin: -2rem 1rem 0 !important;
		max-width: calc(100% - 2rem) !important;
		transform: rotate(0deg) !important;
	}
	.hero-photo-card__annotation::after { display: none; }
	.hero__proof-strip--editorial {
		gap: .75rem 1rem !important;
	}
	.hero__proof-strip--editorial span:not(:last-child)::after {
		display: none;
	}
}

/* ========================================================================
   CareMano v3.2.0 — Cohesion refinement layer
   Extends the hero's editorial warmth across the homepage without changing
   the core content flow.
   ===================================================================== */

/* Section rhythm: cream, off-white, deep cream, and two deliberate dark moments. */
.front-page .hero { background: var(--color-paper) !important; }
.front-page .proof-band { background: var(--color-white) !important; }
.front-page .homepage-index { background: var(--color-paper) !important; }
.front-page .front-office-map,
.front-page .operating-desk { background: var(--color-navy) !important; color: var(--color-paper); position: relative; overflow: hidden; }
.front-page .inquiry-sandbox { background: var(--color-paper) !important; }
.front-page .pull-quote-section { background: var(--color-paper) !important; }
.front-page .pipelines-section { background: var(--color-cream-deep) !important; }
.front-page .agency-math { background: var(--color-white) !important; }
.front-page .voice-section { background: var(--color-cream-deep) !important; }
.front-page .how-it-works { background: var(--color-white) !important; }
.front-page .not-emr { background: var(--color-paper) !important; color: var(--color-text-dark) !important; }
.front-page .founder-note { background: var(--color-cream-deep) !important; }
.front-page .early-access { background: var(--color-cream-deep) !important; }
.front-page .agency-size { background: var(--color-white) !important; }
.front-page .pricing-preview { background: var(--color-paper) !important; }
.front-page .faq-section { background: var(--color-white) !important; }
.front-page .footer-cta { background: var(--color-navy) !important; color: var(--color-paper); }

/* Editorial headline consistency. */
.section-title,
.footer-cta__headline,
.founder-note__heading {
	font-family: var(--font-family-display);
	font-weight: 500;
	letter-spacing: -0.015em;
	font-variation-settings: "SOFT" 50;
}
.section-title .accent-italic,
.footer-cta__headline .accent-italic,
.founder-note__signoff {
	font-family: var(--font-family-display);
	font-style: italic;
	font-weight: 500;
}

/* Hairline card system: softer, less boxed-in, more editorial. */
.proof-logo,
.credibility-card,
.operator-voices,
.pipeline-lane,
.roi-calculator,
.roi-result-card,
.product-tabs__shell,
.real-row,
.voice-card,
.pathway-card,
.not-emr-card,
.early-access__panel,
.agency-size-card,
.pricing-card,
.faq-item,
.inquiry-sandbox__panel,
.structured-output__item {
	border: 0 !important;
	box-shadow: 0 1px 0 var(--color-border), var(--shadow-sm) !important;
}
.proof-logo:hover,
.credibility-card:hover,
.pipeline-lane:hover,
.real-row:hover,
.pathway-card:hover,
.agency-size-card:hover,
.pricing-card:hover,
.inquiry-sandbox__panel:hover {
	transform: translateY(-2px);
	box-shadow: 0 1px 0 var(--color-border), var(--shadow-md) !important;
	transition: transform 200ms ease, box-shadow 200ms ease;
}

/* Operating Desk: the central dark editorial moment. */
.operating-desk::before {
	content: '';
	position: absolute;
	inset: 0;
	opacity: .06;
	background-image: radial-gradient(circle, var(--color-paper) 1px, transparent 1px);
	background-size: 22px 22px;
	pointer-events: none;
}
.operating-desk .container { position: relative; z-index: 1; }
.operating-desk .section-title,
.operating-desk .section-kicker { color: var(--color-paper) !important; }
.operating-desk .section-subtitle { color: rgba(250,245,238,.82) !important; }
.operating-desk .section-kicker::before { background: var(--color-coral); box-shadow: 0 0 0 5px rgba(198,107,61,.22); }
.operating-desk__board {
	display: grid;
	grid-template-columns: 1fr .95fr 1fr;
	gap: var(--space-6);
	align-items: stretch;
}
.operating-desk__column {
	background: var(--color-navy-dark);
	border-radius: var(--radius-2xl);
	padding: var(--space-5);
	box-shadow: inset 0 0 0 1px rgba(250,245,238,.08), var(--shadow-lg);
}
.operating-desk__column-label {
	display: block;
	margin-bottom: var(--space-4);
	font-size: var(--font-size-xs);
	letter-spacing: .12em;
	text-transform: uppercase;
	color: rgba(250,245,238,.75);
	font-weight: var(--font-weight-bold);
}
.desk-ticket {
	padding: var(--space-4) 0;
	border: 0 !important;
	border-bottom: 1px solid rgba(232,223,208,.18) !important;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	color: var(--color-paper);
}
.desk-ticket:last-child { border-bottom: 0 !important; }
.desk-ticket strong,
.desk-ticket--output { color: var(--color-paper); }
.desk-ticket small { display: block; margin-top: .25rem; color: rgba(250,245,238,.66); }
.operating-desk__core { display: grid; align-items: center; }
.operating-desk__core-card {
	background: var(--color-paper) !important;
	color: var(--color-text-dark) !important;
	border-radius: var(--radius-2xl);
	padding: var(--space-8);
	box-shadow: var(--shadow-xl);
	border-top: 4px solid var(--color-coral);
}
.operating-desk__core-card span {
	display: inline-flex;
	margin-bottom: var(--space-3);
	font-size: var(--font-size-xs);
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--color-coral-dark);
	font-weight: var(--font-weight-bold);
}
.operating-desk__core-card h3 { color: var(--color-navy); font-family: var(--font-family-display); font-weight: 500; margin-bottom: var(--space-3); }
.operating-desk__core-card p { color: var(--color-text-muted); }

/* Pipeline editorial treatment. */
.pipeline-lanes { align-items: stretch; }
.pipeline-lane { background: var(--color-white) !important; }
.pipeline-lane__pressure {
	padding-bottom: var(--space-4);
	margin-bottom: var(--space-4);
	border-bottom: 1px solid rgba(90,123,94,.28);
	color: var(--color-coral-dark);
	font-weight: var(--font-weight-semibold);
}
.pipeline-lane__header span {
	background: transparent;
	padding: 0;
	border-radius: 0;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--color-teal-dark);
}
.pipeline-ticket { background: var(--color-paper); box-shadow: 0 1px 0 rgba(232,223,208,.75); }
.pipeline-ticket__dot { background: var(--color-coral); }

/* ROI and dashboard surfaces. */
.roi-calculator { background: var(--color-paper); border-radius: var(--radius-2xl); }
.roi-result-card--major { grid-column: span 2; }
.hand-arrow { color: var(--color-coral); opacity: .5; }
.product-tabs__shell { background: var(--color-white); border-radius: var(--radius-2xl); }
.product-tabs__nav button.is-active,
.product-tabs__nav button[aria-selected="true"] { background: var(--color-coral-bg); color: var(--color-coral-dark); }
.urgency--hot,
.urgency--high { background: var(--color-coral-bg); color: var(--color-coral-dark); }
.urgency--warm { background: var(--color-highlight); color: var(--color-text-dark); }
.urgency--cool { background: var(--color-teal-bg); color: var(--color-navy); }
.real-row mark { background: var(--color-teal-bg); color: var(--color-navy); }

/* Voice section cohesion. */
.voice-section__portrait img,
.early-access__photo img {
	border-radius: 16px 16px 64px 16px;
	box-shadow: var(--shadow-lg);
}
.voice-card { background: var(--color-white); border-radius: var(--radius-2xl); }

/* Pathway: four steps with terracotta dots instead of numbered circles. */
.pathway-grid--four { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-5); }
.pathway-card__index { display: none !important; }
.pathway-card__dot {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--color-coral);
	box-shadow: 0 0 0 6px var(--color-coral-bg);
	margin-bottom: var(--space-4);
}
.pathway-card { background: var(--color-paper); }
.pathway-card h3 { font-family: var(--font-family-display); font-weight: 500; }

/* Not-EMR returns to light editorial trust section. */
.not-emr .section-title,
.not-emr .section-kicker { color: var(--color-navy) !important; }
.not-emr__content p { color: var(--color-text-muted) !important; }
.not-emr-card { background: var(--color-white) !important; color: var(--color-text-dark) !important; }
.not-emr-card strong { color: var(--color-navy); }
.not-emr-card span { color: var(--color-text-muted) !important; }

/* Founder note. */
.founder-note__inner {
	display: grid;
	grid-template-columns: 200px 1fr;
	gap: var(--space-10);
	align-items: center;
	max-width: 980px;
}
.founder-note__portrait img {
	width: 200px;
	height: 200px;
	object-fit: cover;
	border-radius: 50%;
	box-shadow: 0 0 0 1px rgba(90,123,94,.35), var(--shadow-md);
}
.founder-note__heading { color: var(--color-navy); font-size: clamp(1.5rem, 3vw, 2.25rem); margin-bottom: var(--space-4); }
.founder-note__copy p { max-width: 58ch; color: var(--color-text-muted); line-height: var(--line-height-relaxed); }
.founder-note__signoff { margin-top: var(--space-4); color: var(--color-navy) !important; }
.founder-note__link { display: inline-flex; margin-top: var(--space-4); color: var(--color-coral-dark); font-weight: var(--font-weight-semibold); text-decoration: underline; text-underline-offset: 4px; }

/* Pricing: Growth tier is visibly recommended. */
.pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); align-items: stretch; }
.pricing-card { background: var(--color-white) !important; border-radius: var(--radius-2xl); padding: var(--space-8); position: relative; transition: transform 200ms ease, box-shadow 200ms ease; }
.pricing-card:hover { transform: translateY(-4px); }
.pricing-card--featured,
.pricing-card.is-recommended {
	padding-block: calc(var(--space-8) + var(--space-4));
	transform: translateY(-8px);
	box-shadow: 0 1px 0 var(--color-border), var(--shadow-lg) !important;
	border-top: 4px solid var(--color-coral) !important;
}
.pricing-card--featured:hover,
.pricing-card.is-recommended:hover { transform: translateY(-8px); }
.pricing-card__badge {
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--color-coral-bg) !important;
	color: var(--color-coral-dark) !important;
	box-shadow: var(--shadow-sm);
}

/* FAQ grouping. */
.faq-groups { display: grid; gap: var(--space-10); max-width: 820px; margin: 0 auto; }
.faq-group__label {
	font-size: var(--font-size-xs);
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--color-teal-dark);
	margin-bottom: var(--space-3);
}
.faq-list { max-width: none; }
.faq-item { background: transparent; border-radius: 0; box-shadow: none !important; border-bottom: 1px solid rgba(90,123,94,.24) !important; }
.faq-item:first-child { border-top: 1px solid rgba(90,123,94,.24) !important; }

/* Footer CTA dark bracket. */
.footer-cta .section-kicker,
.footer-cta__headline { color: var(--color-paper) !important; }
.footer-cta p { color: rgba(250,245,238,.78); }
.footer-cta .btn--outline { color: var(--color-paper); border-color: rgba(250,245,238,.58); }
.footer-cta .btn--outline:hover { color: var(--color-navy); background: var(--color-paper); }

/* Smooth reveal refinement. */
.reveal-on-scroll,
.reveal-card {
	opacity: .92;
	transform: translateY(12px);
	transition: opacity 600ms cubic-bezier(.16,1,.3,1), transform 600ms cubic-bezier(.16,1,.3,1);
}
.reveal-on-scroll.is-visible,
.reveal-card.is-visible {
	opacity: 1;
	transform: translateY(0);
}
.reveal-on-scroll.is-visible > * { transition-delay: 60ms; }
.hero .accent-italic { animation: caremanoItalicIn 600ms cubic-bezier(.16,1,.3,1) .4s both; }
@keyframes caremanoItalicIn {
	from { opacity: 0; transform: translateY(.08em); }
	to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
	.reveal-on-scroll,
	.reveal-card,
	.hero .accent-italic { opacity: 1; transform: none; transition: none; animation: none; }
	.pricing-card,
	.pipeline-lane,
	.pathway-card { transition: none; }
}

@media (max-width: 900px) {
	.operating-desk__board,
	.pathway-grid--four,
	.pricing-grid,
	.founder-note__inner { grid-template-columns: 1fr; }
	.roi-result-card--major { grid-column: auto; }
	.pricing-card--featured,
	.pricing-card.is-recommended { transform: none; }
	.founder-note__inner { text-align: left; }
	.founder-note__portrait img { width: 160px; height: 160px; }
}

/* =========================================================
   CareMano v3.3 — Editorial completion and conversion polish
   ========================================================= */
html { scroll-behavior: smooth; }
.anchor-offset { display:block; height: 1px; margin-top: calc(-1 * var(--header-height, 72px)); padding-top: var(--header-height, 72px); }

.hero__tour-link {
	display: inline-block;
	margin-top: var(--space-3);
	color: var(--color-teal-dark);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 0.24em;
	text-decoration-thickness: 1px;
}
.hero__tour-link:hover,
.hero__tour-link:focus-visible { color: var(--color-coral-dark); }

/* Dashboard as magazine spread, not app screenshot */
.dashboard-editorial { position: relative; max-width: 1120px; margin: 0 auto; }
.dashboard-editorial__eyebrow {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1rem;
	font-size: .75rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--color-teal-dark);
	font-weight: 700;
}
.dashboard-editorial__eyebrow::after { content:""; height:1px; flex:1; max-width: 120px; background: rgba(90,123,94,.42); }
.dashboard-editorial__note {
	position: absolute;
	top: 1.1rem;
	right: 1.1rem;
	z-index: 3;
	max-width: 16rem;
	font-family: var(--font-family-display);
	font-style: italic;
	color: var(--color-coral-dark);
	font-size: 1rem;
	line-height: 1.35;
	transform: rotate(1deg);
}
.dashboard-frame,
.dashboard-editorial .product-tabs {
	background: var(--color-white);
	border: 1px solid rgba(232,223,208,.9);
	border-radius: 16px 16px 64px 16px;
	box-shadow: inset 0 1px 12px rgba(44,74,62,.035), var(--shadow-lg);
	overflow: hidden;
}
.dashboard-frame .product-tabs__shell { border: 0 !important; box-shadow: none !important; background: var(--color-white); }
.product-tabs__nav { background: var(--color-paper) !important; border-bottom: 1px solid var(--color-border) !important; }
.product-tabs__nav button { color: var(--color-text-muted); }
.product-tabs__nav button.is-active { color: var(--color-navy); background: var(--color-white); }
.urgency { border-radius: 999px; padding: .25rem .65rem; font-style: normal; font-weight: 700; font-size: .72rem; letter-spacing: .04em; }
.urgency--hot { background: #FAEDE0 !important; color: #9F5024 !important; }
.urgency--warm { background: #EDF1EC !important; color: var(--color-navy-dark) !important; }
.urgency--cool { background: #F2E8D5 !important; color: var(--color-text-muted) !important; }
.real-row mark { background: #EDF1EC; color: var(--color-navy-dark); border-radius: 999px; padding: .25rem .65rem; }
.product-shell__sidebar { background: var(--color-paper) !important; color: var(--color-text-muted); }
.product-shell__brand { color: var(--color-navy) !important; font-family: var(--font-family-display); }

/* Pathway as editorial feature */
.how-it-works { background: var(--color-white) !important; }
.pathway-editorial {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(1.25rem, 3vw, 2.5rem);
	margin-top: var(--space-10);
}
.pathway-editorial::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top: 3.7rem;
	height:1px;
	background: rgba(90,123,94,.42);
}
.pathway-editorial__step { position: relative; background: transparent; padding-top: 2rem; }
.pathway-editorial__num { display:block; font-family: var(--font-family-display); color: var(--color-teal-dark); font-size: 1.55rem; line-height: 1; margin-bottom: 1.1rem; }
.pathway-editorial__dot { position:absolute; top: 3.43rem; left: 0; width: .55rem; height: .55rem; border-radius: 999px; background: var(--color-coral); box-shadow: 0 0 0 6px var(--color-white); z-index: 2; }
.pathway-editorial__step h3 { font-family: var(--font-family-display); font-weight: 500; color: var(--color-navy); font-size: clamp(1.18rem, 2vw, 1.45rem); margin: 0 0 .65rem; line-height: 1.15; }
.pathway-editorial__step p { max-width: 32ch; color: var(--color-text-muted); line-height: 1.7; }

/* FAQ grouped categories */
.faq-section { background: var(--color-white) !important; }
.faq-group__label { display: flex; align-items: center; gap: .9rem; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; color: var(--color-teal-dark); font-weight: 800; margin: 2rem 0 .8rem; }
.faq-group__label::after { content:""; height:1px; width: 24px; background: rgba(90,123,94,.5); }
.faq-item { border: 0 !important; box-shadow: 0 1px 0 var(--color-border), var(--shadow-sm); background: var(--color-white); border-radius: 14px; padding-inline: 1.25rem; margin-bottom: .7rem; }

/* Voice transcript reveal */
.voice-section--transcript { background: var(--color-cream-deep) !important; }
.transcript-demo-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(1.25rem, 4vw, 3rem); align-items: stretch; margin-top: var(--space-10); }
.transcript-before,
.transcript-after { border: 0; box-shadow: 0 1px 0 var(--color-border), var(--shadow-md); border-radius: 16px 16px 48px 16px; padding: clamp(1.35rem, 3vw, 2rem); }
.transcript-before { background-color: #F2E8D5; background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 31px, rgba(107,98,88,.12) 32px); }
.transcript-before h3,
.transcript-after h3 { font-family: var(--font-family-display); font-weight: 500; color: var(--color-navy); font-size: 1.45rem; margin-bottom: 1rem; }
.transcript-copy { min-height: 17rem; font-family: var(--font-family-display); font-style: italic; font-size: 1.05rem; line-height: 1.7; color: #4A453E; white-space: pre-wrap; }
.transcript-after { background: var(--color-white); }
.transcript-output__row { display: grid; grid-template-columns: 8rem minmax(0,1fr); gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--color-border); opacity: 0; transform: translateY(6px); transition: opacity .2s ease, transform .2s ease; transition-delay: var(--row-delay, 0ms); }
.transcript-demo-grid.is-complete .transcript-output__row { opacity: 1; transform: none; }
.transcript-output__row span { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--color-teal-dark); font-weight: 800; }
.transcript-output__row strong { color: var(--color-navy); font-weight: 600; }
.transcript-output__row--highlight { background: #FAEDE0; margin-inline: -.65rem; padding-inline: .65rem; border-radius: .7rem; }
.transcript-replay { margin-top: 1rem; padding: 0; border: 0; background: none; color: var(--color-coral-dark); font-weight: 700; text-decoration: underline; text-underline-offset: .22em; cursor: pointer; }
.voice-section__privacy-note { margin: 1.25rem auto 0; text-align: center; max-width: 55rem; font-family: var(--font-family-display); font-style: italic; color: var(--color-coral-dark); }

/* Lead magnet band */
.lead-magnet-band { background: var(--color-cream-deep); padding: clamp(1.5rem, 3vw, 2.2rem) 0; box-shadow: inset 0 1px 0 var(--color-border), inset 0 -1px 0 var(--color-border); }
.lead-magnet-band__inner { display: grid; grid-template-columns: 1fr auto; gap: 1rem 1.5rem; align-items: center; }
.lead-magnet-band h2 { font-family: var(--font-family-display); font-style: italic; font-size: clamp(1.25rem, 2.4vw, 1.5rem); color: var(--color-navy); margin: 0; }
.lead-magnet-band__form { display: flex; gap: .6rem; align-items: center; }
.lead-magnet-band__form input { min-width: min(22rem, 44vw); border: 1px solid var(--color-border); border-radius: 999px; padding: .85rem 1.05rem; background: var(--color-white); color: var(--color-text-dark); }
.lead-magnet-band p { grid-column: 1 / -1; margin: 0; color: var(--color-text-muted); font-size: .92rem; }

/* Pull quote */
.editorial-pullquote { background: var(--color-paper); padding: clamp(3rem, 7vw, 5rem) 0; }
.editorial-pullquote__inner { max-width: 32ch; text-align: center; }
.editorial-pullquote blockquote { margin: 0; font-family: var(--font-family-display); font-style: italic; color: var(--color-navy); font-size: clamp(1.65rem, 4vw, 2rem); line-height: 1.3; }
.editorial-pullquote cite { display: block; margin-top: 1rem; font-style: normal; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; color: var(--color-teal-dark); font-weight: 800; }

/* Pricing custom tier and hierarchy */
.pricing-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; }
.pricing-card { border: 0 !important; box-shadow: 0 1px 0 var(--color-border), var(--shadow-sm) !important; transition: transform .2s ease, box-shadow .2s ease; }
.pricing-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md) !important; }
.pricing-card--featured { transform: translateY(-8px); border-top: 4px solid var(--color-coral) !important; box-shadow: var(--shadow-lg) !important; }
.pricing-card--featured:hover { transform: translateY(-8px); }
.pricing-card__badge { background: var(--color-coral-bg) !important; color: var(--color-coral-dark) !important; border: 1px solid rgba(198,107,61,.18); }
.pricing-card--custom { background: var(--color-navy) !important; color: var(--color-paper); }
.pricing-card--custom h3,
.pricing-card--custom p,
.pricing-card--custom li { color: var(--color-paper) !important; }
.pricing-card--custom .pricing-card__eyebrow { color: rgba(250,245,238,.66) !important; text-transform: uppercase; letter-spacing: .11em; font-size: .72rem; font-weight: 800; }
.pricing-card--custom li::marker { color: var(--color-coral-light); }

/* Proof card accents */
.credibility-card { position: relative; border: 0 !important; box-shadow: 0 1px 0 var(--color-border), var(--shadow-sm); }
.credibility-card::before { content:""; position:absolute; top: 1rem; left: 1rem; width: .55rem; height: .55rem; border-radius: 999px; background: var(--color-coral); }
.credibility-card__check { display: none !important; }
.credibility-card h3 { padding-left: 1rem; }

/* Footer trust checkmarks */
.site-footer__trust { letter-spacing: .08em; text-transform: uppercase; }
.site-footer__trust span { display: inline-flex; align-items: center; gap: .35rem; }
.site-footer__trust svg { width: 12px; height: 12px; color: var(--color-coral); flex: 0 0 auto; }

@media (max-width: 980px) {
	.pricing-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.transcript-demo-grid { grid-template-columns: 1fr; }
	.dashboard-editorial__note { position: static; margin: 0 0 1rem auto; transform: none; text-align: right; }
}
@media (max-width: 640px) {
	.pricing-grid--four { grid-template-columns: 1fr; }
	.pricing-card--featured { transform: none; }
	.pricing-card--featured:hover { transform: translateY(-4px); }
	.pathway-editorial { grid-template-columns: 1fr; }
	.pathway-editorial::before { left: .25rem; right: auto; top: 0; bottom: 0; width: 1px; height: auto; }
	.pathway-editorial__dot { top: 2.2rem; left: -.02rem; }
	.lead-magnet-band__inner { grid-template-columns: 1fr; }
	.lead-magnet-band__form { flex-direction: column; align-items: stretch; }
	.lead-magnet-band__form input { min-width: 0; width: 100%; }
	.transcript-output__row { grid-template-columns: 1fr; gap: .2rem; }
}
@media (prefers-reduced-motion: reduce) {
	.transcript-output__row,
	.pricing-card { transition: none !important; }
}

/* ========================================================================
   CareMano v3.3.1 — readability and spacing correction layer
   ===================================================================== */
.dashboard-preview {
	background: var(--color-paper);
	color: var(--color-text-dark);
}
.dashboard-preview .section-kicker,
.dashboard-preview .dashboard-preview__eyebrow,
.dashboard-editorial__eyebrow {
	color: var(--color-teal-dark);
}
.dashboard-preview .section-title,
.dashboard-preview .section-title .accent-italic {
	color: var(--color-text-dark);
}
.dashboard-preview .section-subtitle {
	color: var(--color-text-muted);
}

.inquiry-sandbox {
	background: var(--color-paper) !important;
	color: var(--color-text-dark);
}
.inquiry-sandbox .section-header--light .section-kicker,
.inquiry-sandbox .section-kicker {
	color: var(--color-teal-dark);
}
.inquiry-sandbox .section-header--light .section-title,
.inquiry-sandbox .section-title,
.inquiry-sandbox .section-title .accent-italic {
	color: var(--color-text-dark);
}
.inquiry-sandbox .section-header--light .section-subtitle,
.inquiry-sandbox .section-subtitle {
	color: var(--color-text-muted);
}

.pull-quote,
.pull-quote__quote,
.editorial-pullquote blockquote,
.editorial-pull-quote blockquote,
.editorial-pull-quote__quote,
.pull-quote-section blockquote {
	color: var(--color-text-dark);
}
.pull-quote__attribution,
.editorial-pullquote cite,
.editorial-pull-quote__source,
.editorial-pull-quote__attribution {
	color: var(--color-teal-dark);
}

.section-header {
	margin-bottom: clamp(3rem, 6vw, 5rem);
}
.section-header .section-kicker {
	margin-bottom: var(--space-3);
}
.section-header .section-title {
	margin-bottom: var(--space-4);
}
.inquiry-sandbox .section-header,
.dashboard-preview .section-header,
.voice-section .section-header {
	margin-bottom: clamp(4rem, 8vw, 6rem);
}

.sandbox-panel {
	align-items: stretch;
	gap: clamp(1.5rem, 4vw, 2.5rem);
}
.sandbox-panel__output {
	min-height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.structured-output__empty {
	padding-block: var(--space-8);
}
.structured-output__empty::after {
	content: "";
	display: block;
	margin-top: var(--space-6);
	padding-top: var(--space-5);
	border-top: 1px solid rgba(90, 123, 94, 0.28);
	height: 7.25rem;
	background:
		linear-gradient(90deg, rgba(122,155,126,.22) 0 7.5rem, transparent 7.5rem 8.5rem, rgba(242,232,213,.86) 8.5rem 100%) 0 0 / 100% 1.25rem no-repeat,
		linear-gradient(90deg, rgba(122,155,126,.18) 0 7.5rem, transparent 7.5rem 8.5rem, rgba(242,232,213,.72) 8.5rem 100%) 0 2rem / 100% 1.25rem no-repeat,
		linear-gradient(90deg, rgba(122,155,126,.16) 0 7.5rem, transparent 7.5rem 8.5rem, rgba(242,232,213,.62) 8.5rem 100%) 0 4rem / 100% 1.25rem no-repeat,
		linear-gradient(90deg, rgba(122,155,126,.14) 0 7.5rem, transparent 7.5rem 8.5rem, rgba(242,232,213,.52) 8.5rem 100%) 0 6rem / 100% 1.25rem no-repeat;
	border-radius: var(--radius-lg);
	opacity: .88;
}

.pull-quote,
.pull-quote-section,
.editorial-pullquote,
.editorial-pull-quote {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding-block: clamp(5rem, 10vw, 8rem);
}
.pull-quote__quote,
.editorial-pullquote blockquote,
.editorial-pull-quote blockquote {
	max-width: 24ch;
	margin: 0 auto;
}
.pull-quote__attribution,
.editorial-pullquote cite,
.editorial-pull-quote__source,
.editorial-pull-quote__attribution {
	margin-top: var(--space-6);
	text-align: center;
}

.dashboard-frame,
.dashboard-editorial,
.dashboard-editorial .product-tabs {
	position: relative;
}
.dashboard-frame__annotation,
.dashboard-editorial__note {
	position: absolute;
	top: var(--space-2);
	right: var(--space-4);
	font-family: var(--font-family-display);
	font-style: italic;
	color: var(--color-coral);
	font-size: var(--font-size-sm);
	max-width: 16rem;
	text-align: right;
	line-height: 1.4;
	transform: none;
	z-index: 5;
}
.dashboard-preview__eyebrow,
.dashboard-editorial__eyebrow {
	text-align: center;
	margin-bottom: var(--space-6);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-3);
}
.dashboard-preview__eyebrow::after,
.dashboard-editorial__eyebrow::after {
	content: "";
	width: 60px;
	height: 1px;
	flex: 0 0 60px;
	background: var(--color-border);
}

@media (max-width: 980px) {
	.dashboard-frame__annotation,
	.dashboard-editorial__note {
		position: static;
		margin: 0 0 var(--space-4) auto;
		text-align: right;
	}
}

/* ========================================================================
   CareMano v3.3.2 — dashboard clarity and pull-quote spacing correction
   ===================================================================== */
body .dashboard-preview,
body .front-page .dashboard-preview,
body .dashboard-preview.section {
	background: var(--color-paper) !important;
	background-color: var(--color-paper) !important;
	color: var(--color-text-dark) !important;
	padding-top: clamp(3rem, 5vw, 5rem);
	padding-bottom: clamp(3rem, 5vw, 5rem);
}
body .dashboard-preview .section-header {
	margin-bottom: clamp(2rem, 4vw, 3.25rem) !important;
}
body .dashboard-preview .section-kicker,
body .dashboard-preview .dashboard-preview__eyebrow,
body .dashboard-preview .dashboard-editorial__eyebrow {
	color: var(--color-teal-dark) !important;
}
body .dashboard-preview .section-title,
body .dashboard-preview .section-title .accent-italic {
	color: var(--color-text-dark) !important;
}
body .dashboard-preview .section-subtitle {
	color: var(--color-text-muted) !important;
}
body .dashboard-editorial,
body .dashboard-frame,
body .dashboard-editorial .product-tabs {
	background: var(--color-white) !important;
	color: var(--color-text-dark) !important;
}
body .dashboard-editorial__note,
body .dashboard-frame__annotation {
	top: var(--space-3);
	right: var(--space-5);
	max-width: 15rem;
	color: var(--color-coral-dark) !important;
	line-height: 1.35;
}
body .dashboard-preview .product-tabs__nav,
body .dashboard-preview .product-tabs__shell,
body .dashboard-preview .product-tabs__main,
body .dashboard-preview .product-panel {
	background: var(--color-white) !important;
	color: var(--color-text-dark) !important;
}
body .dashboard-preview .real-row {
	background: var(--color-white) !important;
	color: var(--color-text-dark) !important;
}

body .editorial-pullquote,
body .pull-quote,
body .pull-quote-section {
	background: var(--color-paper) !important;
	padding-block: clamp(3rem, 6vw, 4.5rem) !important;
	min-height: auto !important;
}
body .editorial-pullquote__inner {
	max-width: 38ch;
	margin-inline: auto;
}
body .editorial-pullquote blockquote,
body .pull-quote__quote,
body .pull-quote-section blockquote {
	max-width: 38ch !important;
	font-size: clamp(1.55rem, 3vw, 2.15rem) !important;
	line-height: 1.25 !important;
	color: var(--color-text-dark) !important;
	margin-inline: auto !important;
}
body .editorial-pullquote cite,
body .pull-quote__attribution {
	margin-top: var(--space-4) !important;
	color: var(--color-teal-dark) !important;
}

body .inquiry-sandbox,
body .front-page .inquiry-sandbox {
	background: var(--color-paper) !important;
	color: var(--color-text-dark) !important;
}
body .inquiry-sandbox .section-title,
body .inquiry-sandbox .section-title .accent-italic {
	color: var(--color-text-dark) !important;
}
body .inquiry-sandbox .section-subtitle {
	color: var(--color-text-muted) !important;
}


/* v3.3.3 Not-EMR contrast correction: keep this as a deliberate dark forest trust section and ensure paragraph text remains readable. */
.front-page .not-emr,
.not-emr {
	background:
		radial-gradient(circle at 12% 18%, rgba(111,140,114,.18), transparent 30%),
		linear-gradient(135deg, var(--color-navy-dark) 0%, var(--color-navy) 72%, var(--color-navy-light) 100%) !important;
	color: var(--color-paper) !important;
}
.front-page .not-emr .section-title,
.front-page .not-emr .section-title .accent-italic,
.front-page .not-emr .section-kicker,
.not-emr .section-title,
.not-emr .section-title .accent-italic,
.not-emr .section-kicker {
	color: var(--color-paper) !important;
}
.front-page .not-emr .section-kicker,
.not-emr .section-kicker {
	color: var(--color-cream-deep) !important;
}
.front-page .not-emr__content p,
.not-emr__content p {
	color: rgba(253,250,244,.86) !important;
	font-weight: 400;
}
.front-page .not-emr-card,
.not-emr-card {
	background: var(--color-white) !important;
	color: var(--color-text-dark) !important;
	border-color: transparent !important;
	box-shadow: var(--shadow-md);
}
.front-page .not-emr-card strong,
.not-emr-card strong {
	color: var(--color-navy) !important;
}
.front-page .not-emr-card span,
.not-emr-card span {
	color: var(--color-text-dark) !important;
}


/* v3.3.4 Not-EMR paragraph visibility hard fix.
   Uses a version bump in functions.php so browsers cannot keep the stale low-contrast CSS. */
body.front-page .not-emr .not-emr__content p.not-emr__summary,
body .not-emr .not-emr__content p.not-emr__summary,
.front-page .not-emr__content p.not-emr__summary,
.not-emr__content p.not-emr__summary {
  color: #FDFAF4 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.18);
}
body.front-page .not-emr .not-emr__content p.not-emr__summary a,
body .not-emr .not-emr__content p.not-emr__summary a {
  color: #FDFAF4 !important;
}

/* ----------------------------------------------------------
 * CareMano v3.4 marketing infrastructure
 * ------------------------------------------------------- */
html { scroll-behavior: smooth; }
.category-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-teal-dark);text-decoration:none;font-weight:700}.reading-time{display:inline-block;color:var(--color-text-muted);font-size:.85rem}.text-link{color:var(--color-coral);font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.blog-hero,.features-hero,.case-hero{background:var(--color-paper)}.blog-magazine,.case-archive{background:var(--color-white)}.blog-magazine__layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(2rem,5vw,4rem);align-items:start}.featured-article{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;background:var(--color-white);box-shadow:var(--shadow-md);border-radius:18px 18px 64px 18px;overflow:hidden;margin-bottom:2.5rem}.featured-article__image,.post-card__image,.case-card__image{display:block;background:var(--color-cream-deep);overflow:hidden}.featured-article__image{aspect-ratio:16/9}.post-card__image{aspect-ratio:4/3}.featured-article img,.post-card img,.case-card img{width:100%;height:100%;object-fit:cover}.featured-article__placeholder,.post-card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-cream-deep),var(--color-teal-bg))}.featured-article__content{padding:2rem}.featured-article h2,.post-card h2,.blog-sidebar h2,.article-hero h1,.case-hero h1,.features-hero h1,.feature-deep h2{font-family:var(--font-family-display);font-weight:500;color:var(--color-text-dark)}.featured-article h2 a,.post-card h2 a,.case-card h2 a{color:inherit;text-decoration:none}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.post-card,.blog-sidebar__box,.case-card{background:var(--color-white);box-shadow:0 1px 0 var(--color-border),var(--shadow-sm);border-radius:16px 16px 42px 16px;overflow:hidden}.post-card__body,.blog-sidebar__box,.case-card>div{padding:1.25rem}.blog-sidebar{position:sticky;top:calc(var(--header-height,72px) + 1rem);display:grid;gap:1rem}.blog-sidebar ul{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}.blog-pagination{display:flex;align-items:center;gap:1rem;margin-top:2rem}.blog-pagination span{width:60px;height:1px;background:var(--color-border)}.article-hero{padding-bottom:2rem}.article-hero__inner{max-width:860px}.article-hero h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;margin:.5rem 0 1rem}.article-meta{color:var(--color-text-muted)}.article-featured-image{margin:0 auto;max-width:1180px}.article-featured-image img{width:100%;height:auto;border-radius:18px}.reading-progress{position:sticky;top:0;z-index:50;height:2px;background:transparent}.reading-progress span{display:block;height:100%;width:0;background:var(--color-teal)}.article-layout{max-width:760px}.article-content{font-family:'Source Serif 4',Georgia,serif;font-size:1.125rem;line-height:1.7;color:var(--color-text-dark)}.article-content h2,.article-content h3{font-family:var(--font-family-display);font-weight:500;margin-top:2.5rem}.article-content blockquote{font-family:var(--font-family-display);font-style:italic;text-align:center;font-size:1.6rem;line-height:1.35;margin:3rem auto;padding:2rem 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);max-width:24ch}.author-bio{border-top:1px solid var(--color-border);display:flex;gap:1rem;align-items:center;padding:2rem 0;margin-top:2rem}.author-bio img{border-radius:50%}.related-articles{margin:2rem 0 4rem}.video-modal[hidden]{display:none}.video-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:1rem}.video-modal__backdrop{position:absolute;inset:0;background:rgba(31,42,36,.66);backdrop-filter:blur(4px)}.video-modal__panel{position:relative;z-index:1;background:var(--color-white);color:var(--color-text-dark);width:min(920px,96vw);border-radius:18px 18px 64px 18px;box-shadow:var(--shadow-xl);padding:1.25rem}.video-modal__close{position:absolute;top:.75rem;right:.75rem;width:2.4rem;height:2.4rem;border:0;border-radius:999px;background:var(--color-cream-deep);color:var(--color-text-dark);font-size:1.4rem;cursor:pointer}.video-modal__media{aspect-ratio:16/9;background:var(--color-paper);border-radius:14px;display:grid;place-items:center;text-align:center;overflow:hidden}.video-modal__media iframe,.video-modal__media video{width:100%;height:100%;border:0}.video-modal__media h2{font-family:var(--font-family-display);font-weight:500}.dashboard-frame{position:relative}.dashboard-play{position:absolute;z-index:8;left:50%;top:35%;transform:translate(-50%,-50%);width:64px;height:64px;border:0;border-radius:999px;background:var(--color-teal-bg);color:var(--color-coral);box-shadow:var(--shadow-lg);display:grid;place-items:center;cursor:pointer;transition:transform .2s ease}.dashboard-play:hover{transform:translate(-50%,-50%) scale(1.05)}.dashboard-play svg{width:38px;height:38px}.dashboard-play__ring{position:absolute;inset:0;border-radius:999px;border:2px solid var(--color-teal);animation:cmPulse 1.5s ease-in-out infinite}.dashboard-watchline{font-family:var(--font-family-display);font-style:italic;text-align:center;color:var(--color-teal-dark);margin-top:1.25rem}.inline-capture-form{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.inline-capture-form input[type=email]{min-height:48px;padding:0 1rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-white);color:var(--color-text-dark);min-width:min(320px,100%)}.inline-capture-form__success{width:100%;color:var(--color-teal-dark);font-size:.9rem}.case-quote{background:var(--color-cream-deep)}.case-quote__inner{max-width:880px;text-align:center}.case-quote blockquote{font-family:var(--font-family-display);font-style:italic;font-size:clamp(1.5rem,3vw,2rem);max-width:28ch;margin:0 auto 1rem}.case-quote img{width:90px;height:90px;object-fit:cover;border-radius:50%;margin-bottom:1rem}.case-stats__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.case-stat{background:var(--color-white);box-shadow:var(--shadow-sm);border-radius:16px;padding:1.5rem}.case-stat strong{display:block;font-family:var(--font-family-display);font-size:2rem;color:var(--color-coral)}.case-stat em{display:block;color:var(--color-text-muted);font-size:.82rem;margin-top:.5rem}.case-body__layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:3rem}.case-setup{background:var(--color-white);border-radius:16px 16px 48px 16px;box-shadow:var(--shadow-sm);padding:1.5rem;align-self:start;position:sticky;top:calc(var(--header-height,72px) + 1rem)}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.case-filters{display:flex;gap:.75rem;margin-bottom:1.5rem}.case-filters button{border:1px solid var(--color-border);background:var(--color-white);border-radius:999px;padding:.65rem 1rem;color:var(--color-text-dark)}.features-nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--color-paper) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.features-nav .container{display:flex;gap:.75rem;overflow:auto;padding-block:.75rem}.features-nav a{white-space:nowrap;border-radius:999px;padding:.6rem .9rem;text-decoration:none;color:var(--color-text-dark);background:var(--color-white);box-shadow:var(--shadow-sm)}.features-nav a.is-active{background:var(--color-navy);color:var(--color-white)}.feature-deep:nth-of-type(even){background:var(--color-cream-deep)}.feature-deep__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:3rem;align-items:center}.homecare-fit{background:var(--color-white);box-shadow:var(--shadow-sm);border-radius:16px;padding:1rem 1.25rem;margin:1.5rem 0}.what-this-isnt{color:var(--color-text-muted);border-top:1px solid var(--color-border);padding-top:1rem}.feature-mockup svg{width:100%;height:auto;filter:drop-shadow(0 18px 28px rgba(44,74,62,.12))}.footer-cta--compact{background:var(--color-navy);color:var(--color-white);text-align:center}.footer-cta--compact h2{color:var(--color-white)}@keyframes cmPulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.15);opacity:0}}@media (prefers-reduced-motion:reduce){.dashboard-play__ring{animation:none}}@media (max-width:900px){.blog-magazine__layout,.case-body__layout,.feature-deep__grid{grid-template-columns:1fr}.blog-sidebar,.case-setup{position:static}.featured-article{grid-template-columns:1fr}.post-grid,.case-grid,.case-stats__grid{grid-template-columns:1fr}.dashboard-play{width:48px;height:48px}.dashboard-play svg{width:30px;height:30px}}


/* v3.4.1 early access cleanup. */
.early-access__inner::after {
	content: none !important;
	display: none !important;
}
.early-access__photo {
	height: 280px;
	background: var(--color-cream-deep);
}
.early-access__photo img {
	object-position: center 24%;
}
@media (max-width: 767px) {
	.early-access__photo {
		height: 220px;
	}
	.early-access__photo img {
		object-position: center 20%;
	}
}


/* v3.4.2 required page and resources fallbacks. */
.empty-resources-card {
	background: var(--color-white);
	border-radius: var(--radius-2xl);
	box-shadow: var(--shadow-md);
	padding: clamp(2rem, 5vw, 4rem);
	text-align: center;
}
.empty-resources-card h2 {
	font-family: var(--font-family-display);
	color: var(--color-text-dark);
	font-size: clamp(2rem, 4vw, 3rem);
	margin-bottom: var(--space-4);
}
.empty-resources-card p {
	max-width: 48ch;
	margin: 0 auto var(--space-6);
	color: var(--color-text-muted);
}


/* v3.5.3 — Replace placeholder logo proof with honest workflow credibility. */
.proof-band .proof-logos,
.proof-band .proof-logo,
.proof-band .operator-voices {
	display: none !important;
}
.workflow-credibility-strip {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(0.85rem, 1.6vw, 1.25rem);
	margin: 0 auto var(--space-10);
}
.workflow-credibility-card {
	position: relative;
	padding: clamp(1rem, 2vw, 1.35rem);
	border: 1px solid rgba(44, 74, 62, 0.13);
	border-radius: 22px;
	background: linear-gradient(180deg, rgba(248, 244, 237, 0.98), rgba(255, 252, 246, 0.94));
	box-shadow: 0 14px 34px rgba(44, 74, 62, 0.08);
}
.workflow-credibility-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	margin-bottom: 0.85rem;
	border-radius: 999px;
	background: rgba(184, 92, 58, 0.12);
	color: var(--color-coral);
	font-weight: 800;
}
.workflow-credibility-card h3 {
	margin: 0 0 0.5rem;
	font-size: 1rem;
	line-height: 1.25;
	color: var(--color-navy);
}
.workflow-credibility-card p {
	margin: 0;
	font-size: 0.92rem;
	line-height: 1.55;
	color: var(--color-text-muted);
}
@media (max-width: 900px) {
	.workflow-credibility-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 560px) {
	.workflow-credibility-strip {
		grid-template-columns: 1fr;
	}
	.workflow-credibility-card {
		padding: 1rem;
		border-radius: 18px;
	}
}

/* ==========================================================================
   CareMano v3.6.0 — clarity, navigation, and resource refinements
   ========================================================================== */
.hero__headline--editorial { font-size: clamp(2.25rem, 4.75vw, 3.875rem) !important; line-height: 1.05; }
.hero--editorial-hearth .hero__subheadline { max-width: 42ch; margin-bottom: var(--space-6); }
.hero__operator-line { max-width: 48ch; margin: calc(-1 * var(--space-3)) 0 var(--space-6); color: var(--color-navy); font-weight: 650; }
.btn--forest { border: 1.5px solid var(--color-navy) !important; color: var(--color-navy) !important; background: transparent !important; }
.btn--forest:hover, .btn--forest:focus-visible { background: rgba(44,74,62,.08) !important; }
.hero__tour-link { display: inline-block; margin-top: var(--space-4); color: var(--color-teal-dark); font-weight: 700; text-decoration: none; }
.hero__tour-link:hover, .hero__tour-link:focus-visible { text-decoration: underline; text-underline-offset: .28em; }
.hero-photo-card__annotation.hero__photo-annotation { bottom: -2rem !important; right: -1.5rem !important; transform: rotate(2deg) !important; max-width: 18rem; }
.hero__desk-strip { display: flex; flex-wrap: wrap; gap: 1rem; font-size: .7rem; letter-spacing: .08em; }
.hero__desk-strip span { padding: 0 !important; border-right: 0 !important; }
.hero__desk-strip span:not(:last-child)::after { content: '—'; margin-left: 1rem; color: var(--color-border); }
.site-header.is-sticky { position: fixed !important; top: 0; left: 0; right: 0; z-index: 1000; background: rgba(253,250,244,.92) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 1px 0 var(--color-border) !important; transition: transform 250ms ease, background 200ms ease, box-shadow 200ms ease; }
.site-header.is-sticky.is-hidden { transform: translateY(-100%); }
.admin-bar .site-header.is-sticky { top: 32px; }
.back-to-top { position: fixed; right: 24px; bottom: 24px; z-index: 95; width: 48px; height: 48px; display: grid; place-items: center; border: 0; border-radius: 999px; background: var(--color-teal); color: var(--color-paper); box-shadow: var(--shadow-lg); cursor: pointer; opacity: 0; pointer-events: none; transform: translateY(12px); transition: opacity .2s ease, transform .2s ease; }
.back-to-top svg { width: 24px; height: 24px; }
.back-to-top.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
.operator-validation { background: var(--color-paper); }
.operator-validation__body { max-width: 48ch; margin-left: auto; margin-right: auto; }
.operator-validation__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-8); }
.operator-validation__cards article { padding: var(--space-5) var(--space-6); border-left: 1px solid var(--color-border); background: rgba(255,255,255,.42); }
.operator-validation__cards span, .featured-resource-card span { display: block; margin-bottom: var(--space-3); color: var(--color-coral); font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.operator-validation__cards p { color: var(--color-navy); font-weight: 650; line-height: 1.55; margin: 0; }
.three-pipelines-graphic { margin-top: var(--space-10); padding: var(--space-6); border: 1px solid var(--color-border); border-radius: 28px; background: rgba(255,255,255,.72); box-shadow: var(--shadow-md); overflow-x: auto; }
.three-pipelines-graphic svg { width: 100%; min-width: 900px; height: auto; }
.cm-node rect { width: 150px; height: 76px; rx: 14px; fill: #FDFAF4; stroke: var(--color-border); }
.cm-node-title { font: 700 15px Inter, sans-serif; fill: var(--color-navy); }
.cm-node-meta { font: 500 12px Inter, sans-serif; fill: var(--color-text-muted); }
.cm-rail-label { font: 800 13px Inter, sans-serif; letter-spacing: .08em; text-transform: uppercase; fill: var(--color-teal-dark); }
.cm-rail-line, .cm-converge { fill: none; stroke: var(--color-teal); stroke-width: 2; opacity: .72; }
#cm-arrow path { fill: var(--color-teal); }
.cm-front-office rect { width: 160px; height: 128px; rx: 20px; fill: rgba(122,155,126,.18); stroke: var(--color-teal); }
.cm-front-office-title { font: 800 18px Fraunces, serif; fill: var(--color-navy); }
.cm-front-office-meta { font: 600 13px Inter, sans-serif; fill: var(--color-teal-dark); }
.pipelines-section__closing { margin: var(--space-6) auto 0; max-width: 760px; text-align: center; font-family: var(--font-display); font-size: clamp(1.25rem, 2.4vw, 1.8rem); font-style: italic; color: var(--color-teal-dark); }
.not-emr { background: var(--color-navy); color: var(--color-white); }
.not-emr-contrast { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0; margin-top: var(--space-8); border: 1px solid rgba(255,255,255,.18); border-radius: 28px; overflow: hidden; background: rgba(255,255,255,.06); }
.not-emr-contrast__col { padding: clamp(1.5rem, 4vw, 2.5rem); }
.not-emr-contrast__col + .not-emr-contrast__col { border-left: 1px solid rgba(255,255,255,.2); }
.not-emr-contrast h3 { color: #FDFAF4; margin-bottom: var(--space-5); }
.not-emr-contrast p { display: flex; gap: .75rem; color: rgba(255,255,255,.84); line-height: 1.6; }
.not-emr-contrast span { flex: 0 0 1.6rem; width: 1.6rem; height: 1.6rem; display: grid; place-items: center; border-radius: 999px; font-weight: 900; }
.not-emr-contrast__col--is span { background: var(--color-coral); color: #fff; }
.not-emr-contrast__col--not span { background: rgba(122,155,126,.26); color: #FDFAF4; }
.founder-note__signature { grid-column: 2; margin-top: var(--space-5); padding-top: var(--space-4); border-top: 1px solid var(--color-border); color: var(--color-teal-dark); font-weight: 700; }
.featured-resources { background: var(--color-paper); padding-top: var(--space-8); }
.featured-resources__grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--space-5); }
.featured-resource-card { display: block; padding: var(--space-6); border: 1px solid var(--color-border); border-radius: 22px; background: #FDFAF4; box-shadow: var(--shadow-sm); text-decoration: none; color: var(--color-text-dark); }
.featured-resource-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }
.featured-resource-card h3 { color: var(--color-navy); margin-bottom: var(--space-3); }
@media (max-width: 900px) { .operator-validation__cards, .featured-resources__grid, .not-emr-contrast { grid-template-columns: 1fr; } .not-emr-contrast__col + .not-emr-contrast__col { border-left: 0; border-top: 1px solid rgba(255,255,255,.2); } .founder-note__signature { grid-column: auto; } }
@media (max-width: 640px) { .hero-photo-card__annotation.hero__photo-annotation { position: relative !important; right: auto !important; bottom: auto !important; margin: -1rem 1rem 0 auto; } .three-pipelines-graphic { padding: var(--space-3); } .three-pipelines-graphic svg { min-width: 760px; } .site-header.is-sticky.is-hidden { transform: none; } .back-to-top { right: 16px; bottom: 16px; } }
@media (prefers-reduced-motion: reduce) { .site-header.is-sticky, .back-to-top, .featured-resource-card { transition: none !important; } html { scroll-behavior: auto !important; } }

/* ========================================================================
   CareMano v3.6.1 — native forms and hero annotation correction
   ===================================================================== */
.hero-photo-card {
	padding-bottom: 2.25rem;
}
.hero-photo-card__annotation.hero__photo-annotation {
	left: auto !important;
	right: -1.25rem !important;
	bottom: 1.25rem !important;
	z-index: 5;
	max-width: 18rem !important;
	transform: rotate(2deg) !important;
	line-height: 1.35;
}
.hero-photo-card__annotation.hero__photo-annotation strong,
.hero-photo-card__annotation.hero__photo-annotation b,
.hero-photo-card__annotation.hero__photo-annotation small {
	position: relative;
	z-index: 1;
}
.hero__desk-strip,
.hero__proof-strip--editorial.hero__desk-strip {
	position: relative;
	z-index: 1;
	margin-top: 2.5rem !important;
	clear: both;
}
.hero__desk-strip span:not(:last-child)::after {
	content: '—' !important;
	width: auto !important;
	height: auto !important;
	background: transparent !important;
	margin-left: 1rem !important;
	color: var(--color-border) !important;
	opacity: 1 !important;
}
.caremano-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}
.caremano-form-notice {
	border-radius: var(--radius-lg);
	padding: var(--space-4);
	margin-bottom: var(--space-4);
	font-weight: 700;
}
.caremano-form-notice--success {
	background: var(--color-teal-bg);
	color: var(--color-navy);
	border: 1px solid color-mix(in srgb, var(--color-teal) 35%, var(--color-border));
}
.caremano-form-notice--error {
	background: #fff4ee;
	color: var(--color-coral-dark);
	border: 1px solid color-mix(in srgb, var(--color-coral) 35%, var(--color-border));
}
.demo-form__disclaimer--neutral {
	color: var(--color-text-muted) !important;
	text-align: left;
}
@media (max-width: 900px) {
	.hero-photo-card__annotation.hero__photo-annotation {
		right: 1rem !important;
		bottom: 1rem !important;
	}
}
@media (max-width: 640px) {
	.hero-photo-card { padding-bottom: 0; }
	.hero-photo-card__annotation.hero__photo-annotation {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		margin: -1rem 1rem 1.25rem auto !important;
		max-width: calc(100% - 2rem) !important;
		transform: rotate(0deg) !important;
	}
	.hero__desk-strip,
	.hero__proof-strip--editorial.hero__desk-strip {
		margin-top: 1rem !important;
	}
}


/* v3.6.2: Homepage visibility fix for the CareMano boundary statement.
   This statement must remain clearly readable above the IS / IS NOT contrast grid. */
body .not-emr .section-header .section-subtitle.not-emr__summary.not-emr__notice,
body.front-page .not-emr .section-header .section-subtitle.not-emr__summary.not-emr__notice,
.not-emr .section-subtitle.not-emr__summary.not-emr__notice {
  display: block !important;
  max-width: 58rem !important;
  margin: 1.25rem auto 0 !important;
  padding: clamp(1rem, 2.2vw, 1.35rem) clamp(1.1rem, 3vw, 1.8rem) !important;
  color: #FDFAF4 !important;
  background: rgba(10, 31, 48, 0.62) !important;
  border: 1px solid rgba(253, 250, 244, 0.34) !important;
  border-left: 4px solid var(--color-coral) !important;
  border-radius: 1rem !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18) !important;
  font-size: clamp(1rem, 1.45vw, 1.18rem) !important;
  line-height: 1.65 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.18);
}

@media (max-width: 640px) {
  body .not-emr .section-header .section-subtitle.not-emr__summary.not-emr__notice,
  body.front-page .not-emr .section-header .section-subtitle.not-emr__summary.not-emr__notice,
  .not-emr .section-subtitle.not-emr__summary.not-emr__notice {
    text-align: left !important;
    font-size: 1rem !important;
  }
}

/* ========================================================================
   CareMano v3.6.3 — improved IS / IS NOT positioning section
   ===================================================================== */
.not-emr.section {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 14% 16%, rgba(232, 119, 93, .14), transparent 30rem),
		linear-gradient(135deg, #173F49 0%, #214A42 100%) !important;
	color: #FDFAF4 !important;
}
.not-emr.section::before {
	content: '';
	position: absolute;
	inset: 1.25rem;
	border: 1px solid rgba(253, 250, 244, .10);
	border-radius: 34px;
	pointer-events: none;
}
.not-emr > .container {
	position: relative;
	z-index: 1;
}
.not-emr .section-title,
.not-emr .section-title .accent-italic,
.not-emr .section-kicker {
	color: #FDFAF4 !important;
}
.not-emr .section-kicker {
	letter-spacing: .13em;
	color: rgba(253, 250, 244, .74) !important;
}
body .not-emr .not-emr__summary.not-emr__notice,
.front-page .not-emr .not-emr__summary.not-emr__notice {
	max-width: 760px !important;
	margin: 1.25rem auto 0 !important;
	padding: 1rem 1.15rem !important;
	border: 1px solid rgba(253, 250, 244, .24) !important;
	border-left: 5px solid var(--color-coral) !important;
	border-radius: 18px !important;
	background: rgba(253, 250, 244, .10) !important;
	box-shadow: 0 18px 50px rgba(17, 26, 43, .18) !important;
	color: #FFFFFF !important;
	font-weight: 700 !important;
	line-height: 1.55 !important;
}
.not-emr-boundary {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .85rem;
	max-width: 820px;
	margin: clamp(1.5rem, 3vw, 2.25rem) auto 0;
	color: rgba(253, 250, 244, .72);
	font-size: .76rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.not-emr-boundary i {
	flex: 1 1 120px;
	height: 1px;
	max-width: 260px;
	background: linear-gradient(90deg, rgba(232,119,93,.85), rgba(253,250,244,.28), rgba(122,155,126,.85));
}
.not-emr-contrast {
	position: relative;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: clamp(1rem, 2vw, 1.5rem) !important;
	margin-top: clamp(1.35rem, 3vw, 2.25rem) !important;
	border: 0 !important;
	border-radius: 30px !important;
	overflow: visible !important;
	background: transparent !important;
}
.not-emr-contrast::before {
	content: '';
	position: absolute;
	top: 1.5rem;
	bottom: 1.5rem;
	left: 50%;
	width: 1px;
	background: linear-gradient(180deg, transparent, rgba(253,250,244,.22), transparent);
}
.not-emr-contrast__col {
	position: relative;
	padding: clamp(1.25rem, 3vw, 2rem) !important;
	border: 1px solid rgba(253, 250, 244, .18);
	border-radius: 28px;
	background: rgba(253, 250, 244, .075);
	box-shadow: 0 24px 70px rgba(17, 26, 43, .20);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
.not-emr-contrast__col + .not-emr-contrast__col {
	border-left: 1px solid rgba(253, 250, 244, .18) !important;
}
.not-emr-contrast__col--is {
	background: linear-gradient(180deg, rgba(253,250,244,.11), rgba(253,250,244,.06));
}
.not-emr-contrast__col--not {
	background: linear-gradient(180deg, rgba(122,155,126,.15), rgba(253,250,244,.055));
}
.not-emr-contrast__heading {
	display: flex;
	align-items: center;
	gap: .75rem;
	margin-bottom: 1.1rem;
	padding-bottom: .9rem;
	border-bottom: 1px solid rgba(253, 250, 244, .16);
}
.not-emr-contrast__heading h3 {
	margin: 0 !important;
	color: #FDFAF4 !important;
	font-size: clamp(1.15rem, 2vw, 1.55rem);
}
.not-emr-contrast__badge,
.not-emr-item__icon {
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	border-radius: 999px;
	font-weight: 900;
}
.not-emr-contrast__badge {
	width: 2.15rem;
	height: 2.15rem;
	font-size: 1rem;
}
.not-emr-contrast__col--is .not-emr-contrast__badge,
.not-emr-contrast__col--is .not-emr-item__icon {
	background: var(--color-coral) !important;
	color: #FFFFFF !important;
}
.not-emr-contrast__col--not .not-emr-contrast__badge,
.not-emr-contrast__col--not .not-emr-item__icon {
	background: rgba(253,250,244,.14) !important;
	border: 1px solid rgba(253,250,244,.22);
	color: #FDFAF4 !important;
}
.not-emr-item {
	display: grid;
	grid-template-columns: 2rem minmax(0, 1fr);
	gap: .85rem;
	align-items: start;
	margin-top: .85rem;
	padding: 1rem;
	border: 1px solid rgba(253, 250, 244, .14);
	border-radius: 18px;
	background: rgba(253, 250, 244, .075);
}
.not-emr-item__icon {
	width: 1.65rem;
	height: 1.65rem;
	margin-top: .08rem;
	font-size: .85rem;
}
.not-emr-item strong {
	display: block;
	margin-bottom: .25rem;
	color: #FFFFFF !important;
	font-size: .98rem;
	line-height: 1.25;
}
.not-emr-item p,
.not-emr-contrast .not-emr-item p {
	display: block !important;
	margin: 0 !important;
	color: rgba(253, 250, 244, .80) !important;
	font-size: .94rem;
	line-height: 1.55;
}
@media (max-width: 900px) {
	.not-emr.section::before { inset: .75rem; border-radius: 24px; }
	.not-emr-boundary { align-items: stretch; flex-direction: column; gap: .55rem; text-align: center; }
	.not-emr-boundary i { width: 100%; max-width: 320px; min-height: 1px; margin: 0 auto; }
	.not-emr-contrast { grid-template-columns: 1fr !important; }
	.not-emr-contrast::before { display: none; }
	.not-emr-contrast__col + .not-emr-contrast__col { border-left: 1px solid rgba(253, 250, 244, .18) !important; border-top: 1px solid rgba(253, 250, 244, .18) !important; }
}
@media (max-width: 560px) {
	.not-emr-contrast__col { padding: 1rem !important; border-radius: 22px; }
	.not-emr-item { grid-template-columns: 1.65rem minmax(0, 1fr); padding: .85rem; }
	body .not-emr .not-emr__summary.not-emr__notice { font-size: .98rem !important; }
}


/* =====================================================================
   CareMano v3.6.4 — hero annotation overlap correction
   Keeps the note visually attached to the image while preventing it from
   blocking the desk-strip labels below.
   ===================================================================== */
.hero-photo-card {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.hero-photo-card__figure {
	z-index: 1;
}
.hero-photo-card__annotation.hero__photo-annotation {
	position: relative !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	align-self: flex-end;
	width: min(18rem, calc(100% - 2.5rem));
	max-width: 18rem !important;
	margin: -4.75rem 1rem 0 auto !important;
	z-index: 3;
	transform: rotate(1.25deg) !important;
}
.hero__desk-strip,
.hero__proof-strip--editorial.hero__desk-strip {
	margin-top: 1rem !important;
	row-gap: .8rem;
	column-gap: 1rem;
}
@media (max-width: 900px) {
	.hero-photo-card__annotation.hero__photo-annotation {
		width: min(17rem, calc(100% - 2rem));
		margin: -4rem 1rem 0 auto !important;
	}
}
@media (max-width: 640px) {
	.hero-photo-card__annotation.hero__photo-annotation {
		margin: -1rem 1rem 1rem auto !important;
		width: calc(100% - 2rem);
		transform: rotate(0deg) !important;
	}
	.hero__desk-strip,
	.hero__proof-strip--editorial.hero__desk-strip {
		margin-top: .75rem !important;
	}
}


/* =====================================================================
   CareMano v3.7.0 — features page visual system
   ===================================================================== */
.features-hero {
	background: var(--color-paper);
	text-align: center;
}
.features-hero .container {
	max-width: 880px;
}
.features-hero h1 {
	font-size: clamp(2.35rem, 5vw, 4.35rem);
	line-height: 1.05;
	letter-spacing: -0.025em;
	margin: .35rem 0 1rem;
}
.features-hero__subhead {
	max-width: 48rem;
	margin: 0 auto;
	color: var(--color-text-muted);
	font-size: clamp(1.05rem, 2vw, 1.25rem);
	line-height: 1.65;
}
.features-nav {
	position: sticky !important;
	top: 64px !important;
	z-index: 50 !important;
	background: rgba(253, 250, 244, 0.95) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border-bottom: 1px solid var(--color-border) !important;
	padding: var(--space-3) 0;
}
.admin-bar .features-nav { top: 96px !important; }
.features-nav .container {
	display: flex !important;
	gap: var(--space-4) !important;
	overflow-x: auto;
	scrollbar-width: none;
	padding-block: 0 !important;
}
.features-nav .container::-webkit-scrollbar { display: none; }
.features-nav a {
	font-family: var(--font-family);
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--color-text-muted) !important;
	text-decoration: none;
	white-space: nowrap;
	padding: var(--space-1) var(--space-2) !important;
	border-radius: 999px;
	background: transparent !important;
	box-shadow: none !important;
	transition: color 150ms ease, background 150ms ease;
}
.features-nav a.is-active {
	background: var(--color-coral-bg, #FAEDE0) !important;
	color: var(--color-coral, #C66B3D) !important;
}
.features-nav a:hover,
.features-nav a:focus-visible { color: var(--color-navy) !important; }
.feature-deep:nth-child(even) .feature-deep__grid { direction: rtl; }
.feature-deep:nth-child(even) .feature-deep__grid > * { direction: ltr; }
.what-this-isnt {
	background: var(--color-cream-deep) !important;
	border-top: 0 !important;
	border-left: 3px solid var(--color-coral) !important;
	padding: var(--space-3) var(--space-4) !important;
	margin-top: var(--space-4) !important;
	border-radius: 0 8px 8px 0 !important;
	color: var(--color-text-muted) !important;
	line-height: 1.55;
}
.what-this-isnt strong {
	display: block;
	font-family: var(--font-family-display);
	font-style: italic;
	color: var(--color-coral) !important;
	font-size: 0.875rem;
	margin-bottom: var(--space-1);
	letter-spacing: 0.02em;
}
.feature-mockup svg {
	width: 100% !important;
	height: auto !important;
	display: block;
	filter: drop-shadow(0 18px 28px rgba(44,74,62,.12));
}
@media (max-width: 900px) {
	.admin-bar .features-nav { top: 46px !important; }
	.feature-deep:nth-child(even) .feature-deep__grid { direction: ltr; }
}
@media (max-width: 640px) {
	.features-nav { top: 56px !important; }
	.feature-mockup { overflow-x: auto; }
	.feature-mockup svg { min-width: 0; }
}


/* =====================================================================
   CareMano v3.7.1 — features-page scroll stability patch
   Prevents header hide/reveal and active-nav auto-scrolling from causing
   vertical jumpiness while reading the long features page.
   ===================================================================== */
.site-header.is-sticky + main.features-page {
	padding-top: var(--header-height, 72px);
}
.features-page {
	scroll-padding-top: calc(var(--header-height, 72px) + 74px);
}
.features-page .feature-deep {
	scroll-margin-top: calc(var(--header-height, 72px) + 84px);
}
.features-page .features-nav {
	top: var(--header-height, 72px) !important;
}
.admin-bar .features-page .features-nav {
	top: calc(var(--header-height, 72px) + 32px) !important;
}
@media (max-width: 782px) {
	.admin-bar .features-page .features-nav {
		top: calc(var(--header-height, 72px) + 46px) !important;
	}
}
@media (max-width: 640px) {
	.site-header.is-sticky + main.features-page {
		padding-top: var(--header-height, 72px);
	}
	.features-page .feature-deep {
		scroll-margin-top: calc(var(--header-height, 72px) + 76px);
	}
}


/* =====================================================================
   CareMano v3.7.2 — feature mockup text containment
   Prevents SVG text fragments from visually running outside the mockup cards.
   ===================================================================== */
.feature-mockup {
	overflow: hidden;
}
.feature-mockup svg {
	display: block;
	max-width: 100%;
	height: auto;
}
@media (max-width: 640px) {
	.feature-mockup {
		border-radius: 22px;
	}
}


/* =====================================================================
   CareMano v3.7.3 — pathway step-number visibility improvement
   Ensures 01 / 02 / 03 / 04 remain clearly visible on desktop and mobile.
   ===================================================================== */
.pathway-editorial__step {
	min-width: 0;
}
.pathway-editorial__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 3rem;
	padding: .4rem .7rem .32rem;
	border-radius: 999px;
	background: linear-gradient(180deg, var(--color-white) 0%, var(--color-paper) 100%);
	border: 1px solid var(--color-border);
	box-shadow: 0 10px 24px rgba(44, 74, 62, 0.08);
	font-size: clamp(1.7rem, 2.2vw, 2rem);
	line-height: 1;
	letter-spacing: .01em;
	position: relative;
	z-index: 3;
}
.pathway-editorial::before {
	top: 1.9rem;
}
.pathway-editorial__dot {
	top: 1.62rem;
	left: .18rem;
	width: .65rem;
	height: .65rem;
	box-shadow: 0 0 0 8px var(--color-white);
}
@media (max-width: 640px) {
	.pathway-editorial {
		gap: 1.4rem;
	}
	.pathway-editorial::before {
		left: .78rem;
		top: 0;
	}
	.pathway-editorial__step {
		padding-top: .15rem;
		padding-left: 1.8rem;
	}
	.pathway-editorial__num {
		font-size: 1.65rem;
		min-width: 2.8rem;
		padding: .34rem .6rem .28rem;
		margin-bottom: .85rem;
	}
	.pathway-editorial__dot {
		top: 1.12rem;
		left: .45rem;
		box-shadow: 0 0 0 6px var(--color-white);
	}
}

/* =====================================================================
   v3.8: Resources page working library
   ===================================================================== */
.resources-library { background: var(--color-paper); }
.resources-hero { background: linear-gradient(180deg, var(--color-paper), var(--color-white)); text-align: center; }
.resources-hero__inner { max-width: 980px; }
.resources-hero__title { font-family: var(--font-family-display); font-size: clamp(2.4rem, 5vw, 4.6rem); line-height: 1.02; font-weight: 500; color: var(--color-navy); max-width: 11ch; margin: 0 auto 1.25rem; }
.resources-hero__subhead { max-width: 50ch; margin: 0 auto; color: var(--color-text-muted); font-size: clamp(1rem, 1.6vw, 1.18rem); line-height: 1.7; }
.library-card-strip { display: flex; justify-content: center; gap: .8rem; flex-wrap: wrap; margin-top: 2rem; }
.library-card-strip__item { min-width: 104px; display: grid; place-items: center; gap: .45rem; padding: .85rem .9rem; background: rgba(255,255,255,.72); border: 1px solid var(--color-border); border-radius: 18px; box-shadow: var(--shadow-sm); color: var(--color-teal-dark); }
.library-card-strip__item svg, .resource-icon svg { width: 22px; height: 22px; color: var(--color-teal-dark); }
.library-card-strip__item em { font-style: normal; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; color: var(--color-navy); }
.resources-tools { background: var(--color-white); }
.section-header--left { text-align: left; max-width: 760px; margin-left: 0; }
.resources-tools__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; align-items: start; }
.resource-tool { background: var(--color-paper); border: 1px solid var(--color-border); border-radius: 26px; padding: clamp(1.1rem, 2vw, 1.5rem); box-shadow: 0 1px 0 rgba(232,223,208,.8), var(--shadow-sm); min-width: 0; }
.resource-tool__head { display: flex; align-items: flex-start; gap: .85rem; margin-bottom: 1.25rem; }
.resource-tool__head h3 { margin: .1rem 0 0; color: var(--color-navy); font-size: 1.15rem; line-height: 1.2; }
.resource-tool__eyebrow { margin: 0; color: var(--color-teal-dark); font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.resource-icon { flex: 0 0 2.35rem; width: 2.35rem; height: 2.35rem; display: grid; place-items: center; border-radius: 999px; background: var(--color-sage-bg, #EDF1EC); }
.resource-icon svg path { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.free-badge { margin-left: auto; align-self: flex-start; display: inline-flex; align-items: center; min-height: 1.55rem; padding: .18rem .6rem; border-radius: 999px; background: #FAEDE0; color: var(--color-coral-dark); font-size: .66rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 900; }
.resource-tool label { display: grid; gap: .45rem; color: var(--color-navy); font-weight: 700; font-size: .9rem; margin-bottom: 1rem; }
.resource-tool input[type="range"] { width: 100%; accent-color: var(--color-coral); }
.resource-tool output { color: var(--color-teal-dark); font-size: .82rem; font-weight: 800; }
.calculator-result { margin: 1.1rem 0; padding: 1.1rem; border-radius: 20px; background: #FAEDE0; border: 1px solid color-mix(in srgb, var(--color-coral) 30%, var(--color-border)); }
.calculator-result strong { display: block; font-family: var(--font-family-display); font-size: clamp(2.15rem, 5vw, 3.25rem); line-height: .95; color: var(--color-coral-dark); }
.calculator-result span, .calculator-result small { display: block; color: var(--color-navy); line-height: 1.45; }
.calculator-result small { margin-top: .4rem; color: var(--color-text-muted); }
.resource-inline-link { display: inline-flex; border: 0; background: none; padding: 0; color: var(--color-coral-dark); font-weight: 800; text-decoration: underline; text-underline-offset: .25em; cursor: pointer; }
.resource-email-capture, .download-gate, .resource-newsletter-form { margin-top: 1rem; display: grid; gap: .75rem; }
.resource-email-capture[hidden], .download-gate[hidden] { display: none; }
.resource-email-capture input, .download-gate input, .resource-newsletter-form input, .checker-label textarea { width: 100%; min-height: 46px; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-white); color: var(--color-navy); padding: .8rem 1rem; }
.checker-label textarea { resize: vertical; min-height: 150px; font: inherit; line-height: 1.55; }
.resource-form-status { margin: 0; color: var(--color-teal-dark); font-size: .85rem; font-weight: 700; }
.diagnostic-question { padding: .8rem 0; border-bottom: 1px solid var(--color-border); }
.diagnostic-question p { margin: 0 0 .55rem; color: var(--color-navy); font-size: .92rem; line-height: 1.4; }
.diagnostic-question div { display: flex; gap: .45rem; }
.diagnostic-question button { border: 1px solid var(--color-border); background: var(--color-white); color: var(--color-navy); border-radius: 999px; padding: .38rem .75rem; font-weight: 800; cursor: pointer; }
.diagnostic-question button.is-selected { background: var(--color-teal); border-color: var(--color-teal); color: var(--color-white); }
.diagnostic-result, .checker-scorecard { margin: 1rem 0; padding: 1rem; border-radius: 18px; background: #EDF1EC; color: var(--color-navy); }
.diagnostic-result strong, .checker-scorecard strong { display: block; margin-bottom: .45rem; color: var(--color-navy); }
.diagnostic-result p { margin: 0 0 .5rem; line-height: 1.5; }
.diagnostic-result a { color: var(--color-coral-dark); font-weight: 800; }
.checker-pill { display: block; margin: .45rem 0 0; padding: .55rem .7rem; border-radius: 999px; font-size: .84rem; font-weight: 800; }
.checker-pill.is-found { background: var(--color-white); color: var(--color-teal-dark); }
.checker-pill.is-missing { background: #FAEDE0; color: var(--color-coral-dark); }
.resources-templates { background: var(--color-cream-deep); }
.template-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.template-card { display: grid; gap: .8rem; align-content: start; padding: 1rem; border-radius: 24px; background: var(--color-white); border: 1px solid var(--color-border); box-shadow: var(--shadow-sm); }
.template-card__thumb { min-height: 148px; display: flex; flex-direction: column; justify-content: space-between; padding: 1rem; border-radius: 18px; background: linear-gradient(135deg, #FDFAF4, #EDF1EC); border: 1px solid var(--color-border); }
.template-card__thumb strong { max-width: 16ch; font-family: var(--font-family-display); color: var(--color-navy); font-size: 1.25rem; line-height: 1.1; }
.template-card__thumb em { color: var(--color-teal-dark); font-size: .78rem; font-weight: 800; font-style: normal; }
.template-card h3 { color: var(--color-navy); margin: 0; font-size: 1.12rem; }
.template-card p { color: var(--color-text-muted); margin: 0; line-height: 1.6; }
.template-card small { color: var(--color-teal-dark); font-weight: 800; }
.resources-playbooks { background: var(--color-white); }
.playbooks-layout { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1rem; }
.playbook-card { display: block; padding: 1.25rem; border-radius: 22px; background: var(--color-paper); border: 1px solid var(--color-border); color: var(--color-text-dark); text-decoration: none; box-shadow: var(--shadow-sm); }
.playbook-card--featured { grid-row: span 3; padding: clamp(1.5rem, 3vw, 2.2rem); background: linear-gradient(180deg, var(--color-paper), #EDF1EC); }
.playbook-card span { color: var(--color-teal-dark); font-size: .68rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.playbook-card h3 { color: var(--color-navy); font-family: var(--font-family-display); font-weight: 500; font-size: clamp(1.3rem, 2.4vw, 2rem); line-height: 1.12; margin: .65rem 0; }
.playbook-card p { color: var(--color-text-muted); line-height: 1.6; }
.playbook-card em { color: var(--color-coral-dark); font-style: normal; font-weight: 800; }
.resources-field-notes { background: var(--color-paper); }
.field-notes-grid { margin-top: var(--space-8); }
.resources-newsletter { background: var(--color-cream-deep); }
.resources-newsletter__inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px, 440px); gap: 2rem; align-items: center; padding: clamp(1.5rem, 4vw, 2.6rem); border-radius: 30px; background: var(--color-paper); border: 1px solid var(--color-border); }
.resources-newsletter h2 { font-family: var(--font-family-display); font-weight: 500; color: var(--color-navy); font-size: clamp(1.8rem, 3.2vw, 3rem); line-height: 1.08; }
.resources-newsletter p { color: var(--color-text-muted); line-height: 1.65; }
.resource-newsletter-form small { color: var(--color-text-muted); }
.resources-tease { background: var(--color-white); }
.resources-tease__grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
.resources-tease__grid a { display: block; padding: 1.25rem; border-radius: 22px; background: var(--color-paper); border: 1px solid var(--color-border); text-decoration: none; color: var(--color-text-dark); box-shadow: var(--shadow-sm); }
.resources-tease__grid span { color: var(--color-coral-dark); font-size: .7rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.resources-tease__grid h3 { color: var(--color-navy); margin: .5rem 0; }
.resources-tease__grid p { margin: 0; color: var(--color-text-muted); line-height: 1.55; }
.resources-anchor { scroll-margin-top: 120px; }
.resource-pulse { animation: caremanoResourcePulse 1.5s ease-out; }
@keyframes caremanoResourcePulse { 0% { box-shadow: 0 0 0 0 rgba(122,155,126,.45); } 100% { box-shadow: 0 0 0 18px rgba(122,155,126,0); } }
@media (max-width: 980px) { .resources-tools__grid, .template-grid, .resources-tease__grid { grid-template-columns: 1fr 1fr; } .playbooks-layout, .resources-newsletter__inner { grid-template-columns: 1fr; } .playbook-card--featured { grid-row: auto; } }
@media (max-width: 640px) { .resources-tools__grid, .template-grid, .resources-tease__grid { grid-template-columns: 1fr; } .library-card-strip__item { flex: 1 1 42%; min-width: 0; } .resource-tool { border-radius: 20px; } .resources-hero__title { max-width: 12ch; } }
@media (prefers-reduced-motion: reduce) { .resource-pulse { animation: none; } }


/* =====================================================================
   CareMano v3.8.1 — bundled logo integration
   Adds the uploaded CareMano logo to the header and footer with
   context-appropriate sizing and a footer brand plate.
   ===================================================================== */
.site-logo {
	line-height: 0;
}
.site-logo img {
	display: block;
	height: auto;
}
.site-logo--header {
	max-width: min(240px, 34vw);
}
.site-logo--header img {
	max-height: 44px;
	width: auto;
}
.site-header__logo {
	min-width: 0;
}
.site-footer__brand .site-logo--footer {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .7rem .8rem;
	background: rgba(253,250,244,.97);
	border: 1px solid rgba(232,223,208,.65);
	border-radius: 18px;
	box-shadow: 0 18px 36px rgba(0,0,0,.12);
}
.site-logo--footer {
	max-width: min(100%, 330px);
}
.site-logo--footer img {
	width: 100%;
	max-height: none;
}
.site-footer__tagline {
	margin-top: var(--space-4);
}
@media (max-width: 900px) {
	.site-logo--header {
		max-width: 210px;
	}
	.site-logo--header img {
		max-height: 38px;
	}
}
@media (max-width: 640px) {
	.site-logo--header {
		max-width: 176px;
	}
	.site-logo--header img {
		max-height: 32px;
	}
	.site-footer__brand .site-logo--footer {
		padding: .55rem .65rem;
		border-radius: 14px;
	}
	.site-logo--footer {
		max-width: 280px;
	}
}


/* =====================================================================
   CareMano v3.8.2 — transparent logo optimization for header and footer
   Uses transparent brand assets, reduces logo sizing, and prevents
   truncation across desktop and mobile.
   ===================================================================== */
.site-header__logo {
	flex: 0 1 auto;
	min-width: 0;
	max-width: 100%;
}
.site-logo {
	display: inline-flex;
	align-items: center;
	line-height: 0;
	max-width: 100%;
}
.site-logo img {
	display: block;
	height: auto;
	max-width: 100%;
}
.site-logo--header {
	max-width: 220px;
}
.site-logo--header img {
	max-height: 36px;
	width: auto;
}
.site-footer__brand .site-logo--footer {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
.site-logo--footer {
	max-width: min(100%, 295px);
}
.site-logo--footer img {
	width: 100%;
	max-height: none;
}
@media (max-width: 980px) {
	.site-logo--header {
		max-width: 190px;
	}
	.site-logo--header img {
		max-height: 32px;
	}
	.site-logo--footer {
		max-width: 260px;
	}
}
@media (max-width: 640px) {
	.site-header__inner {
		gap: var(--space-4);
	}
	.site-logo--header {
		max-width: 160px;
	}
	.site-logo--header img {
		max-height: 28px;
	}
	.site-logo--footer {
		max-width: 230px;
	}
}


/* =====================================================================
   CareMano v3.8.3 — header logo full transparent lockup
   Makes the header use the same transparent logo treatment as the footer,
   with header-appropriate sizing and no text-only fallback.
   ===================================================================== */
.site-header {
	--caremano-header-logo-width: clamp(150px, 18vw, 230px);
}
.site-header__inner {
	min-width: 0;
}
.site-header__logo {
	flex: 0 0 auto;
	min-width: 0;
	width: var(--caremano-header-logo-width);
	max-width: 32vw;
	overflow: visible;
}
.site-header__logo .custom-logo-link,
.site-header__logo .site-logo,
.site-logo--header {
	display: inline-flex !important;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	max-width: 100% !important;
	height: auto;
	line-height: 0;
	overflow: visible;
	background: transparent !important;
}
.site-header__logo img,
.site-logo--header img {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 54px !important;
	object-fit: contain;
	object-position: left center;
}
.site-header__logo .site-logo__text {
	display: none !important;
}
@media (max-width: 1100px) {
	.site-header {
		--caremano-header-logo-width: clamp(142px, 20vw, 198px);
	}
	.site-header__logo img,
	.site-logo--header img {
		max-height: 48px !important;
	}
}
@media (max-width: 760px) {
	.site-header {
		--caremano-header-logo-width: clamp(136px, 44vw, 184px);
	}
	.site-header__logo {
		max-width: 48vw;
	}
	.site-header__logo img,
	.site-logo--header img {
		max-height: 44px !important;
	}
}
@media (max-width: 420px) {
	.site-header {
		--caremano-header-logo-width: 148px;
	}
	.site-header__logo {
		max-width: 46vw;
	}
	.site-header__logo img,
	.site-logo--header img {
		max-height: 40px !important;
	}
}


/* =====================================================================
   CareMano v3.8.4 — footer logo strategy aligned with header
   Uses the same transparent full logo lockup and robust sizing method used
   in the header, adapted for the footer brand column.
   ===================================================================== */
.site-footer__brand {
	min-width: 0;
}
.site-footer__brand .site-logo--footer {
	display: inline-flex !important;
	align-items: center;
	justify-content: flex-start;
	width: clamp(190px, 20vw, 280px);
	max-width: 100% !important;
	height: auto;
	line-height: 0;
	overflow: visible;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
.site-footer__brand .site-logo--footer img {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: none !important;
	object-fit: contain;
	object-position: left center;
}
.site-footer__tagline,
.site-footer__desc {
	max-width: 34ch;
}
@media (max-width: 900px) {
	.site-footer__brand .site-logo--footer {
		width: clamp(180px, 34vw, 250px);
	}
}
@media (max-width: 640px) {
	.site-footer__brand .site-logo--footer {
		width: min(230px, 78vw);
	}
}


/* =====================================================================
   CareMano v3.8.5 — footer logo cleanup
   Uses the cleaner transparent wordmark in the footer to avoid dotted
   edge artifacts and align more closely with the polished header look.
   ===================================================================== */
.site-footer__brand .site-logo--footer {
	display: inline-flex;
	align-items: center;
	max-width: 250px;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
.site-footer__brand .site-logo--footer img {
	width: 100%;
	height: auto;
	max-height: 46px;
	image-rendering: auto;
}
@media (max-width: 980px) {
	.site-footer__brand .site-logo--footer {
		max-width: 220px;
	}
	.site-footer__brand .site-logo--footer img {
		max-height: 40px;
	}
}
@media (max-width: 640px) {
	.site-footer__brand .site-logo--footer {
		max-width: 190px;
	}
	.site-footer__brand .site-logo--footer img {
		max-height: 34px;
	}
}


/* =====================================================================
   CareMano v3.8.6 — same logo in header and footer
   Footer now uses the same transparent CareMano logo asset as the header,
   with matching clean treatment and constrained sizing.
   ===================================================================== */
.site-footer__brand .site-logo--footer {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	max-width: 220px !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}
.site-footer__brand .site-logo--footer img {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: 220px !important;
	max-height: 36px !important;
	object-fit: contain !important;
	image-rendering: auto !important;
}
@media (max-width: 980px) {
	.site-footer__brand .site-logo--footer,
	.site-footer__brand .site-logo--footer img {
		max-width: 190px !important;
	}
	.site-footer__brand .site-logo--footer img {
		max-height: 32px !important;
	}
}
@media (max-width: 640px) {
	.site-footer__brand .site-logo--footer,
	.site-footer__brand .site-logo--footer img {
		max-width: 160px !important;
	}
	.site-footer__brand .site-logo--footer img {
		max-height: 28px !important;
	}
}


/* =====================================================================
   CareMano v3.8.7 — footer brand mark replacement
   Replaces the artifacted footer image with a clean CSS-rendered wordmark.
   The header image remains unchanged.
   ===================================================================== */
.site-footer__brand .site-logo--footer-wordmark,
.site-logo--footer-wordmark {
	display: inline-block;
	max-width: 300px;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	text-decoration: none;
	line-height: 1;
}
.site-logo--footer-wordmark .site-logo__word {
	display: inline;
	font-family: Inter, var(--font-family), sans-serif;
	font-size: clamp(2rem, 3.4vw, 3.1rem);
	font-weight: 900;
	letter-spacing: -0.07em;
	line-height: .92;
}
.site-logo--footer-wordmark .site-logo__word--care {
	color: #FDFAF4;
}
.site-logo--footer-wordmark .site-logo__word--mano {
	color: var(--color-coral);
}
.site-logo--footer-wordmark .site-logo__supporting {
	display: block;
	margin-top: .52rem;
	font-family: Inter, var(--font-family), sans-serif;
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .14em;
	line-height: 1.35;
	text-transform: uppercase;
	color: rgba(253, 250, 244, .72);
}
.site-logo--footer-wordmark:hover .site-logo__word--care,
.site-logo--footer-wordmark:focus-visible .site-logo__word--care {
	color: #FFFFFF;
}
.site-logo--footer-wordmark:hover .site-logo__supporting,
.site-logo--footer-wordmark:focus-visible .site-logo__supporting {
	color: rgba(253, 250, 244, .9);
}
@media (max-width: 640px) {
	.site-logo--footer-wordmark .site-logo__word {
		font-size: 2rem;
	}
	.site-logo--footer-wordmark .site-logo__supporting {
		font-size: .58rem;
		letter-spacing: .12em;
	}
}


/* =====================================================================
   CareMano v3.8.8 — footer logo with hand icon
   Replaces the footer raster/logo text fallback with a cleaner lockup:
   text wordmark plus a crisp inline SVG hand icon, avoiding dot artifacts.
   ===================================================================== */
.site-logo--footer-lockup {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: .4rem;
	text-decoration: none;
	max-width: 100%;
}
.site-logo__footer-main {
	display: inline-flex;
	align-items: flex-end;
	gap: .8rem;
	flex-wrap: nowrap;
	max-width: 100%;
}
.site-logo__footer-wordmark {
	display: inline-flex;
	align-items: baseline;
	font-family: var(--font-family-display);
	font-size: clamp(1.9rem, 4.2vw, 2.45rem);
	font-weight: 700;
	line-height: .95;
	letter-spacing: -.035em;
	white-space: nowrap;
}
.site-logo--footer-lockup .site-logo__word--care {
	color: #F3EFE6;
}
.site-logo--footer-lockup .site-logo__word--mano {
	color: var(--color-coral);
}
.site-logo__footer-hand {
	flex: 0 0 auto;
	width: clamp(4.1rem, 8vw, 5.3rem);
	line-height: 0;
	transform: translateY(.12rem);
}
.site-logo__footer-hand svg {
	display: block;
	width: 100%;
	height: auto;
}
.site-logo--footer-lockup .site-logo__supporting {
	font-size: .76rem;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: .09em;
	color: rgba(243,239,230,.8);
	margin-left: .12rem;
}
.site-logo--footer-lockup:hover .site-logo__word--care,
.site-logo--footer-lockup:focus-visible .site-logo__word--care {
	color: #FFFFFF;
}
.site-logo--footer-lockup:hover .site-logo__supporting,
.site-logo--footer-lockup:focus-visible .site-logo__supporting {
	color: rgba(255,255,255,.94);
}
@media (max-width: 640px) {
	.site-logo__footer-main {
		gap: .55rem;
	}
	.site-logo__footer-wordmark {
		font-size: 1.7rem;
	}
	.site-logo__footer-hand {
		width: 3.8rem;
	}
	.site-logo--footer-lockup .site-logo__supporting {
		font-size: .68rem;
		letter-spacing: .07em;
	}
}


/* =====================================================================
   CareMano v3.8.9 — footer logo option 1 image
   Uses the selected footer image option with transparent background.
   ===================================================================== */
.site-footer__brand .site-logo--footer {
	display: inline-flex;
	align-items: center;
	max-width: 305px;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	line-height: 0;
}
.site-footer__brand .site-logo--footer img {
	display: block;
	width: 100%;
	height: auto;
	max-height: none;
	filter: none;
}
@media (max-width: 980px) {
	.site-footer__brand .site-logo--footer {
		max-width: 270px;
	}
}
@media (max-width: 640px) {
	.site-footer__brand .site-logo--footer {
		max-width: 220px;
	}
}


/* =====================================================================
   CareMano v3.8.10 — footer logo visibility improvement
   Improves legibility of the selected footer image by increasing size and
   using a lightened supporting line for dark footer backgrounds.
   ===================================================================== */
.site-footer__brand .site-logo--footer {
	display: inline-flex !important;
	align-items: center;
	max-width: 360px !important;
	width: 100%;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	line-height: 0;
}
.site-footer__brand .site-logo--footer img {
	display: block;
	width: 100%;
	height: auto;
	max-height: none !important;
}
.site-footer__tagline,
.site-footer__desc {
	max-width: 34rem;
}
@media (max-width: 980px) {
	.site-footer__brand .site-logo--footer {
		max-width: 320px !important;
	}
}
@media (max-width: 640px) {
	.site-footer__brand .site-logo--footer {
		max-width: 250px !important;
	}
}


/* =====================================================================
   CareMano v3.8.11 — logo visibility and mobile containment
   Makes the header tagline readable, improves footer contrast, and removes
   footer transparency artifacts by using a solid paper-backed footer logo.
   ===================================================================== */
.site-header {
	--header-height: 82px;
}
.site-logo--header-lockup {
	display: inline-flex !important;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: .12rem;
	max-width: min(260px, 32vw) !important;
	line-height: 1;
	overflow: visible;
}
.site-logo--header-lockup img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 50px !important;
	object-fit: contain;
	object-position: left center;
}
.site-logo__header-supporting {
	display: block;
	width: 100%;
	font-family: var(--font-family, Inter, sans-serif);
	font-size: clamp(.47rem, .72vw, .58rem);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: var(--color-text-muted);
	white-space: nowrap;
	text-align: left;
	margin-left: .1rem;
}
.site-footer__brand .site-logo--footer {
	display: inline-flex !important;
	align-items: center;
	justify-content: flex-start;
	max-width: min(100%, 390px) !important;
	width: auto;
	padding: .45rem .55rem !important;
	background: #FDFAF4 !important;
	border: 1px solid rgba(232,223,208,.75) !important;
	border-radius: 14px !important;
	box-shadow: 0 16px 34px rgba(0,0,0,.14) !important;
	line-height: 0;
	overflow: hidden;
}
.site-footer__brand .site-logo--footer img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 118px !important;
	object-fit: contain;
	object-position: left center;
	filter: none !important;
}
@media (max-width: 1180px) {
	.site-logo--header-lockup {
		max-width: 230px !important;
	}
	.site-logo--header-lockup img {
		max-height: 44px !important;
	}
}
@media (max-width: 980px) {
	.site-header { --header-height: 76px; }
	.site-logo--header-lockup {
		max-width: 210px !important;
	}
	.site-logo--header-lockup img {
		max-height: 40px !important;
	}
	.site-logo__header-supporting {
		font-size: .45rem;
		letter-spacing: .085em;
	}
	.site-footer__brand .site-logo--footer {
		max-width: min(100%, 330px) !important;
	}
}
@media (max-width: 640px) {
	.site-header { --header-height: 72px; }
	.site-header__inner {
		gap: var(--space-3);
	}
	.site-logo--header-lockup {
		max-width: min(172px, 58vw) !important;
	}
	.site-logo--header-lockup img {
		max-height: 34px !important;
	}
	.site-logo__header-supporting {
		font-size: .38rem;
		letter-spacing: .055em;
	}
	.site-footer__brand .site-logo--footer {
		max-width: min(100%, 270px) !important;
		padding: .36rem .44rem !important;
		border-radius: 12px !important;
	}
	.site-footer__brand .site-logo--footer img {
		max-height: 92px !important;
	}
}
@media (max-width: 380px) {
	.site-logo--header-lockup {
		max-width: min(150px, 54vw) !important;
	}
	.site-logo__header-supporting {
		font-size: .34rem;
		letter-spacing: .04em;
	}
}


/* =====================================================================
   CareMano v3.8.12 — logo refinement
   Removes the separate header tagline line and replaces the footer image
   plate with a clean footer lockup that merges into the footer colors.
   ===================================================================== */
.site-logo__header-supporting {
	display: none !important;
}
.site-logo--header-lockup,
.site-logo--header {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 0 !important;
	max-width: min(270px, 34vw) !important;
	line-height: 0 !important;
	overflow: visible !important;
}
.site-logo--header-lockup img,
.site-logo--header img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-height: 52px !important;
	object-fit: contain !important;
	object-position: left center !important;
}
.site-footer__brand .site-logo--footer,
.site-footer__brand .site-logo--footer img {
	display: none !important;
}
.site-logo--footer-lockup,
.site-footer__brand .site-logo--footer-lockup {
	display: inline-flex !important;
	flex-direction: column;
	align-items: flex-start;
	gap: .42rem;
	max-width: min(100%, 340px);
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	text-decoration: none;
	line-height: 1;
}
.site-logo__footer-main {
	display: inline-flex;
	align-items: flex-end;
	gap: .85rem;
	max-width: 100%;
}
.site-logo__footer-wordmark {
	display: inline-flex;
	align-items: baseline;
	font-family: var(--font-family-display, Fraunces, Georgia, serif);
	font-size: clamp(2rem, 4vw, 2.65rem);
	font-weight: 750;
	line-height: .95;
	letter-spacing: -.035em;
	white-space: nowrap;
}
.site-logo--footer-lockup .site-logo__word--care {
	color: #F3EFE6;
}
.site-logo--footer-lockup .site-logo__word--mano {
	color: #E8775D;
}
.site-logo__footer-hand {
	flex: 0 0 auto;
	width: clamp(4.3rem, 8vw, 5.6rem);
	line-height: 0;
	transform: translateY(.15rem);
}
.site-logo__footer-hand svg {
	display: block;
	width: 100%;
	height: auto;
}
.site-logo--footer-lockup .site-logo__supporting {
	display: block;
	font-family: var(--font-family, Inter, sans-serif);
	font-size: .78rem;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: rgba(243,239,230,.86);
	white-space: nowrap;
}
@media (max-width: 1180px) {
	.site-logo--header-lockup,
	.site-logo--header {
		max-width: 230px !important;
	}
	.site-logo--header-lockup img,
	.site-logo--header img {
		max-height: 44px !important;
	}
}
@media (max-width: 980px) {
	.site-header { --header-height: 72px; }
	.site-logo--header-lockup,
	.site-logo--header {
		max-width: 200px !important;
	}
	.site-logo--header-lockup img,
	.site-logo--header img {
		max-height: 38px !important;
	}
	.site-footer__brand .site-logo--footer-lockup {
		max-width: min(100%, 300px);
	}
}
@media (max-width: 640px) {
	.site-header { --header-height: 68px; }
	.site-logo--header-lockup,
	.site-logo--header {
		max-width: min(164px, 52vw) !important;
	}
	.site-logo--header-lockup img,
	.site-logo--header img {
		max-height: 31px !important;
	}
	.site-footer__brand .site-logo--footer-lockup {
		max-width: 250px;
	}
	.site-logo__footer-main {
		gap: .62rem;
	}
	.site-logo__footer-wordmark {
		font-size: 1.75rem;
	}
	.site-logo__footer-hand {
		width: 4rem;
	}
	.site-logo--footer-lockup .site-logo__supporting {
		font-size: .66rem;
		letter-spacing: .065em;
		white-space: normal;
	}
}
@media (max-width: 380px) {
	.site-logo--header-lockup,
	.site-logo--header {
		max-width: min(146px, 48vw) !important;
	}
	.site-logo--header-lockup img,
	.site-logo--header img {
		max-height: 28px !important;
	}
}


/* =====================================================================
   CareMano v3.8.13 — remove duplicate footer tagline
   Keeps only the tagline that is already part of the logo artwork.
   ===================================================================== */
.site-logo--footer-lockup .site-logo__supporting,
.site-footer__brand .site-logo__supporting {
	display: none !important;
}


/* =====================================================================
   CareMano v3.8.14 — footer logo transparency cleanup
   Ensures the footer brand mark has no backing plate and blends directly
   into the footer color.
   ===================================================================== */
.site-footer__brand,
.site-footer__brand .site-logo--footer-lockup,
.site-footer__brand .site-logo--footer,
.site-footer__brand .site-logo--footer img,
.site-footer__brand .site-logo__footer-main,
.site-footer__brand .site-logo__footer-hand,
.site-footer__brand .site-logo__footer-hand svg {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}
.site-footer__brand .site-logo--footer-lockup {
	padding: 0 !important;
	border-radius: 0 !important;
	isolation: isolate;
}
.site-footer__brand .site-logo__footer-wordmark {
	text-shadow: none !important;
}


/* =====================================================================
   CareMano v3.8.16 — optimized footer logo image
   Uses the user-supplied footer logo as a compact optimized transparent
   PNG so it blends with the footer and keeps the theme package light.
   ===================================================================== */
.site-footer__brand .site-logo--footer,
.site-logo--footer {
	display: inline-flex !important;
	align-items: center;
	max-width: min(100%, 320px);
	padding: 0 !important;
	margin: 0;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	line-height: 0;
	text-decoration: none;
}
.site-footer__brand .site-logo--footer img,
.site-logo--footer img {
	display: block !important;
	width: 100%;
	height: auto;
	max-height: none !important;
	object-fit: contain;
	background: transparent !important;
}
.site-footer__brand .site-logo--footer-lockup,
.site-logo--footer-lockup {
	display: none !important;
}
@media (max-width: 980px) {
	.site-footer__brand .site-logo--footer,
	.site-logo--footer {
		max-width: 280px;
	}
}
@media (max-width: 640px) {
	.site-footer__brand .site-logo--footer,
	.site-logo--footer {
		max-width: 220px;
	}
}


/* =====================================================================
   CareMano v3.8.17 — test footer logo in header
   Header now uses the same optimized logo image as the footer, with
   navigation-safe sizing so the lockup is not truncated.
   ===================================================================== */
.site-logo--header-lockup,
.site-logo--header {
	max-width: min(245px, 34vw) !important;
	overflow: visible !important;
}
.site-logo--header-lockup img,
.site-logo--header img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-height: 50px !important;
	object-fit: contain !important;
	object-position: left center !important;
}
@media (max-width: 1180px) {
	.site-logo--header-lockup,
	.site-logo--header {
		max-width: min(220px, 32vw) !important;
	}
	.site-logo--header-lockup img,
	.site-logo--header img {
		max-height: 44px !important;
	}
}
@media (max-width: 980px) {
	.site-logo--header-lockup,
	.site-logo--header {
		max-width: min(190px, 40vw) !important;
	}
	.site-logo--header-lockup img,
	.site-logo--header img {
		max-height: 38px !important;
	}
}
@media (max-width: 640px) {
	.site-logo--header-lockup,
	.site-logo--header {
		max-width: min(155px, 44vw) !important;
	}
	.site-logo--header-lockup img,
	.site-logo--header img {
		max-height: 31px !important;
	}
}


/* =====================================================================
   CareMano v3.8.18 — revert header logo and improve tagline visibility
   Header returns to the previous CareMano logo lockup with an enhanced
   supporting line and responsive containment.
   ===================================================================== */
.site-logo--header-lockup,
.site-logo--header {
	max-width: min(265px, 35vw) !important;
	overflow: visible !important;
}
.site-logo--header-lockup img,
.site-logo--header img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-height: 54px !important;
	object-fit: contain !important;
	object-position: left center !important;
}
@media (max-width: 1180px) {
	.site-logo--header-lockup,
	.site-logo--header {
		max-width: min(238px, 33vw) !important;
	}
	.site-logo--header-lockup img,
	.site-logo--header img {
		max-height: 48px !important;
	}
}
@media (max-width: 980px) {
	.site-logo--header-lockup,
	.site-logo--header {
		max-width: min(205px, 42vw) !important;
	}
	.site-logo--header-lockup img,
	.site-logo--header img {
		max-height: 42px !important;
	}
}
@media (max-width: 640px) {
	.site-logo--header-lockup,
	.site-logo--header {
		max-width: min(172px, 48vw) !important;
	}
	.site-logo--header-lockup img,
	.site-logo--header img {
		max-height: 35px !important;
	}
}


/* =====================================================================
   CareMano v3.8.19 — clean header logo replacement
   Replaces the problematic enhanced header logo image with a clean asset
   so the supporting line does not overlap or distort.
   ===================================================================== */
.site-logo--header-lockup,
.site-logo--header {
	max-width: min(260px, 34vw) !important;
	overflow: visible !important;
	filter: none !important;
}
.site-logo--header-lockup img,
.site-logo--header img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-height: 52px !important;
	object-fit: contain !important;
	object-position: left center !important;
	filter: none !important;
	mix-blend-mode: normal !important;
}
@media (max-width: 1180px) {
	.site-logo--header-lockup,
	.site-logo--header { max-width: min(236px, 33vw) !important; }
	.site-logo--header-lockup img,
	.site-logo--header img { max-height: 47px !important; }
}
@media (max-width: 980px) {
	.site-logo--header-lockup,
	.site-logo--header { max-width: min(206px, 42vw) !important; }
	.site-logo--header-lockup img,
	.site-logo--header img { max-height: 41px !important; }
}
@media (max-width: 640px) {
	.site-logo--header-lockup,
	.site-logo--header { max-width: min(174px, 50vw) !important; }
	.site-logo--header-lockup img,
	.site-logo--header img { max-height: 34px !important; }
}


/* =====================================================================
   CareMano v3.8.20 — final pre-app mobile optimization
   Mobile-first safeguards for header/footer logos, navigation, sections,
   SVG mockups, resource tools, and overflow prevention.
   ===================================================================== */
html, body {
	max-width: 100%;
	overflow-x: clip;
}
body.menu-is-open {
	overflow: hidden;
	touch-action: none;
}
img, svg, video, canvas {
	max-width: 100%;
	height: auto;
}
.container {
	max-width: min(var(--container-max-width, 1200px), calc(100vw - 2rem));
}
.site-header {
	min-height: var(--header-height, 76px);
}
.site-header__inner {
	min-width: 0;
}
.site-header__logo {
	min-width: 0;
	flex: 0 1 auto;
}
.site-logo--header-lockup,
.site-logo--header {
	display: inline-flex !important;
	align-items: center;
	max-width: min(255px, 32vw) !important;
	min-width: 0;
	line-height: 0;
	overflow: visible;
}
.site-logo--header-lockup img,
.site-logo--header img {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 52px !important;
	object-fit: contain !important;
	object-position: left center !important;
}
.site-footer__brand .site-logo--footer,
.site-logo--footer {
	display: inline-flex !important;
	align-items: center;
	max-width: min(100%, 340px) !important;
	line-height: 0;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}
.site-footer__brand .site-logo--footer img,
.site-logo--footer img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	object-fit: contain !important;
}
.site-header__nav a,
.site-header__actions a,
.site-header__toggle {
	-webkit-tap-highlight-color: transparent;
}
.card,
.feature-card,
.pricing-card,
.resource-tool-card,
.resource-template-card,
.playbook-card,
.field-note-card,
.not-emr-item,
.about-card,
.dashboard-preview,
.product-shell {
	min-width: 0;
}
.three-pipelines-graphic,
.feature-mockup,
.resource-tools,
.resources-templates,
.product-shell,
.dashboard-preview,
.table-wrap,
.pricing-table,
.roi-calculator,
.operator-validation__cards,
.featured-resources__grid {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.feature-mockup svg,
.three-pipelines-graphic svg,
.resource-icon svg {
	max-width: 100%;
	height: auto;
}
input, textarea, select, button {
	font-size: max(16px, 1rem);
}
[id] {
	scroll-margin-top: calc(var(--header-height, 76px) + 18px);
}
@media (max-width: 1100px) {
	.site-header__inner {
		gap: var(--space-4);
	}
	.nav-list {
		gap: var(--space-5);
	}
	.site-logo--header-lockup,
	.site-logo--header {
		max-width: min(230px, 28vw) !important;
	}
	.site-logo--header-lockup img,
	.site-logo--header img {
		max-height: 47px !important;
	}
}
@media (max-width: 900px) {
	.site-header {
		--header-height: 72px;
		position: sticky;
		top: 0;
		z-index: 1000;
	}
	.admin-bar .site-header {
		top: 46px;
	}
	.site-header__inner {
		height: var(--header-height);
		gap: var(--space-3);
	}
	.site-logo--header-lockup,
	.site-logo--header {
		max-width: min(218px, 48vw) !important;
	}
	.site-logo--header-lockup img,
	.site-logo--header img {
		max-height: 43px !important;
	}
	.site-header__toggle {
		display: inline-flex !important;
		position: relative;
		z-index: 1102;
		flex: 0 0 auto;
		align-items: center;
		justify-content: center;
		border-radius: 999px;
		background: rgba(253,250,244,.88);
		border: 1px solid var(--color-border);
	}
	.site-header__nav {
		position: fixed;
		left: 0;
		right: 0;
		top: var(--header-height, 72px);
		z-index: 1100;
		display: block !important;
		max-height: calc(100dvh - var(--header-height, 72px));
		overflow-y: auto;
		padding: 1rem var(--container-padding, 1rem) 1.25rem;
		background: rgba(253,250,244,.98);
		border-bottom: 1px solid var(--color-border);
		box-shadow: 0 22px 45px rgba(17,26,43,.12);
		transform: translateY(-120%);
		opacity: 0;
		pointer-events: none;
		transition: transform .22s ease, opacity .18s ease;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
	}
	.site-header__nav.is-open {
		transform: translateY(0);
		opacity: 1;
		pointer-events: auto;
	}
	.nav-list {
		display: grid !important;
		grid-template-columns: 1fr;
		gap: .35rem;
		align-items: stretch;
		padding: .25rem 0 .75rem;
		margin: 0;
	}
	.nav-list li {
		list-style: none;
		margin: 0;
	}
	.nav-list a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 48px;
		padding: .85rem 1rem;
		border-radius: 14px;
		background: rgba(255,255,255,.55);
		border: 1px solid rgba(232,223,208,.7);
		font-size: 1rem;
		font-weight: 750;
		color: var(--color-navy);
	}
	.nav-list a:hover,
	.nav-list a:focus-visible,
	.nav-list .current-menu-item > a {
		background: var(--color-coral-bg, #FAEDE0);
		color: var(--color-coral-dark, #A84F2A);
	}
	.site-header__actions {
		display: none !important;
	}
	.hero__inner,
	.hero__inner--editorial,
	.about-content__grid,
	.transcript-demo-grid,
	.roi-calculator__grid,
	.pricing-grid,
	.pricing-grid--four,
	.operator-validation__cards,
	.featured-resources__grid,
	.resources-tools-grid,
	.resources-template-grid,
	.resources-playbooks-grid,
	.footer-cta__inner,
	.site-footer__grid {
		grid-template-columns: 1fr !important;
	}
	.hero__headline,
	.hero__headline--editorial,
	.page-hero__title,
	.features-hero h1,
	.resources-hero h1 {
		max-width: 100% !important;
		font-size: clamp(2.05rem, 9vw, 3.35rem) !important;
		line-height: 1.05 !important;
	}
	.section-title,
	.footer-cta__headline {
		font-size: clamp(1.8rem, 7vw, 2.7rem) !important;
		line-height: 1.12 !important;
	}
	.hero__actions,
	.footer-cta__actions,
	.demo-form-actions,
	.resource-tool-actions,
	.inline-capture-form,
	.lead-magnet-band__form {
		align-items: stretch;
		flex-direction: column;
	}
	.btn,
	.hero__actions .btn,
	.footer-cta__actions .btn,
	.inline-capture-form .btn {
		width: 100%;
		justify-content: center;
		text-align: center;
	}
	.site-footer__brand {
		grid-column: auto !important;
	}
}
@media (max-width: 640px) {
	:root {
		--container-padding: 1rem;
	}
	.site-header {
		--header-height: 68px;
	}
	.site-header__inner {
		gap: .75rem;
	}
	.site-logo--header-lockup,
	.site-logo--header {
		max-width: min(188px, 56vw) !important;
	}
	.site-logo--header-lockup img,
	.site-logo--header img {
		max-height: 37px !important;
	}
	.site-header__toggle {
		width: 42px;
		height: 42px;
	}
	.section,
	.page-hero,
	.features-hero,
	.resources-hero,
	.footer-cta {
		padding-top: clamp(2.75rem, 10vw, 4rem) !important;
		padding-bottom: clamp(2.75rem, 10vw, 4rem) !important;
	}
	.hero--editorial-hearth {
		padding-top: 2.5rem !important;
	}
	.hero__content,
	.section-header,
	.page-hero,
	.features-hero,
	.resources-hero {
		text-align: left;
	}
	.hero-photo-card__figure,
	.care-photo-strip__image,
	.voice-section__portrait,
	.early-access__photo {
		border-radius: 18px 18px 38px 18px !important;
	}
	.hero-photo-card__annotation.hero__photo-annotation {
		position: relative !important;
		width: calc(100% - 1.25rem) !important;
		max-width: none !important;
		margin: -1rem .5rem 1rem auto !important;
		transform: none !important;
	}
	.hero__desk-strip,
	.hero__proof-strip--editorial.hero__desk-strip {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: .65rem !important;
	}
	.hero__desk-strip span::after,
	.hero__proof-strip--editorial.hero__desk-strip span::after {
		display: none !important;
	}
	.not-emr-contrast,
	.not-emr-contrast__col,
	.resource-tool-card,
	.resource-template-card,
	.playbook-card,
	.feature-deep__visual,
	.feature-mockup {
		border-radius: 22px !important;
	}
	.feature-mockup,
	.three-pipelines-graphic {
		padding: .75rem !important;
	}
	.three-pipelines-graphic svg {
		min-width: 640px !important;
	}
	.feature-mockup svg {
		min-width: 0 !important;
	}
	.resource-tools-grid,
	.resources-template-grid,
	.resources-playbooks-grid,
	.field-notes-grid {
		gap: 1rem !important;
	}
	.site-footer__grid {
		gap: 2rem !important;
	}
	.site-footer__brand .site-logo--footer,
	.site-logo--footer {
		max-width: min(240px, 78vw) !important;
	}
	.site-footer__trust {
		align-items: flex-start;
		flex-direction: column;
		gap: .75rem;
	}
	.back-to-top {
		right: 14px !important;
		bottom: 14px !important;
		width: 44px !important;
		height: 44px !important;
	}
}
@media (max-width: 380px) {
	.site-logo--header-lockup,
	.site-logo--header {
		max-width: min(168px, 54vw) !important;
	}
	.site-logo--header-lockup img,
	.site-logo--header img {
		max-height: 33px !important;
	}
	.site-header__toggle {
		width: 40px;
		height: 40px;
	}
	.nav-list a {
		font-size: .95rem;
		min-height: 46px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.site-header__nav {
		transition: none !important;
	}
}

/* =====================================================================
   CareMano v3.8.21 — mobile front-office and inquiry sandbox correction
   Fixes the oversized blank boundary band on mobile and keeps inquiry
   organization in-page without redirecting or reloading.
   ===================================================================== */
.not-emr-boundary i {
	min-height: 1px !important;
}
@media (max-width: 900px) {
	.not-emr-boundary {
		align-items: center !important;
		justify-content: center !important;
	}
	.not-emr-boundary i {
		flex: 0 0 1px !important;
		width: min(320px, 78vw) !important;
		height: 1px !important;
		min-height: 1px !important;
		max-height: 1px !important;
		padding: 0 !important;
		margin: .15rem auto !important;
		border-radius: 999px !important;
		background-size: 100% 1px !important;
	}
}
@media (max-width: 640px) {
	.not-emr-boundary {
		gap: .7rem !important;
		margin-top: 1.25rem !important;
		font-size: .68rem !important;
		letter-spacing: .11em !important;
	}
	.not-emr-boundary i {
		width: min(260px, 70vw) !important;
	}
}

.sandbox-panel textarea {
	font-family: var(--font-family, Inter, sans-serif) !important;
	font-size: 1rem !important;
	line-height: 1.55 !important;
	max-width: 100% !important;
}
.structured-output__note {
	margin-top: var(--space-4);
	color: var(--color-text-muted);
	font-size: var(--font-size-sm);
	line-height: var(--line-height-relaxed);
}
@media (max-width: 640px) {
	.inquiry-sandbox .section-header,
	.dashboard-preview .section-header,
	.voice-section .section-header {
		margin-bottom: 2rem !important;
	}
	.sandbox-panel__input,
	.sandbox-panel__output {
		padding: 1rem !important;
		border-radius: 22px !important;
	}
	.sandbox-panel label {
		font-size: clamp(1.45rem, 7vw, 2rem) !important;
		line-height: 1.25 !important;
	}
	.sandbox-panel textarea {
		min-height: 280px !important;
		font-size: 1rem !important;
		line-height: 1.55 !important;
		padding: 1rem !important;
	}
	.sandbox-actions,
	.sandbox-actions .btn {
		width: 100% !important;
	}
	.sandbox-actions {
		display: grid !important;
		gap: .8rem !important;
	}
	.structured-output__grid {
		gap: .75rem !important;
	}
	.structured-output__item {
		padding: .9rem !important;
	}
}


/* =====================================================================
   CareMano v3.8.23 — restore desktop width, keep mobile safeguards
   Desktop returns to the original centered container behavior. Overflow
   prevention is scoped to tablet/mobile so content does not stretch out
   on large screens.
   ===================================================================== */
@media (min-width: 901px) {
	.container,
	.section > .container,
	.problem-section > .container,
	.inquiry-journey > .container,
	.how-it-works > .container,
	.pipelines-section > .container,
	.features-section > .container,
	.dashboard-preview > .container,
	.not-emr > .container,
	.early-access > .container,
	.pricing-preview > .container,
	.faq-section > .container,
	.footer-cta > .container {
		width: 100% !important;
		max-width: var(--container-max) !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: var(--container-padding) !important;
		padding-right: var(--container-padding) !important;
	}
	.site-main,
	section,
	.site-header,
	.site-footer,
	.footer-cta,
	.page-hero,
	.features-hero,
	.resources-hero {
		max-width: none !important;
	}
	.hero__inner,
	.feature-deep__grid,
	.resources-tools-grid,
	.pricing-grid,
	.site-footer__grid {
		max-width: none !important;
	}
}
.back-to-top {
	z-index: 1400 !important;
	background: var(--color-coral-dark, #A84F2A) !important;
	color: #FFFFFF !important;
	box-shadow: 0 14px 34px rgba(17, 26, 43, .24) !important;
}
.back-to-top.is-visible {
	display: grid !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}
@media (max-width: 900px) {
	html,
	body {
		width: 100%;
		max-width: 100%;
		overflow-x: hidden !important;
	}
	body.menu-is-open {
		overflow: hidden !important;
	}
	.site-main,
	section,
	.container,
	.site-header,
	.site-footer,
	.footer-cta,
	.page-hero,
	.features-hero,
	.resources-hero {
		max-width: 100vw;
	}
	.container,
	.site-header__inner,
	.hero__content,
	.hero__visual,
	.feature-deep__copy,
	.feature-deep__visual,
	.resource-tool-card,
	.resources-tool-card,
	.sandbox-panel,
	.site-footer__brand {
		min-width: 0 !important;
	}
	.site-header__nav {
		max-width: 100vw !important;
		overflow-x: hidden !important;
	}
	.nav-list,
	.nav-list li,
	.nav-list a {
		max-width: 100% !important;
	}
	img,
	svg,
	video,
	canvas,
	iframe,
	figure,
	table,
	pre,
	code {
		max-width: 100% !important;
	}
	input,
	textarea,
	select,
	button {
		max-width: 100%;
	}
	.resource-tool-card,
	.resource-template-card,
	.playbook-card,
	.field-note-card,
	.pricing-card,
	.feature-card,
	.about-card,
	.not-emr-item,
	.sandbox-panel,
	.sandbox-panel__input,
	.sandbox-panel__output,
	.demo-form,
	.contact-form,
	.inline-capture-form,
	.lead-magnet-band__form,
	.product-shell,
	.dashboard-editorial,
	.dashboard-preview,
	.feature-mockup,
	.three-pipelines-graphic {
		min-width: 0 !important;
		max-width: 100% !important;
	}
}
@media (max-width: 640px) {
	.container {
		width: 100% !important;
		max-width: calc(100vw - 2rem) !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.site-header__inner {
		max-width: calc(100vw - 1.5rem) !important;
	}
	.three-pipelines-graphic {
		overflow-x: auto !important;
	}
	.three-pipelines-graphic svg {
		min-width: min(620px, 160vw) !important;
	}
	.feature-mockup,
	.feature-mockup svg,
	.resources-library-card,
	.resource-tool-card,
	.sandbox-panel textarea,
	.structured-output,
	.structured-output__grid {
		width: 100% !important;
		max-width: 100% !important;
	}
	pre,
	code,
	.table-wrap,
	.wp-block-table,
	.comparison-table-wrap,
	.dashboard-mockup-large__table-wrap {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.back-to-top {
		right: max(12px, env(safe-area-inset-right)) !important;
		bottom: max(16px, env(safe-area-inset-bottom)) !important;
		width: 46px !important;
		height: 46px !important;
	}
}
@media (max-width: 380px) {
	.container {
		max-width: calc(100vw - 1.5rem) !important;
	}
	.hero__desk-strip,
	.hero__proof-strip--editorial.hero__desk-strip {
		grid-template-columns: 1fr !important;
	}
	.site-footer__brand .site-logo--footer,
	.site-logo--footer {
		max-width: 200px !important;
	}
}


/* =====================================================================
   CareMano v3.8.24 — desktop hero restore, mobile preserved
   Restores the pre-mobile-patch desktop hero proportions without touching
   the tablet/mobile safeguards introduced in 3.8.20–3.8.23.
   ===================================================================== */
@media (min-width: 901px) {
	.hero--editorial-hearth {
		padding-top: clamp(4.25rem, 7vw, 6.5rem) !important;
		padding-bottom: clamp(3.5rem, 5.5vw, 5rem) !important;
	}
	.hero--editorial-hearth > .container.hero__inner--editorial,
	.hero__inner.hero__inner--editorial {
		width: min(100% - (var(--container-padding, 1.5rem) * 2), var(--container-max, 1200px)) !important;
		max-width: var(--container-max, 1200px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.82fr) !important;
		gap: clamp(2.75rem, 5vw, 4.75rem) !important;
		align-items: center !important;
	}
	.hero--editorial-hearth .hero__content {
		max-width: 620px !important;
		justify-self: start !important;
	}
	.hero--editorial-hearth .hero__headline.hero__headline--editorial {
		max-width: 10.8ch !important;
		font-size: clamp(2.35rem, 4.55vw, 3.875rem) !important;
		line-height: 1.05 !important;
	}
	.hero--editorial-hearth .hero__subheadline {
		max-width: 42ch !important;
	}
	.hero--editorial-hearth .hero__operator-line {
		max-width: 48ch !important;
	}
	.hero--editorial-hearth .hero__visual.hero-photo-card {
		width: 100% !important;
		max-width: 460px !important;
		justify-self: end !important;
		min-width: 0 !important;
	}
	.hero-photo-card__figure {
		width: 100% !important;
		max-width: 460px !important;
		aspect-ratio: 4 / 5 !important;
		max-height: 575px !important;
	}
	.hero-photo-card__figure img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}
	.hero-photo-card__annotation.hero__photo-annotation {
		max-width: 18rem !important;
		width: min(18rem, calc(100% - 2rem)) !important;
	}
	.hero__proof-strip.hero__desk-strip {
		max-width: 460px !important;
	}
}


/* =====================================================================
   CareMano v3.8.25 — mobile ROI CTA truncation fix
   Restricts the change to mobile so desktop layout remains unchanged.
   ===================================================================== */
@media (max-width: 640px) {
	.roi-calculator__footer {
		display: grid !important;
		grid-template-columns: 1fr;
		gap: var(--space-4);
		align-items: stretch;
		text-align: left;
	}
	.roi-calculator__footer p {
		font-size: clamp(1rem, 4.7vw, 1.18rem) !important;
		line-height: 1.45 !important;
		margin: 0;
	}
	.roi-calculator__footer .btn {
		display: inline-flex;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		justify-content: center;
		align-items: center;
		white-space: normal !important;
		overflow-wrap: anywhere;
		word-break: normal;
		text-align: center;
		line-height: 1.25;
		font-size: clamp(.96rem, 4.2vw, 1.05rem) !important;
		padding: .95rem 1rem !important;
	}
}
@media (max-width: 360px) {
	.roi-calculator__footer .btn {
		font-size: .92rem !important;
		padding-inline: .8rem !important;
	}
}


/* =====================================================================
   CareMano v3.8.26 — legal pages
   Adds readable privacy policy and terms page layouts and route-safe pages.
   ===================================================================== */
.container--narrow {
	max-width: 920px;
}
.legal-page .legal-hero {
	background: linear-gradient(180deg, var(--color-bg-light) 0%, var(--color-white) 100%);
}
.legal-updated {
	margin-top: var(--space-4);
	font-size: var(--font-size-sm);
	color: var(--color-text-muted);
	font-weight: 700;
}
.legal-content {
	background: var(--color-white);
}
.legal-card {
	background: var(--color-paper);
	border: 1px solid var(--color-border);
	border-radius: 24px;
	box-shadow: var(--shadow-sm);
	padding: clamp(1.25rem, 4vw, 3rem);
}
.legal-card h2 {
	font-family: var(--font-family-display);
	font-size: clamp(1.35rem, 2vw, 1.75rem);
	font-weight: 600;
	color: var(--color-navy);
	margin: 2rem 0 .75rem;
}
.legal-card h2:first-of-type {
	margin-top: 1.25rem;
}
.legal-card p {
	font-size: var(--font-size-base);
	line-height: 1.75;
	color: var(--color-text-muted);
	margin-bottom: 1rem;
}
.legal-card .legal-note {
	margin-top: 2rem;
	padding: 1rem 1.15rem;
	border-left: 3px solid var(--color-coral);
	background: var(--color-cream-deep);
	border-radius: 0 12px 12px 0;
	color: var(--color-navy);
	font-weight: 600;
}
@media (max-width: 640px) {
	.legal-card {
		border-radius: 18px;
	}
	.legal-card p {
		font-size: .98rem;
	}
}


/* =====================================================================
   CareMano v3.8.27 — Google user data privacy section
   Adds readable table styling for Google Sign-In/OAuth disclosure.
   ===================================================================== */
.legal-card h3 {
	font-family: var(--font-family);
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--color-coral-dark);
	margin: 1.4rem 0 .55rem;
}
.legal-table-wrap {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 1rem 0 1.5rem;
	border: 1px solid var(--color-border);
	border-radius: 16px;
	background: var(--color-white);
}
.legal-table {
	width: 100%;
	min-width: 720px;
	border-collapse: collapse;
	font-size: .94rem;
}
.legal-table th,
.legal-table td {
	padding: .95rem 1rem;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid var(--color-border);
	color: var(--color-text-muted);
	line-height: 1.55;
}
.legal-table th {
	background: var(--color-sage-bg);
	color: var(--color-navy);
	font-weight: 800;
	font-size: .78rem;
	letter-spacing: .07em;
	text-transform: uppercase;
}
.legal-table tr:last-child td {
	border-bottom: 0;
}
@media (max-width: 640px) {
	.legal-table {
		font-size: .9rem;
	}
	.legal-card h3 {
		font-size: .9rem;
	}
}


/* CareMano v3.8.28 — footer location */
.site-footer__location {
	margin-top: .85rem;
	font-style: normal;
	font-size: var(--font-size-sm);
	line-height: var(--line-height-relaxed);
	color: rgba(255,255,255,.68);
}
@media (max-width: 640px) {
	.site-footer__location {
		font-size: .9rem;
	}
}

/* =====================================================================
   CareMano v3.8.29 — populated Resources library content
   Adds structured library guidance, richer template cards, playbook points,
   and weekly benchmark reference cards.
   ===================================================================== */
.resources-operating-plan {
	background: var(--color-white);
}
.operating-plan-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 2rem;
}
.operating-plan-card {
	display: flex;
	flex-direction: column;
	gap: .75rem;
	min-height: 100%;
	padding: clamp(1.15rem, 2.2vw, 1.55rem);
	border-radius: 24px;
	border: 1px solid var(--color-border);
	background: linear-gradient(180deg, var(--color-paper), #fff);
	box-shadow: var(--shadow-sm);
	color: var(--color-text-dark);
	text-decoration: none;
}
.operating-plan-card span,
.resources-reference .section-kicker {
	color: var(--color-teal-dark);
	font-size: .68rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.operating-plan-card h3 {
	margin: 0;
	font-family: var(--font-family-display);
	font-size: 1.35rem;
	font-weight: 550;
	line-height: 1.12;
	color: var(--color-navy);
}
.operating-plan-card p {
	margin: 0;
	color: var(--color-text-muted);
	line-height: 1.65;
}
.operating-plan-card em {
	margin-top: auto;
	font-style: normal;
	font-weight: 800;
	color: var(--color-coral-dark);
}
.template-card small {
	display: block;
	line-height: 1.45;
}
.template-card__thumb strong {
	max-width: 20ch;
	font-size: clamp(1.05rem, 1.8vw, 1.35rem);
}
.playbook-card__points {
	margin: .85rem 0 1rem;
	padding: 0;
	list-style: none;
	display: grid;
	gap: .45rem;
}
.playbook-card__points li {
	position: relative;
	padding-left: 1.15rem;
	color: var(--color-text-muted);
	font-size: .92rem;
	line-height: 1.45;
}
.playbook-card__points li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .58em;
	width: .42rem;
	height: .42rem;
	border-radius: 999px;
	background: var(--color-coral);
}
.resources-reference {
	background: var(--color-cream-deep);
}
.resources-reference__inner {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: start;
}
.reference-benchmark-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}
.reference-benchmark-list article {
	padding: 1.2rem;
	border-radius: 22px;
	background: var(--color-white);
	border: 1px solid var(--color-border);
	box-shadow: var(--shadow-sm);
}
.reference-benchmark-list h3 {
	margin: 0 0 .55rem;
	font-family: var(--font-family-display);
	font-weight: 550;
	font-size: 1.25rem;
	color: var(--color-navy);
}
.reference-benchmark-list p {
	margin: 0;
	color: var(--color-text-muted);
	line-height: 1.6;
}
@media (max-width: 980px) {
	.operating-plan-grid,
	.resources-reference__inner,
	.reference-benchmark-list {
		grid-template-columns: 1fr 1fr;
	}
	.resources-reference__inner > div:first-child {
		grid-column: 1 / -1;
	}
}
@media (max-width: 640px) {
	.operating-plan-grid,
	.resources-reference__inner,
	.reference-benchmark-list {
		grid-template-columns: 1fr;
	}
	.operating-plan-card,
	.reference-benchmark-list article {
		border-radius: 18px;
	}
	.playbook-card__points li {
		font-size: .9rem;
	}
}


/* =====================================================================
   CareMano v3.8.30 — focused homepage structure
   Keeps the homepage shorter and more conversion-oriented after moving
   long-form demos, FAQ, founder story, and extended resource content to
   internal pages.
   ===================================================================== */
.front-page--focused .section {
	scroll-margin-top: calc(var(--header-height, 72px) + 1.5rem);
}
.front-page--focused .before-after,
.front-page--focused .how-it-works,
.front-page--focused .dashboard-preview,
.front-page--focused .pipelines-section,
.front-page--focused .not-emr,
.front-page--focused .resources-tease,
.front-page--focused .pricing-preview {
	position: relative;
}
.front-page--focused .section-header,
.front-page--focused .section-header--center {
	margin-bottom: clamp(1.75rem, 4vw, 3rem);
}
@media (min-width: 901px) {
	.front-page--focused .section {
		padding-top: clamp(4.5rem, 7vw, 6.5rem);
		padding-bottom: clamp(4.5rem, 7vw, 6.5rem);
	}
}
@media (max-width: 640px) {
	.front-page--focused .section {
		padding-top: 3.25rem;
		padding-bottom: 3.25rem;
	}
}


/* =====================================================================
   CareMano v3.8.31 — before/after bridge illustration
   Replaces the old circular bridge badge with the geometric hand route
   illustration and keeps it responsive across desktop and mobile.
   ===================================================================== */
.before-after__grid {
	grid-template-columns: minmax(0, 1fr) minmax(220px, 33vw) minmax(0, 1fr);
	align-items: center;
}
.before-after__bridge {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	min-width: 0;
}
.before-after__bridge img {
	display: block;
	width: min(100%, 420px);
	height: auto;
	max-width: 100%;
	filter: drop-shadow(0 10px 24px rgba(17, 26, 43, 0.10));
}
.before-after__bridge > span:not(.screen-reader-text) {
	display: none !important;
}
@media (max-width: 1100px) {
	.before-after__bridge {
		padding-block: .25rem;
	}
	.before-after__bridge img {
		width: min(100%, 360px);
	}
}
@media (max-width: 700px) {
	.before-after__bridge {
		order: 2;
	}
	.before-after__bridge img {
		width: min(100%, 320px);
		margin-inline: auto;
	}
}
@media (max-width: 430px) {
	.before-after__bridge img {
		width: 100%;
		max-width: 280px;
	}
}


/* =====================================================================
   CareMano v3.8.32 — Before/After section layout correction
   Keeps the geometric hand illustration but removes the cramped three-column
   layout that made the Before/After cards display poorly.
   ===================================================================== */
.before-after__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	grid-template-areas:
		"bridge bridge"
		"before after";
	gap: clamp(1.25rem, 2.5vw, 2rem) !important;
	align-items: stretch !important;
}
.before-after-card--before {
	grid-area: before;
}
.before-after-card--after {
	grid-area: after;
}
.before-after__bridge {
	grid-area: bridge;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100%;
	min-width: 0;
	padding: clamp(.6rem, 1.5vw, 1rem) 0 clamp(.2rem, 1vw, .6rem) !important;
	background: transparent !important;
	box-shadow: none !important;
}
.before-after__bridge::before,
.before-after__bridge::after {
	content: '';
	flex: 1 1 80px;
	max-width: 160px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(111,140,114,.32));
}
.before-after__bridge::after {
	background: linear-gradient(90deg, rgba(111,140,114,.32), transparent);
}
.before-after__bridge img {
	display: block !important;
	width: min(58vw, 560px) !important;
	max-width: 100% !important;
	height: auto !important;
	margin-inline: clamp(.75rem, 2vw, 1.25rem);
	filter: drop-shadow(0 12px 26px rgba(17, 26, 43, 0.10));
}
.before-after-card {
	min-width: 0;
	height: 100%;
}
.before-after-card ul {
	margin: 0;
}
@media (max-width: 900px) {
	.before-after__grid {
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"before"
			"bridge"
			"after";
	}
	.before-after__bridge {
		padding-block: .4rem !important;
	}
	.before-after__bridge::before,
	.before-after__bridge::after {
		max-width: 52px;
	}
	.before-after__bridge img {
		width: min(82vw, 420px) !important;
		margin-inline: .65rem;
	}
}
@media (max-width: 480px) {
	.before-after__grid {
		gap: 1rem !important;
	}
	.before-after__bridge::before,
	.before-after__bridge::after {
		display: none;
	}
	.before-after__bridge img {
		width: min(100%, 330px) !important;
		margin-inline: auto;
	}
	.before-after-card {
		padding: 1.2rem !important;
	}
}


/* =====================================================================
   CareMano v3.8.33 — hero workflow board and copy cleanup
   Replaces the loose desk labels with a structured front office workflow.
   ===================================================================== */
.hero__workflow-board {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .85rem;
	margin-top: 1.35rem;
	padding: .95rem;
	border: 1px solid rgba(111, 140, 114, .24);
	border-radius: 24px;
	background: rgba(253, 250, 244, .86);
	box-shadow: 0 18px 44px rgba(17, 26, 43, .07);
}
.hero__workflow-card {
	position: relative;
	min-width: 0;
	padding: .9rem .95rem .95rem;
	border: 1px solid rgba(232, 223, 208, .95);
	border-radius: 18px;
	background: #fffaf2;
}
.hero__workflow-card::before {
	content: '';
	position: absolute;
	top: .75rem;
	right: .75rem;
	width: .55rem;
	height: .55rem;
	border-radius: 999px;
	background: rgba(111, 140, 114, .36);
}
.hero__workflow-card--active::before { background: var(--color-coral); }
.hero__workflow-card--next::before { background: var(--color-teal); }
.hero__workflow-card span {
	display: block;
	margin-bottom: .45rem;
	padding-right: 1rem;
	font-size: .66rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--color-teal);
}
.hero__workflow-card strong {
	display: block;
	margin-bottom: .32rem;
	font-size: .93rem;
	line-height: 1.25;
	color: var(--color-navy);
}
.hero__workflow-card small {
	display: block;
	font-size: .78rem;
	line-height: 1.45;
	color: var(--color-text-muted);
}
.hero__desk-strip,
.hero__proof-strip--editorial.hero__desk-strip { display: none !important; }
@media (max-width: 900px) {
	.hero__workflow-board {
		grid-template-columns: 1fr;
		gap: .75rem;
		margin-top: 1rem;
		padding: .75rem;
	}
	.hero__workflow-card {
		padding: .85rem .9rem;
	}
}
@media (max-width: 640px) {
	.hero__workflow-board {
		border-radius: 20px;
	}
	.hero__workflow-card span { font-size: .62rem; }
	.hero__workflow-card strong { font-size: .9rem; }
	.hero__workflow-card small { font-size: .75rem; }
}


/* =====================================================================
   CareMano v3.8.34 — hero illustration refresh
   Replaces the photo and workflow overlay with a single operations-map
   illustration and keeps the layout clean on desktop and mobile.
   ===================================================================== */
.hero-photo-card--map {
	align-self: center;
}
.hero-photo-card__figure--map {
	transform: none;
	filter: none;
	background: linear-gradient(180deg, rgba(255,255,255,.8) 0%, rgba(255,255,255,.95) 100%);
	border: 1px solid rgba(194, 181, 162, 0.45);
	border-radius: 26px;
	padding: clamp(.75rem, 1.8vw, 1.2rem);
	box-shadow: 0 18px 48px rgba(17, 26, 43, 0.10);
}
.hero-photo-card--map .hero-photo-card__figure img {
	height: auto;
	object-fit: contain;
	border-radius: 18px;
	background: transparent;
}
.hero-photo-card--map .hero-photo-card__caption {
	margin: .95rem auto 0;
	max-width: 38rem;
	text-align: center;
	font-size: .96rem;
	line-height: 1.55;
	color: var(--color-navy-soft, #33443f);
}
@media (min-width: 901px) {
	.hero__inner--editorial {
		grid-template-columns: minmax(0, 1fr) minmax(420px, 520px);
		gap: clamp(2rem, 4vw, 4rem);
		align-items: center;
	}
}
@media (max-width: 900px) {
	.hero-photo-card__figure--map {
		padding: .8rem;
		border-radius: 22px;
	}
	.hero-photo-card--map .hero-photo-card__caption {
		font-size: .92rem;
		max-width: 32rem;
	}
}
@media (max-width: 640px) {
	.hero-photo-card__figure--map {
		padding: .65rem;
		border-radius: 18px;
	}
	.hero-photo-card--map .hero-photo-card__caption {
		font-size: .88rem;
		padding-inline: .35rem;
	}
}


/* =====================================================================
   CareMano v3.8.35 — refined hero operations illustration
   Smaller geometric hand, clearer icons, and responsive composition.
   ===================================================================== */
.hero-ops-map {
	position: relative;
	min-height: clamp(360px, 42vw, 500px);
	padding: clamp(1.1rem, 2vw, 1.6rem);
	border: 1px solid rgba(194, 181, 162, 0.48);
	border-radius: 30px;
	background:
		radial-gradient(circle at 18% 20%, rgba(255,255,255,.76), transparent 32%),
		linear-gradient(145deg, #FBF5EA 0%, #F2EADD 55%, #EAE0D3 100%);
	box-shadow: 0 22px 54px rgba(17, 26, 43, 0.10);
	overflow: hidden;
}
.hero-ops-map::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(135deg, transparent 0 48%, rgba(255,255,255,.42) 48% 55%, transparent 55% 100%),
		radial-gradient(circle at 86% 35%, rgba(255,255,255,.48), transparent 26%);
	pointer-events: none;
}
.hero-ops-map__card,
.hero-ops-map__hub {
	position: absolute;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: .22rem;
	padding: .72rem .76rem;
	border: 1px solid rgba(194,181,162,.62);
	border-radius: 18px;
	background: rgba(255,252,246,.94);
	box-shadow: 0 12px 26px rgba(17,26,43,.11);
	color: var(--color-navy);
}
.hero-ops-map__card { width: 7.6rem; }
.hero-ops-map__card--families { left: 7%; top: 28%; }
.hero-ops-map__card--referrals { left: 32%; top: 10%; }
.hero-ops-map__card--caregivers { right: 7%; top: 13%; }
.hero-ops-map__hub {
	left: 50%;
	top: 39%;
	width: 9.3rem;
	transform: translate(-50%, -50%);
}
.hero-ops-map__card strong,
.hero-ops-map__hub strong {
	font-size: .9rem;
	line-height: 1.2;
}
.hero-ops-map__card small,
.hero-ops-map__hub small {
	font-size: .66rem;
	line-height: 1.25;
	color: var(--color-text-muted);
}
.hero-ops-map__icon,
.hero-ops-map__hub-screen {
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	border-radius: 999px;
	background: #F7EFE4;
	color: var(--color-coral);
}
.hero-ops-map__icon svg,
.hero-ops-map__hub-screen svg {
	width: 2.2rem;
	height: 2.2rem;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.2;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.hero-ops-map__hub-screen {
	width: 3.4rem;
	height: 2.7rem;
	border-radius: 14px;
	color: var(--color-teal-dark);
}
.hero-ops-map__lines {
	position: absolute;
	z-index: 2;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.hero-ops-map__lines path {
	fill: none;
	stroke: rgba(92, 105, 96, .55);
	stroke-width: 1.6;
	stroke-dasharray: 6 7;
}
.hero-ops-map__hand {
	position: absolute;
	z-index: 1;
	right: -4%;
	bottom: 1.2rem;
	width: min(74%, 430px);
	max-width: 430px;
}
.hero-ops-map__hand svg {
	display: block;
	width: 100%;
	height: auto;
}
.hero-ops-map__fragments { fill: #E9B56F; opacity: .92; }
.hero-ops-map__fragments polygon:nth-of-type(2n) { fill: #D8D0C4; }
.hero-ops-map__fragments polygon:nth-of-type(3n) { fill: #244846; }
.hero-ops-map__fragments circle { fill: #D47B55; }
.hero-ops-map__hand-shape .facet { stroke: #123D3B; stroke-width: 3; stroke-linejoin: round; }
.hero-ops-map__hand-shape .facet-coral { fill: #E8775D; }
.hero-ops-map__hand-shape .facet-coral-2 { fill: #D96E56; }
.hero-ops-map__hand-shape .facet-navy { fill: #234A4B; }
.hero-ops-map__hand-shape .facet-cream { fill: #F3EFE6; }
.hero-ops-map__hand-shape .facet-sage { fill: #95B49A; }
.hero-ops-map__hand-shape .facet-line { fill: none; stroke: #123D3B; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 900px) {
	.hero-ops-map {
		min-height: 500px;
		max-width: 620px;
		margin-inline: auto;
	}
	.hero-ops-map__hand {
		right: -6%;
		bottom: 1.8rem;
		width: min(82%, 430px);
	}
}
@media (max-width: 640px) {
	.hero-ops-map {
		min-height: 540px;
		padding: 1rem;
		border-radius: 24px;
	}
	.hero-ops-map__card,
	.hero-ops-map__hub {
		padding: .6rem .62rem;
		border-radius: 16px;
	}
	.hero-ops-map__card { width: 7rem; }
	.hero-ops-map__card--families { left: 4%; top: 12%; }
	.hero-ops-map__card--referrals { left: 50%; top: 6%; transform: translateX(-50%); }
	.hero-ops-map__card--caregivers { right: 4%; top: 12%; }
	.hero-ops-map__hub { top: 37%; width: min(70%, 10rem); }
	.hero-ops-map__hand {
		left: 50%;
		right: auto;
		bottom: 1rem;
		width: min(96%, 370px);
		transform: translateX(-50%);
	}
	.hero-ops-map__lines { opacity: .75; }
	.hero-ops-map__card strong,
	.hero-ops-map__hub strong { font-size: .82rem; }
	.hero-ops-map__card small,
	.hero-ops-map__hub small { font-size: .6rem; }
}
@media (max-width: 390px) {
	.hero-ops-map { min-height: 560px; }
	.hero-ops-map__card { width: 6.45rem; }
	.hero-ops-map__icon { width: 2.65rem; height: 2.65rem; }
	.hero-ops-map__icon svg { width: 1.95rem; height: 1.95rem; }
	.hero-ops-map__hand { width: 100%; }
}


/* =====================================================================
   CareMano v3.8.36 — hero refinement pass
   Makes the geometric hand smaller and better proportioned, upgrades the
   icon treatment, and completely restructures the mobile layout.
   ===================================================================== */
.hero-ops-map {
	min-height: clamp(340px, 40vw, 470px);
	padding: clamp(1rem, 2vw, 1.4rem);
}
.hero-ops-map__card,
.hero-ops-map__hub {
	gap: .28rem;
	padding: .78rem .8rem;
	backdrop-filter: blur(3px);
}
.hero-ops-map__card {
	width: 8rem;
}
.hero-ops-map__card--families { left: 4%; top: 24%; }
.hero-ops-map__card--referrals { left: 30%; top: 8%; }
.hero-ops-map__card--caregivers { right: 4%; top: 12%; }
.hero-ops-map__hub {
	top: 40%;
	width: 10rem;
}
.hero-ops-map__card strong,
.hero-ops-map__hub strong {
	font-size: .94rem;
	letter-spacing: -.01em;
}
.hero-ops-map__card small,
.hero-ops-map__hub small {
	font-size: .68rem;
	line-height: 1.35;
}
.hero-ops-map__icon,
.hero-ops-map__hub-screen {
	width: 3.2rem;
	height: 3.2rem;
	background: linear-gradient(180deg, #FFF8F0 0%, #F6EBDC 100%);
	border: 1px solid rgba(216, 193, 166, 0.7);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
.hero-ops-map__hub-screen {
	width: 3.6rem;
	height: 2.85rem;
}
.hero-ops-map__icon svg {
	width: 2.05rem;
	height: 2.05rem;
	stroke-width: 1.9;
}
.hero-ops-map__hub-screen svg {
	width: 2.35rem;
	height: 2.35rem;
	stroke-width: 1.8;
}
.hero-ops-map__lines path {
	stroke: rgba(92, 105, 96, .42);
	stroke-width: 1.4;
	stroke-dasharray: 5 7;
}
.hero-ops-map__hand {
	right: 1%;
	bottom: .35rem;
	width: min(58%, 330px);
	max-width: 330px;
}
.hero-ops-map__hand svg {
	overflow: visible;
}
.hero-ops-map__fragments {
	opacity: .82;
}
.hero-ops-map__hand-shape .facet,
.hero-ops-map__hand-shape .facet-line {
	stroke-width: 2.5;
}
@media (max-width: 900px) {
	.hero-ops-map {
		min-height: 430px;
	}
	.hero-ops-map__card {
		width: 7.35rem;
	}
	.hero-ops-map__card--families { left: 2%; top: 16%; }
	.hero-ops-map__card--referrals { left: 50%; top: 4%; transform: translateX(-50%); }
	.hero-ops-map__card--caregivers { right: 2%; top: 16%; }
	.hero-ops-map__hub { top: 40%; width: 9rem; }
	.hero-ops-map__hand {
		right: 50%;
		transform: translateX(50%);
		bottom: .1rem;
		width: min(62%, 290px);
		max-width: 290px;
	}
}
@media (max-width: 640px) {
	.hero-ops-map {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas:
			"families"
			"referrals"
			"caregivers"
			"hub"
			"hand";
		gap: .8rem;
		min-height: 0;
		padding: .95rem;
		border-radius: 22px;
	}
	.hero-ops-map::before,
	.hero-ops-map__lines {
		display: none;
	}
	.hero-ops-map__card,
	.hero-ops-map__hub,
	.hero-ops-map__hand {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		transform: none;
		margin: 0;
	}
	.hero-ops-map__card,
	.hero-ops-map__hub {
		width: 100%;
		max-width: none;
		flex-direction: row;
		align-items: center;
		text-align: left;
		justify-content: flex-start;
		gap: .8rem;
		padding: .8rem .85rem;
	}
	.hero-ops-map__card--families { grid-area: families; }
	.hero-ops-map__card--referrals { grid-area: referrals; }
	.hero-ops-map__card--caregivers { grid-area: caregivers; }
	.hero-ops-map__hub { grid-area: hub; }
	.hero-ops-map__icon,
	.hero-ops-map__hub-screen {
		flex: 0 0 auto;
		width: 2.95rem;
		height: 2.95rem;
	}
	.hero-ops-map__hub-screen {
		width: 3.35rem;
		height: 2.7rem;
	}
	.hero-ops-map__card strong,
	.hero-ops-map__hub strong {
		font-size: .88rem;
	}
	.hero-ops-map__card small,
	.hero-ops-map__hub small {
		font-size: .68rem;
	}
	.hero-ops-map__hand {
		grid-area: hand;
		justify-self: center;
		width: min(86%, 250px);
		max-width: 250px;
		padding-top: .15rem;
	}
}
@media (max-width: 390px) {
	.hero-ops-map {
		padding: .8rem;
		gap: .7rem;
	}
	.hero-ops-map__card,
	.hero-ops-map__hub {
		padding: .72rem .74rem;
		gap: .65rem;
	}
	.hero-ops-map__icon,
	.hero-ops-map__hub-screen {
		width: 2.8rem;
		height: 2.8rem;
	}
	.hero-ops-map__hub-screen {
		width: 3.2rem;
		height: 2.55rem;
	}
	.hero-ops-map__icon svg {
		width: 1.85rem;
		height: 1.85rem;
	}
	.hero-ops-map__hub-screen svg {
		width: 2.15rem;
		height: 2.15rem;
	}
	.hero-ops-map__card strong,
	.hero-ops-map__hub strong {
		font-size: .84rem;
	}
	.hero-ops-map__card small,
	.hero-ops-map__hub small {
		font-size: .64rem;
	}
	.hero-ops-map__hand {
		width: min(82%, 220px);
	}
}


/* =====================================================================
   CareMano v3.8.37 — creative hero re-balance
   Restores the stronger earlier icons and makes the geometric hand visible
   without squeezing it. Desktop becomes an operations tableau; mobile becomes
   a clean 2-column card board with the hand as a visible lower support mark.
   ===================================================================== */
.hero-ops-map {
	min-height: clamp(410px, 44vw, 540px) !important;
	padding: clamp(1.15rem, 2.2vw, 1.65rem) !important;
	background:
		radial-gradient(circle at 18% 20%, rgba(255,255,255,.82), transparent 32%),
		radial-gradient(circle at 86% 28%, rgba(255,255,255,.52), transparent 24%),
		linear-gradient(145deg, #FBF5EA 0%, #F0E7D8 58%, #E7DDCF 100%) !important;
}
.hero-ops-map__card,
.hero-ops-map__hub {
	z-index: 4 !important;
	padding: .74rem .78rem !important;
	border-radius: 18px !important;
	background: rgba(255,252,246,.96) !important;
	box-shadow: 0 14px 30px rgba(17,26,43,.12) !important;
	backdrop-filter: none !important;
}
.hero-ops-map__card { width: 7.7rem !important; }
.hero-ops-map__card--families { left: 4.5% !important; top: 18% !important; transform: none !important; }
.hero-ops-map__card--referrals { left: 33% !important; top: 6% !important; transform: none !important; }
.hero-ops-map__card--caregivers { right: 3.5% !important; top: 12% !important; transform: none !important; }
.hero-ops-map__hub {
	left: 52% !important;
	top: 38% !important;
	width: 9.8rem !important;
	transform: translate(-50%, -50%) !important;
}
.hero-ops-map__card strong,
.hero-ops-map__hub strong { font-size: .9rem !important; line-height: 1.18 !important; }
.hero-ops-map__card small,
.hero-ops-map__hub small { font-size: .64rem !important; line-height: 1.28 !important; }
.hero-ops-map__icon,
.hero-ops-map__hub-screen {
	background: #F7EFE4 !important;
	border: 1px solid rgba(216,193,166,.72) !important;
	color: var(--color-coral) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.65) !important;
}
.hero-ops-map__hub-screen { color: var(--color-teal-dark) !important; }
.hero-ops-map__icon svg,
.hero-ops-map__hub-screen svg { stroke-width: 2.15 !important; }
.hero-ops-map__lines { z-index: 2 !important; opacity: .72 !important; }
.hero-ops-map__lines path {
	stroke: rgba(92,105,96,.48) !important;
	stroke-width: 1.55 !important;
	stroke-dasharray: 6 7 !important;
}
.hero-ops-map__hand {
	z-index: 1 !important;
	left: 50% !important;
	right: auto !important;
	bottom: .7rem !important;
	width: min(82%, 430px) !important;
	max-width: 430px !important;
	transform: translateX(-50%) !important;
	opacity: 1 !important;
	padding: 0 !important;
}
.hero-ops-map__hand svg {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	overflow: visible !important;
	filter: drop-shadow(0 12px 16px rgba(17,26,43,.12));
}
.hero-ops-map__hand-shape .facet,
.hero-ops-map__hand-shape .facet-line { stroke-width: 3 !important; }
.hero-ops-map__fragments { opacity: .78 !important; }
@media (max-width: 900px) {
	.hero-ops-map {
		max-width: 620px !important;
		min-height: 500px !important;
		margin-inline: auto !important;
	}
	.hero-ops-map__card { width: 7.15rem !important; }
	.hero-ops-map__card--families { left: 3% !important; top: 11% !important; }
	.hero-ops-map__card--referrals { left: 50% !important; top: 5% !important; transform: translateX(-50%) !important; }
	.hero-ops-map__card--caregivers { right: 3% !important; top: 11% !important; }
	.hero-ops-map__hub { top: 39% !important; width: 9.25rem !important; }
	.hero-ops-map__hand {
		bottom: .55rem !important;
		width: min(78%, 370px) !important;
		max-width: 370px !important;
	}
}
@media (max-width: 640px) {
	.hero-ops-map {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		grid-template-areas:
			"families referrals"
			"caregivers hub"
			"hand hand" !important;
		gap: .75rem !important;
		min-height: 0 !important;
		padding: .9rem !important;
		border-radius: 22px !important;
		overflow: hidden !important;
	}
	.hero-ops-map::before,
	.hero-ops-map__lines { display: none !important; }
	.hero-ops-map__card,
	.hero-ops-map__hub,
	.hero-ops-map__hand {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: auto !important;
		transform: none !important;
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
	}
	.hero-ops-map__card,
	.hero-ops-map__hub {
		min-width: 0 !important;
		height: 100% !important;
		padding: .72rem .54rem !important;
		gap: .26rem !important;
	}
	.hero-ops-map__card--families { grid-area: families !important; }
	.hero-ops-map__card--referrals { grid-area: referrals !important; }
	.hero-ops-map__card--caregivers { grid-area: caregivers !important; }
	.hero-ops-map__hub { grid-area: hub !important; }
	.hero-ops-map__icon,
	.hero-ops-map__hub-screen {
		width: 2.75rem !important;
		height: 2.75rem !important;
	}
	.hero-ops-map__hub-screen { width: 3.15rem !important; height: 2.55rem !important; }
	.hero-ops-map__icon svg { width: 1.95rem !important; height: 1.95rem !important; }
	.hero-ops-map__hub-screen svg { width: 2.1rem !important; height: 2.1rem !important; }
	.hero-ops-map__card strong,
	.hero-ops-map__hub strong { font-size: .76rem !important; }
	.hero-ops-map__card small,
	.hero-ops-map__hub small { font-size: .56rem !important; line-height: 1.18 !important; }
	.hero-ops-map__hand {
		grid-area: hand !important;
		justify-self: center !important;
		width: min(94%, 320px) !important;
		max-width: 320px !important;
		padding-top: .1rem !important;
	}
}
@media (max-width: 390px) {
	.hero-ops-map { gap: .62rem !important; padding: .75rem !important; }
	.hero-ops-map__card,
	.hero-ops-map__hub { padding: .64rem .46rem !important; }
	.hero-ops-map__icon,
	.hero-ops-map__hub-screen { width: 2.5rem !important; height: 2.5rem !important; }
	.hero-ops-map__hub-screen { width: 2.9rem !important; height: 2.35rem !important; }
	.hero-ops-map__icon svg { width: 1.75rem !important; height: 1.75rem !important; }
	.hero-ops-map__hub-screen svg { width: 1.92rem !important; height: 1.92rem !important; }
	.hero-ops-map__card strong,
	.hero-ops-map__hub strong { font-size: .71rem !important; }
	.hero-ops-map__card small,
	.hero-ops-map__hub small { display: none !important; }
	.hero-ops-map__hand { width: min(96%, 285px) !important; }
}


/* =====================================================================
   CareMano v3.8.38 — hero revert
   Restores the pre-hand-experiment photo/workflow hero presentation.
   Later hero-ops-map rules remain harmless because that markup is no
   longer used on the homepage.
   ===================================================================== */
.hero-photo-card:not(.hero-photo-card--map) {
	position: relative;
}
.hero-photo-card:not(.hero-photo-card--map) .hero-photo-card__figure {
	transform: rotate(-1.5deg);
	filter: saturate(.96) contrast(.98) sepia(.06);
	border-radius: 16px 16px 64px 16px;
	overflow: hidden;
}
.hero-photo-card:not(.hero-photo-card--map) .hero-photo-card__figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 640px) {
	.hero-photo-card:not(.hero-photo-card--map) .hero-photo-card__figure {
		border-radius: 16px 16px 42px 16px;
	}
}