:root {
  --ink: #26212b;
  --ink-soft: #5d5664;
  --purple: #9463ae;
  --purple-dark: #6e3e89;
  --purple-light: #f4f0f8;
  --coral: #be574b;
  --coral-dark: #994236;
    --coral-soft:#f8e9e6;
    --green:#4f7965;
    --green-soft:#eaf3ee;
    --gold:#8f692f;
    --gold-soft:#f8f0df;
  --cream: #fff9f3;
  --sage: #eef3e7;
  --lime: #bdcf1d;
  --white: #ffffff;
  --line: #e4dfe7;
  --line-dark: rgba(38, 33, 43, 0.18);
  --shadow-sm: 0 8px 24px rgba(47, 31, 57, 0.08);
  --shadow-md: 0 20px 50px rgba(47, 31, 57, 0.12);
  --shadow-lg: 0 28px 80px rgba(47, 31, 57, 0.17);
  --shadow:0 18px 55px rgba(6,28,41,.13);
  --shadow-soft:0 8px 26px rgba(6,28,41,.08);
  --radius-sm: 12px;
  --radius-md: 22px;
  --radius-lg: 34px;
  --container: 1180px;
  --header-offset: 112px;
  --purple-deep:#68467d;--purple-soft:#f4f0f8;
  --navy-950:#061c29;
      --navy-900:#092536;
      --navy-850:#0c2d3e;
      --navy-800:#10384b;
      --navy-700:#195269;
      --teal-800:#0d655f;
      --teal-700:#14766f;
      --teal-600:#1b8c83;
      --teal-100:#def3f0;
      --teal-050:#eef9f7;
      --violet-700:#625690;
      --violet-100:#eeeafd;
      --coral-700:#b9533f;
      --coral-100:#fbe9e4;
      --gold-700:#95620c;
      --gold-100:#f8efd8;
      --blue-700:#326d98;
      --blue-100:#e4f0f8;
      --ink:#17313f;
      --muted:#5c707b;
      --paper:#fff;
      --mist:#f3f8f8;
      --cream:#faf7f1;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: Poppins, Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.62;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.nav-open { overflow: hidden; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration-thickness: 1.5px; text-underline-offset: 0.18em; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
main { overflow: clip; }
h1, h2, h3, h4, p, ul, ol, blockquote { margin-top: 0; }
h1, h2, h3 { line-height: 1.1; letter-spacing: -0.035em; }
h1 { font-size: clamp(2.65rem, 5.5vw, 5.15rem); margin-bottom: 1.35rem; }
h2 { font-size: clamp(2rem, 3.7vw, 3.65rem); margin-bottom: 1.15rem; }
h3 { font-size: clamp(1.25rem, 2vw, 1.55rem); margin-bottom: 0.75rem; }
p { margin-bottom: 1.2rem; }

.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.section { padding: clamp(76px, 9vw, 124px) 0; }
.compact-section { padding-top: 72px; padding-bottom: 36px; }
.soft-section { background: var(--purple-light); }
.centered-copy { max-width: 850px; text-align: center; margin-inline: auto; }
.centered-copy > p:last-of-type { color: var(--ink-soft); font-size: 1.12rem; }
.White-text { color: var(--white) !important; font-size: 1.12rem; }
.section-heading { max-width: 790px; margin-bottom: 48px; }
.section-heading > p:last-child { color: var(--ink-soft); font-size: 1.08rem; }
.section-heading-split { max-width: none; display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 56px; align-items: end; }
.section-heading-split > p { margin-bottom: 0; }
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  color: var(--coral-dark);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.eyebrow::before { content: ""; width: 26px; height: 2px; border-radius: 999px; background: currentColor; }
.hero-lede { color: var(--ink-soft); font-size: clamp(1.08rem, 1.7vw, 1.28rem); max-width: 730px; }
.fine-print { color: var(--ink-soft); font-size: 0.83rem; line-height: 1.55; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.skip-link { position: fixed; z-index: 9999; left: 18px; top: 12px; transform: translateY(-160%); padding: 10px 16px; border-radius: 8px; background: var(--ink); color: var(--white); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid var(--coral); outline-offset: 3px; }

.material-symbols-outlined {
  font-size: 16px;
  padding-right:10px;
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 20

}


/* Header */
.site-header { position: sticky; top: 0; z-index: 1000; background: rgba(255,255,255,0.96); border-bottom: 1px solid rgba(38,33,43,0.08); backdrop-filter: blur(18px); }
.topline { background: var(--ink); color: var(--white); font-size: 0.78rem; letter-spacing: 0.015em; }
.topline-inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.topline a { color: var(--white); text-decoration: none; font-weight: 700; }
.nav-shell { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { flex: 0 0 auto; }
.brand img { width: 166px; height: auto; }
.primary-nav { display: flex; align-items: center; gap: 5px; margin-left: auto; }
.nav-link, .nav-dropdown > summary, .nav-account {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 10px; color: #4d4651; font-size: 0.91rem; font-weight: 700; text-decoration: none; cursor: pointer;
}
.nav-link:hover, .nav-dropdown > summary:hover, .nav-account:hover { background: var(--purple-light); color: var(--purple-dark); }
.nav-link.nav-current, .nav-dropdown.nav-current > summary { color: var(--purple-dark); background: var(--purple-light); }
.nav-dropdown { position: relative; }
.nav-dropdown > summary { list-style: none; }
.nav-dropdown > summary::-webkit-details-marker { display: none; }
.nav-dropdown > summary::after { content: ""; width: 7px; height: 7px; margin-left: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform 180ms ease; }
.nav-dropdown[open] > summary::after { transform: rotate(225deg) translate(-1px,-1px); }
.dropdown-panel {
  position: absolute; top: calc(100% + 12px); left: 50%; transform: translateX(-50%); width: min(630px, 85vw); display: grid; grid-template-columns: 1fr 1fr; gap: 5px; padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: var(--white); box-shadow: var(--shadow-lg);
}
.dropdown-panel::before { content: ""; position: absolute; top: -14px; left: 0; width: 100%; height: 14px; }
.dropdown-panel a { display: flex; flex-direction: column; padding: 13px 14px; border-radius: 12px; text-decoration: none; }
.dropdown-panel a:hover { background: var(--purple-light); }
.dropdown-panel strong { color: var(--ink); font-size: 0.9rem; }
.dropdown-panel span { color: var(--ink-soft); font-size: 0.76rem; }
.nav-actions { display: flex; align-items: center; gap: 8px; margin-left: 8px; }
.menu-toggle { display: none; width: 46px; height: 46px; padding: 11px; border: 0; border-radius: 12px; background: var(--purple-light); cursor: pointer; }
.menu-toggle span:not(.sr-only) { display: block; width: 100%; height: 2px; margin: 5px 0; border-radius: 99px; background: var(--ink); transition: transform 180ms ease, opacity 180ms ease; }
.menu-toggle[aria-expanded="true"] span:nth-of-type(2) { transform: translateY(7px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-of-type(3) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:nth-of-type(4) { transform: translateY(-7px) rotate(-45deg); }

/* Buttons and links */
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0.76rem 1.35rem; border: 2px solid var(--purple); border-radius: 999px; background: var(--purple); color: var(--white); font-size: 0.94rem; font-weight: 800; line-height: 1.15; text-align: center; text-decoration: none; cursor: pointer; box-shadow: 0 9px 24px rgba(148,99,174,0.22); transition: transform 170ms ease, box-shadow 170ms ease, background 170ms ease; }
.button:hover { transform: translateY(-2px); background: var(--purple-dark); border-color: var(--purple-dark); box-shadow: 0 13px 30px rgba(148,99,174,0.28); }
.button-secondary { background: transparent; color: var(--purple-dark); box-shadow: none; }
.button-secondary:hover { background: var(--purple-light); color: var(--purple-dark); }
.button-small { min-height: 42px; padding: 0.62rem 1rem; font-size: 0.86rem; }
.button-full { width: 100%; }
.button-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 1.8rem; }
.centered-buttons { justify-content: center; }
 .button svg{width:18px;height:18px}
.button-white{color:var(--navy-950);background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.button-white:hover{background:#f5fbfa}
.button-outline{color:#fff;border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.07)}
.button-outline:hover{border-color:#fff;background:rgba(255,255,255,.13)}
.text-link { color: var(--purple-dark); font-weight: 800; text-decoration: none; }
.text-link:hover { text-decoration: underline; }

/* Home hero */
.hero { position: relative; /*padding: clamp(64px, 8vw, 108px) 0 76px;
  background: linear-gradient(135deg, #fffaf5 0%, #ffffff 47%, #f4f0f8 100%); */ 
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  /*
  background-image: 
    linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%), 
    url('../images/hero-banner.jpg'),url('../images/hero-banner-2.jpg'),url('../images/hero-banner-3.jpg');
  */
  /* Ensures the image covers the entire element area */
  /*background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  animation: slideBackground 12s infinite ease-in-out; */
}

@keyframes slideBackground {
  
  /* Image 1 is visible */
  0%, 28% {
    background-position: 0% 0%, 100% 0%, 200% 0%;
  }
  /* Slide transition from Image 1 to Image 2 */
  33%, 61% {
    background-position: -100% 0%, 0% 0%, 100% 0%;
  }
  /* Slide transition from Image 2 to Image 3 */
  66%, 95% {
    background-position: -200% 0%, -100% 0%, 0% 0%;
  }
  /* Loop smoothly back to the beginning */
  100% {
    background-position: 0% 0%, 100% 0%, 200% 0%;
  }
}

.hero-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* Individual Slides */
.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  animation: imageSlider 24s linear infinite; /* Total duration: 12 seconds */
}

/* Background Image Assignments */
.slide-1 {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%), url('../images/hero-banner.jpg');
  animation-delay: 0s;
}

.slide-2 {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%), url('../images/hero-banner-2.jpg');
  animation-delay: 4s; /* Starts after 4 seconds */
}

.slide-3 {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%), url('../images/hero-banner-3.jpg');
  animation-delay: 8s; /* Starts after 8 seconds */
}

/* Animation Logic for 3 Images */
@keyframes imageSlider {
  0% {
    opacity: 0;
    transform: scale(1); /* Optional: subtle zoom effect reset */
  }
  8% {
    opacity: 1; /* Fade in quickly */
  }
  33% {
    opacity: 1; /* Stay fully visible */
  }
  41% {
    opacity: 0; /* Fade out quickly before next slide */
    transform: scale(1.05); /* Optional: subtle zoom effect outward */
  }
  100% {
    opacity: 0;
  }
}

.hero::before { content: ""; position: absolute; left: -14vw; top: 12%; width: 40vw; height: 40vw; border-radius: 50%; background: radial-gradient(circle, rgba(190,87,75,0.08), transparent 67%); pointer-events: none; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(430px, 0.97fr); gap: clamp(44px, 7vw, 96px); align-items: center; }
.hero-copy { 
  position: relative; z-index: 2; 
  
}
.hero-copy h2 { max-width: 590px; }
.trust-list { display: flex; flex-wrap: wrap; gap: 10px 22px; list-style: none; padding: 0; margin: 30px 0 0; color: var(--ink-soft); font-size: 0.85rem; font-weight: 750; }
.trust-list li::before { content: "✓"; margin-right: 8px; color: var(--coral); font-weight: 900; }
.hero-visual { position: relative; min-height: 610px; }
.hero-photo-wrap { position: absolute; inset: 0 0 32px 2%; display: flex; align-items: center; justify-content: center; }
.hero-photo { width: 100%; max-width: 670px; filter: drop-shadow(0 26px 45px rgba(38,33,43,0.08)); }
.phone-preview { position: absolute; left: -7%; bottom: 0; width: 172px; height: 284px; overflow: hidden; border: 8px solid var(--white); border-radius: 32px; background: var(--white); box-shadow: var(--shadow-lg); transform: rotate(-3deg); }
.phone-preview img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 13%; }
.connection-note { position: absolute; right: -3%; bottom: 58px; display: flex; align-items: center; gap: 11px; min-width: 245px; padding: 14px 16px; border: 1px solid rgba(148,99,174,0.15); border-radius: 16px; background: rgba(255,255,255,0.94); box-shadow: var(--shadow-md); }
.connection-note span:last-child { display: flex; flex-direction: column; line-height: 1.25; }
.connection-note small { color: var(--ink-soft); font-size: 0.72rem; }
.connection-icon { display: grid; place-items: center; width: 33px; height: 33px; flex: 0 0 33px; border-radius: 50%; background: var(--sage); color: #4d6b29; font-weight: 900; }
.hero-tags{display:grid;margin-top:22px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-tags span{display:flex;min-height:38px;align-items:center;justify-content:center;padding:7px 10px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:rgba(255,255,255,.84);background:rgba(255,255,255,.07);font-size:.82rem;font-weight:760;text-align:center}

/* Story */
.story-section { padding-top: 68px; }
.story-grid { display: grid; grid-template-columns: 0.88fr 1.12fr; gap: clamp(50px, 8vw, 110px); align-items: center; }
.story-grid > div:first-child p:not(.eyebrow):not(.fine-print) { color: var(--ink-soft); }
.day-card { padding: clamp(24px, 3vw, 38px); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow-md); }
.day-card-header { display: flex; align-items: center; gap: 13px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.day-card-header > div:last-child { display: flex; flex-direction: column; line-height: 1.28; }
.day-card-header span:not(.avatar) { color: var(--ink-soft); font-size: 0.78rem; }
.avatar { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 50%; background: var(--purple); color: var(--white); font-weight: 850; }
.avatar-large { width: 58px; height: 58px; font-size: 1.15rem; }
.day-list { list-style: none; padding: 6px 0 0; margin: 0; }
.day-list li { display: grid; grid-template-columns: 78px 1fr auto; gap: 15px; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--line); }
.day-list li:last-child { border-bottom: 0; }
.day-list time { color: var(--ink-soft); font-size: 0.78rem; font-weight: 750; }
.day-list li > span:nth-child(2) { display: flex; flex-direction: column; line-height: 1.35; }
.day-list small { color: var(--ink-soft); font-size: 0.75rem; }
.status { padding: 4px 9px; border-radius: 99px; background: var(--purple-light); color: var(--purple-dark); font-size: 0.66rem; font-weight: 850; }
.status-done { background: var(--sage); color: #4c672d; }
.status-planned { background: #fff1e9; color: var(--coral-dark); }

/* Cards */
.three-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.four-card-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.two-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.outcome-card, .feature-card { position: relative; min-height: 250px; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); box-shadow: var(--shadow-sm); }
.outcome-card h3, .feature-card h3 { margin-top: 26px; }
.outcome-card p, .feature-card p { margin-bottom: 0; color: var(--ink-soft); font-size: 0.95rem; }
.card-number { color: var(--coral); font-size: 0.79rem; font-weight: 900; letter-spacing: 0.12em; }
.feature-kicker { display: inline-flex; padding: 5px 10px; border-radius: 999px; background: var(--purple-light); color: var(--purple-dark); font-size: 0.7rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; }
.route-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; }
.route-card { grid-column: span 2; display: flex; flex-direction: column; min-height: 340px; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); text-decoration: none; box-shadow: var(--shadow-sm); transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; }
.route-card:hover { transform: translateY(-5px); border-color: rgba(148,99,174,0.45); box-shadow: var(--shadow-md); }
.route-card-featured { grid-column: span 3; background: linear-gradient(145deg, var(--purple-light), #fff); }
.route-card:nth-child(2) { grid-column: span 3; }
.route-card img { width: 52px; height: 48px; object-fit: contain; margin-bottom: 22px; }
.route-symbol { display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 22px; border-radius: 16px; background: var(--purple-light); color: var(--purple-dark); font-size: 1.6rem; font-weight: 700; }
.route-label { color: var(--coral-dark); font-size: 0.72rem; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; }
.route-card h3 { margin-top: 12px; }
.route-card p { color: var(--ink-soft); font-size: 0.92rem; }
.route-link { margin-top: auto; color: var(--purple-dark); font-size: 0.85rem; font-weight: 850; }

/* People first */
.people-first-section, .section-cream { background: var(--cream); }
.people-first-grid { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: clamp(60px, 9vw, 130px); align-items: center; }
.people-first-grid > div:last-child p:not(.eyebrow) { color: var(--ink-soft); }
.people-first-visual { position: relative; min-height: 520px; }
.people-first-visual img {padding:10px;margin-top: 70px; border-radius: 20px;}
.circle-person { position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 188px; height: 188px; border-radius: 50%; background: var(--purple); color: var(--white); box-shadow: var(--shadow-lg); text-align: center; line-height: 1.2; }
.circle-person span { font-size: 0.82rem; opacity: 0.85; }
.circle-person strong { font-size: 1.25rem; }
.circle-person::before, .circle-person::after { content: ""; position: absolute; inset: -78px; z-index: -1; border: 1px solid rgba(148,99,174,0.22); border-radius: 50%; }
.circle-person::after { inset: -145px; border-color: rgba(190,87,75,0.13); }
.circle-node { position: absolute; z-index: 4; display: grid; place-items: center; min-width: 108px; min-height: 58px; padding: 10px 16px; border: 1px solid var(--line); border-radius: 18px; background: var(--white); box-shadow: var(--shadow-sm); font-size: 0.82rem; font-weight: 800; text-align: center; }
.node-family { left: 7%; top: 15%; }
.node-caregiver { right: 1%; top: 21%; }
.node-org { right: 5%; bottom: 12%; }
.node-community { left: 4%; bottom: 17%; }

/* Trust */
.trust-section { background: var(--ink); color: var(--white); }
.trust-section .eyebrow { color: #eaa69e; }
.trust-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(50px, 8vw, 110px); }
.trust-points { display: grid; gap: 14px; }
.trust-points > div { display: grid; grid-template-columns: 170px 1fr; gap: 24px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,0.15); }
.trust-points > div:last-child { border-bottom: 0; }
.trust-points span { color: rgba(255,255,255,0.69); font-size: 0.92rem; }

/* Final CTA */
.final-cta-section { background: var(--cream); }
.final-cta { display: grid; grid-template-columns: 1.25fr 0.75fr; gap: 65px; align-items: center; }
.dual-cta { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.cta-panel { display: flex; flex-direction: column; min-height: 220px; padding: 28px; border-radius: var(--radius-md); background: var(--white); box-shadow: var(--shadow-md); text-decoration: none; }
.cta-panel span { color: var(--coral-dark); font-size: 0.75rem; font-weight: 850; text-transform: uppercase; letter-spacing: 0.08em; }
.cta-panel strong { margin-top: auto; font-size: 1.35rem; line-height: 1.2; }
.cta-panel small { margin-top: 10px; color: var(--ink-soft); line-height: 1.5; }
.cta-panel-dark { background: var(--purple); color: var(--white); }
.cta-panel-dark span { color: #f1c3be; }
.cta-panel-dark small { color: rgba(255,255,255,0.75); }

/* Inner heroes */
.inner-hero{
  position: relative;
  width: 100%;
  background-image: 
    linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.9) 100%), 
    url('../images/inner-hero-banner.jpg');
  
  /* Ensures the image covers the entire element area */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding:30px 0;
}
.solution-hero { position: relative; 
 /* padding: clamp(78px, 10vw, 132px) 0; 
  background: linear-gradient(135deg, var(--cream), var(--purple-light)); */

  width: 100%;
  background-image: 
    linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.9) 100%), 
    url('../images/inner-hero-banner.jpg');
  
  /* Ensures the image covers the entire element area */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding:30px 0;
}
.compact-hero { padding: clamp(72px, 8vw, 106px) 0; }
.inner-hero-grid, .solution-hero-grid { display: grid; grid-template-columns: 1.25fr 0.75fr; gap: clamp(48px, 8vw, 105px); align-items: center; }
.centered-hero { max-width: 900px; margin-inline: auto; text-align: center; }
.centered-hero .hero-lede { margin-inline: auto; }
.centered-hero .eyebrow::before { display: none; }
.solution-hero h1 { font-size: clamp(2.6rem, 5vw, 4.75rem); }
.solution-photo-card { position: relative; }
.solution-photo-card img { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }
.photo-caption { position: absolute; left: 24px; right: 24px; bottom: 20px; display: flex; flex-direction: column; padding: 16px 18px; border-radius: 15px; background: rgba(255,255,255,0.93); box-shadow: var(--shadow-sm); line-height: 1.35; }
.photo-caption span { color: var(--ink-soft); font-size: 0.79rem; }
.family-hero { background: linear-gradient(135deg, #fff8f2, #f7f2fa); }
.org-hero { background: linear-gradient(135deg, #f2eff7, #f7faf3); }
.dementia-hero { background: linear-gradient(135deg, #f9f4ed, #eee7f5); }
.community-hero { background: linear-gradient(135deg, #edf4e7, #f5f0f8); }
.employer-hero { background: linear-gradient(135deg, #f4f0f8, #fff7f2); }

/* Care map */
.care-map { position: relative; min-height: 500px; }
.care-map::before, .care-map::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 360px; height: 360px; border: 1px solid rgba(148,99,174,0.22); border-radius: 50%; }
.care-map::after { width: 490px; height: 490px; border-color: rgba(190,87,75,0.12); }
.care-map-center { position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%); display: flex; flex-direction: column; justify-content: center; width: 210px; height: 210px; padding: 20px; border-radius: 50%; background: var(--purple); color: var(--white); text-align: center; box-shadow: var(--shadow-lg); }
.care-map-center span { font-size: 0.82rem; opacity: 0.8; }
.care-map-center strong { margin-top: 7px; line-height: 1.25; }
.care-map-node { position: absolute; z-index: 4; display: flex; flex-direction: column; min-width: 155px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 16px; background: var(--white); box-shadow: var(--shadow-sm); line-height: 1.35; }
.care-map-node small { color: var(--ink-soft); font-size: 0.7rem; }
.map-family { left: 0; top: 10%; }
.map-care { right: 0; top: 16%; }
.map-org { right: 1%; bottom: 10%; }
.map-community { left: 1%; bottom: 15%; }

/* Journeys and product reveal */
.journey-layout { display: grid; grid-template-columns: 1.0fr 1.0fr; gap: clamp(58px, 9vw, 128px); align-items: start; }
.journey-layout > div:first-child p:not(.eyebrow) { color: var(--ink-soft); }
.numbered-journey { list-style: none; padding: 0; margin: 0; }
.numbered-journey li { display: grid; grid-template-columns: 62px 1fr; gap: 24px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.numbered-journey li:first-child { padding-top: 0; }
.numbered-journey > li > span { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; background: var(--purple); color: var(--white); font-size: 0.75rem; font-weight: 900; }
.numbered-journey h3 { margin-bottom: 0.35rem; }
.numbered-journey p { margin-bottom: 0; color: var(--ink-soft); font-size: 0.92rem; }
.product-reveal-grid { display: grid; grid-template-columns: 0.78fr 1.22fr; gap: clamp(58px, 9vw, 128px); align-items: start; }
.product-reveal-grid > div:first-child p:not(.eyebrow) { color: var(--ink-soft); }
.product-accordions details, .faq-list details { border-bottom: 1px solid var(--line); }
.product-accordions summary, .faq-list summary { position: relative; padding: 21px 42px 21px 0; list-style: none; cursor: pointer; font-weight: 800; }
.product-accordions summary::-webkit-details-marker, .faq-list summary::-webkit-details-marker { display: none; }
.product-accordions summary::after, .faq-list summary::after { content: "+"; position: absolute; right: 0; top: 17px; display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; background: var(--purple-light); color: var(--purple-dark); font-size: 1.2rem; }
.product-accordions details[open] summary::after, .faq-list details[open] summary::after { content: "−"; }
.product-accordions summary { display: flex; flex-direction: column; }
.product-accordions summary span { color: var(--coral-dark); font-size: 0.69rem; letter-spacing: 0.08em; text-transform: uppercase; }
.product-accordions summary strong { font-size: 1.18rem; }
.product-accordions details p, .faq-list details p { padding-right: 40px; color: var(--ink-soft); font-size: 0.92rem; }

/* Solution directory */
.solution-directory { display: grid; gap: 0; }
.solution-row { display: grid; grid-template-columns: 150px 1fr auto; gap: 32px; align-items: center; padding: 42px 0; border-bottom: 1px solid var(--line); }
.solution-row:first-child { border-top: 1px solid var(--line); }
.solution-row h2 { margin: 8px 0 10px; font-size: clamp(1.75rem, 3vw, 2.65rem); }
.solution-row p { margin: 0; color: var(--ink-soft); }
.solution-index { color: var(--coral); font-size: 0.88rem; font-weight: 900; }
.solution-row img {border-radius: 10px;}
/* Family app story */
.app-story-grid { display: grid; grid-template-columns: 0.75fr 1.25fr; gap: clamp(60px, 9vw, 130px); align-items: center; }
.app-image { display: flex; justify-content: center; }
.app-image img { max-height: 650px; width: auto; filter: drop-shadow(0 24px 38px rgba(38,33,43,0.18)); }
.check-list { list-style: none; padding: 0; margin: 24px 0 0; }
.check-list li { position: relative; padding: 8px 0 8px 30px; color: var(--ink-soft); }
.check-list li::before { content: "✓"; position: absolute; left: 0; top: 8px; color: var(--purple); font-weight: 900; }
.pricing-teaser-section { background: var(--ink); color: var(--white); }
.pricing-teaser { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: center; }
.pricing-teaser .eyebrow { color: #eaa69e; }
.pricing-teaser p:not(.eyebrow) { color: rgba(255,255,255,0.7); }
.pricing-teaser .text-link { color: var(--white); }
.pricing-teaser .button { border-color: var(--white); background: var(--white); color: var(--purple-dark); }

/* FAQs */
.faq-grid { display: grid; grid-template-columns: 0.75fr 1.25fr; gap: clamp(58px, 9vw, 128px); }
.faq-list summary { font-size: 1.05rem; }

/* Organization */
.workflow-board { padding: 24px; border: 1px solid rgba(148,99,174,0.18); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow-lg); }
.workflow-board-top { display: flex; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.workflow-board-top span { color: #4d6b29; font-size: 0.72rem; font-weight: 850; }
.workflow-person { display: flex; align-items: center; gap: 12px; padding: 20px 0; }
.workflow-person > div { display: flex; flex-direction: column; line-height: 1.35; }
.workflow-person small { color: var(--ink-soft); font-size: 0.74rem; }
.workflow-tabs { display: flex; gap: 5px; overflow: auto; padding-bottom: 15px; }
.workflow-tabs span { white-space: nowrap; padding: 7px 10px; border-radius: 8px; color: var(--ink-soft); font-size: 0.71rem; font-weight: 750; }
.workflow-tabs .active { background: var(--purple-light); color: var(--purple-dark); }
.workflow-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 13px 0 18px; }
.workflow-metrics div { display: flex; flex-direction: column; padding: 12px; border-radius: 12px; background: var(--purple-light); }
.workflow-metrics small { color: var(--ink-soft); font-size: 0.68rem; }
.workflow-metrics strong { font-size: 0.9rem; }
.workflow-line { display: flex; align-items: center; gap: 12px; padding: 13px 0; border-top: 1px solid var(--line); }
.workflow-line > span { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: var(--sage); color: #4d6b29; font-weight: 900; }
.workflow-line > div { display: flex; flex-direction: column; line-height: 1.3; }
.workflow-line small { color: var(--ink-soft); font-size: 0.7rem; }
.workflow-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.workflow-steps article { padding: 26px; border-top: 3px solid var(--purple); border-radius: 0 0 var(--radius-md) var(--radius-md); background: var(--purple-light); }
.workflow-steps article:nth-child(even) { border-color: var(--coral); background: var(--cream); }
.workflow-steps span { color: var(--coral); font-size: 0.76rem; font-weight: 900; }
.workflow-steps h3 { margin-top: 20px; }
.workflow-steps p { margin-bottom: 0; color: var(--ink-soft); font-size: 0.88rem; }
.implementation-section { background: var(--cream); }
.implementation-grid { display: grid; grid-template-columns: 0.86fr 1.14fr; gap: clamp(58px, 9vw, 128px); align-items: start; }
.implementation-grid > div:first-child p:not(.eyebrow) { color: var(--ink-soft); }
.plain-steps { list-style: none; padding: 0; margin: 0; }
.plain-steps li { display: grid; grid-template-columns: 120px 1fr; gap: 25px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.plain-steps strong { color: var(--purple-dark); }
.plain-steps span { color: var(--ink-soft); font-size: 0.92rem; }

/* Dementia */
.dual-support-visual { display: grid; gap: 16px; }
.support-person { display: grid; grid-template-columns: auto 1fr; column-gap: 15px; padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: var(--white); box-shadow: var(--shadow-sm); }
.support-person .avatar { grid-row: span 2; }
.support-person small { color: var(--ink-soft); font-size: 0.76rem; }
.caregiver-support { margin-left: 44px; }
.caregiver-support .avatar { background: var(--coral); }
.support-bridge { display: flex; align-items: center; gap: 14px; margin-left: 80px; color: var(--purple-dark); font-size: 0.8rem; }
.support-bridge span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--purple-light); }
.guide-intro-grid { display: grid; grid-template-columns: 1fr 0.82fr; gap: clamp(50px, 8vw, 100px); align-items: start; }
.source-card { padding: 28px; border-left: 4px solid var(--coral); border-radius: 0 var(--radius-md) var(--radius-md) 0; background: var(--cream); box-shadow: var(--shadow-sm); }
.source-label { color: var(--coral-dark); font-size: 0.72rem; font-weight: 850; text-transform: uppercase; letter-spacing: 0.08em; }
.source-card p { margin-top: 15px; color: var(--ink-soft); }
.guide-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.calm-panel { padding: 34px; border: 1px solid #ddd3e3; border-radius: var(--radius-lg); background: linear-gradient(145deg, #fbf9fd, #eee5f4); box-shadow: var(--shadow-md); }
.calm-panel > div:first-child { display: flex; flex-direction: column; padding: 25px; border-radius: 20px; background: var(--white); }
.calm-panel > div:first-child span { color: var(--coral-dark); font-size: 0.72rem; font-weight: 800; }
.calm-panel > div:first-child strong { margin: 12px 0 6px; font-size: 1.45rem; }
.calm-panel > div:first-child small { color: var(--ink-soft); }
.calm-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 15px; }
.calm-actions span { padding: 12px 8px; border-radius: 12px; background: rgba(255,255,255,0.75); font-size: 0.75rem; font-weight: 800; text-align: center; }
.calm-panel > p { margin: 15px 0 0; color: var(--ink-soft); font-size: 0.72rem; text-align: center; }
.notice-section { padding-top: 36px; padding-bottom: 72px; }
.notice-card { display: grid; grid-template-columns: 120px 1fr; gap: 25px; padding: 24px 28px; border: 1px solid #ecd7d3; border-radius: 16px; background: #fff7f5; }
.notice-card strong { color: var(--coral-dark); }
.notice-card p { margin: 0; color: var(--ink-soft); font-size: 0.9rem; }

/* Community */
.network-visual { position: relative; min-height: 500px; }
.network-visual::before { content: ""; position: absolute; inset: 60px; border: 1px dashed rgba(148,99,174,0.35); border-radius: 50%; }
.network-center { position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%,-50%); display: flex; flex-direction: column; justify-content: center; width: 190px; height: 190px; padding: 20px; border-radius: 50%; background: var(--purple); color: var(--white); text-align: center; box-shadow: var(--shadow-lg); }
.network-center span { font-size: 0.78rem; opacity: 0.8; }
.network-node { position: absolute; z-index: 3; min-width: 120px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 15px; background: var(--white); box-shadow: var(--shadow-sm); font-size: 0.77rem; font-weight: 800; text-align: center; }
.network-intake { left: 2%; top: 14%; }
.network-aaa { right: 2%; top: 12%; }
.network-cbo { right: 0; bottom: 20%; }
.network-provider { left: 5%; bottom: 12%; }
.network-program { left: 50%; top: 0; transform: translateX(-50%); }
.boundary-card { padding: 30px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); box-shadow: var(--shadow-sm); }
.boundary-card > div { display: flex; flex-direction: column; padding: 17px 0; border-bottom: 1px solid var(--line); }
.boundary-card > div:last-child { border-bottom: 0; }
.boundary-card span { margin-top: 5px; color: var(--ink-soft); font-size: 0.9rem; }

/* Employer */
.employee-day { padding: 26px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow-lg); }
.employee-day-header { display: flex; align-items: center; gap: 14px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.employee-day-header > div { display: flex; flex-direction: column; }
.employee-day-header small { color: var(--ink-soft); }
.employee-alert { display: grid; grid-template-columns: 74px 1fr; padding: 18px 0; border-bottom: 1px solid var(--line); }
.employee-alert:last-child { border-bottom: 0; }
.employee-alert span { grid-row: span 2; color: var(--coral-dark); font-size: 0.72rem; font-weight: 800; }
.employee-alert small { color: var(--ink-soft); font-size: 0.76rem; }

/* Pricing */
.pricing-hero { padding-bottom: 132px; }
.billing-switch { display: inline-flex; gap: 5px; margin-top: 24px; padding: 5px; border: 1px solid var(--line); border-radius: 999px; background: var(--white); box-shadow: var(--shadow-sm); }
.billing-switch button { min-height: 43px; padding: 0 17px; border: 0; border-radius: 999px; background: transparent; color: var(--ink-soft); font-size: 0.84rem; font-weight: 800; cursor: pointer; }
.billing-switch button.active { background: var(--ink); color: var(--white); }
.billing-switch button span { margin-left: 5px; color: #b8d562; font-size: 0.66rem; }
.pricing-section { padding-top: 0; margin-top: -62px; position: relative; z-index: 2; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; align-items: stretch; }
.price-card { position: relative; display: flex; flex-direction: column; min-height: 610px; padding: 34px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow-md); }
.price-card-featured { border: 2px solid var(--purple); transform: translateY(-14px); }
.popular-badge { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); padding: 6px 13px; border-radius: 999px; background: var(--coral); color: var(--white); font-size: 0.68rem; font-weight: 850; text-transform: uppercase; letter-spacing: 0.08em; white-space: nowrap; }
.price-tier { color: var(--coral-dark); font-size: 0.72rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; }
.price-card h2 { margin-top: 12px; font-size: 1.75rem; }
.price-card > div:first-of-type p { color: var(--ink-soft); font-size: 0.9rem; }
.price-block { display: flex; align-items: baseline; gap: 8px; margin: 22px 0 4px; }
.price-value { font-size: 2.75rem; line-height: 1; font-weight: 850; letter-spacing: -0.05em; }
.price-period { color: var(--ink-soft); font-size: 0.82rem; }
.price-note { min-height: 46px; color: var(--ink-soft); font-size: 0.78rem; }
.price-card .check-list { margin-bottom: 28px; }
.price-card .button { margin-top: auto; }
.responsive-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); box-shadow: var(--shadow-sm); }
.plan-table { width: 100%; min-width: 720px; border-collapse: collapse; }
.plan-table th, .plan-table td { padding: 20px 22px; border-bottom: 1px solid var(--line); text-align: left; }
.plan-table thead th { background: var(--ink); color: var(--white); font-size: 0.8rem; }
.plan-table tbody th { font-size: 0.9rem; }
.plan-table td { color: var(--ink-soft); font-size: 0.87rem; }
.plan-table tr:last-child th, .plan-table tr:last-child td { border-bottom: 0; }
.payment-section { background: var(--ink); color: var(--white); }
.payment-section .eyebrow { color: #eaa69e; }
.payment-grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: clamp(60px, 9vw, 130px); align-items: start; }
.payment-grid > div:first-child p:not(.eyebrow) { color: rgba(255,255,255,0.7); }
.payment-flow { display: grid; gap: 10px; }
.payment-flow > div { display: flex; align-items: center; gap: 16px; padding: 17px; border: 1px solid rgba(255,255,255,0.14); border-radius: 14px; background: rgba(255,255,255,0.05); }
.payment-flow span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--purple); font-size: 0.74rem; font-weight: 900; }

/* About */
.about-quote { padding: 36px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow-md); }
.about-quote blockquote { margin: 0 0 20px; font-family: Georgia, serif; font-size: clamp(1.45rem, 2.5vw, 2.2rem); line-height: 1.35; color: var(--purple-dark); }
.about-quote span { color: var(--ink-soft); font-size: 0.8rem; font-weight: 800; }
.mission-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(60px, 9vw, 130px); }
.mission-grid > div:last-child { color: var(--ink-soft); font-size: 1.08rem; }
.leadership-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.leader-card { padding: 30px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); box-shadow: var(--shadow-sm); }
.leader-initials { display: grid; place-items: center; width: 66px; height: 66px; margin-bottom: 22px; border-radius: 22px; background: var(--purple-light); color: var(--purple-dark); font-size: 0.86rem; font-weight: 900; }
.leader-role { color: var(--coral-dark); font-size: 0.79rem; font-weight: 850; }
.leader-card > p:last-child { color: var(--ink-soft); font-size: 0.9rem; }

/* Contact */
.contact-choice { min-height: 240px; padding: 38px; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.family-choice { background: var(--purple-light); }
.org-choice { background: var(--ink); color: var(--white); }
.org-choice p { color: rgba(255,255,255,0.72); }
.org-choice .route-label { color: #eaa69e; }
.contact-form-grid { display: grid; grid-template-columns: 0.75fr 1.25fr; gap: clamp(60px, 9vw, 130px); align-items: start; }
.contact-form { padding: 34px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow-md); }
.form-row { display: grid; gap: 7px; margin-bottom: 17px; }
.form-row label { font-size: 0.78rem; font-weight: 850; }
.form-row input, .form-row select, .form-row textarea { width: 100%; border: 1px solid #cfc7d3; border-radius: 10px; background: var(--white); padding: 12px 13px; color: var(--ink); }
.form-row input:focus, .form-row select:focus, .form-row textarea:focus { border-color: var(--purple); outline: 3px solid rgba(148,99,174,0.18); }
.consent-row { display: flex; align-items: flex-start; gap: 10px; margin: 20px 0; color: var(--ink-soft); font-size: 0.82rem; }
.consent-row input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--purple); }
.form-note { margin: 12px 0 0; color: var(--ink-soft); font-size: 0.75rem; text-align: center; }

/* Legal/accessibility */
.legal-layout { display: grid; grid-template-columns: 0.42fr 1fr; gap: clamp(50px, 8vw, 100px); align-items: start; }
.legal-summary { position: sticky; top: calc(var(--header-offset) + 25px); padding: 25px; border-left: 4px solid var(--purple); background: var(--purple-light); }
.legal-summary p { margin: 10px 0 0; color: var(--ink-soft); font-size: 0.9rem; }
.legal-content h2 { margin-top: 48px; font-size: 2rem; }
.legal-content h2:first-child { margin-top: 0; }
.legal-content li { margin-bottom: 9px; color: var(--ink-soft); }

/* Platform */

.platform {
  position: relative;
  min-height: 620px;
  margin-top: 46px;
  border: 1px solid rgba(148, 99, 174, 0.17);
  border-radius: 42px;
  overflow: hidden;
  margin-left: 10%;
  width: 80%;
  background: radial-gradient(
      circle at center,
      rgba(148, 99, 174, 0.12),
      transparent 33%
    ),
    linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(249, 246, 251, 0.98));
}
.platform:before,
.platform:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px dashed rgba(148, 99, 174, 0.17);
  border-radius: 50%;
}
.platform:before {
  width: 440px;
  height: 440px;
}
.platform:after {
  width: 720px;
  height: 720px;
}
.platform-center {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 205px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  padding: 20px;
  text-align: center;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--purple-deep), var(--purple));
  color: #fff;
  box-shadow: 0 22px 55px rgba(102, 68, 123, 0.27);
}
.platform-center svg {
  width: 42px;
  height: 42px;
  margin: 0 auto 12px;
}
.platform-center strong {
  display: block;
  font-family: Poppins, sans-serif;
}
.platform-center small {
  display: block;
  margin-top: 5px;
  line-height: 1.35;
  opacity: 0.72;
}
.node {
  position: absolute;
  z-index: 4;
  width: 190px;
  padding: 18px;
  border: 1px solid rgba(38, 33, 43, 0.08);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 8px 24px rgba(45, 35, 52, 0.07);
}
.node-icon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
  border-radius: 13px;
}
.node svg {
  width: 20px;
  height: 20px;
}
.node strong {
  display: block;
  font-family: Poppins, sans-serif;
  font-size: 0.82rem;
}
.node small {
  display: block;
  margin-top: 4px;
  color: var(--faint);
  line-height: 1.4;
}
.n1 {
  left: 7%;
  top: 12%;
}
.n2 {
  right: 7%;
  top: 12%;
}
.n3 {
  left: 4%;
  bottom: 12%;
}
.n4 {
  right: 4%;
  bottom: 12%;
}
.n5 {
  left: 50%;
  top: 28px;
  transform: translateX(-50%);
}
.n6 {
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
}
.n1 .node-icon,
.n5 .node-icon {
  background: var(--purple-soft);
  color: var(--purple);
}
.n2 .node-icon,
.n4 .node-icon {
  background: var(--coral-soft);
  color: var(--coral);
}
.n3 .node-icon {
  background: var(--green-soft);
  color: var(--green);
}
.n6 .node-icon {
  background: var(--gold-soft);
  color: var(--gold);
}

@media(max-width:1040px){.nav-links{display:none}.menu-toggle{display:block}.nav-actions .secondary{display:none}.mobile-menu{position:fixed;z-index:999;inset:var(--header) 0 auto;display:none;padding:24px 20px 34px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.98);box-shadow:var(--shadow)}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:13px 8px;border-bottom:1px solid var(--line);font-family:Poppins,sans-serif;font-weight:600}.mobile-menu .btn{margin-top:18px}.hero-grid{grid-template-columns:1fr;gap:48px}.hero-copy{/*text-align:center*/}.hero-copy .lead{margin-inline:auto}.hero-actions,.audience{justify-content:center}.hero-visual{width:100%;max-width:670px;margin-inline:auto}.problem-grid,.privacy-grid{grid-template-columns:1fr;gap:48px}.product.large,.product.medium,.product.third{grid-column:span 6}.solutions{grid-template-columns:1fr}.tab-list{grid-template-columns:repeat(2,1fr)}.principles{grid-template-columns:1fr}.cta{grid-template-columns:1fr;padding:50px}.footer-top{grid-template-columns:1.2fr repeat(3,1fr);gap:36px}}
@media(max-width:800px){:root{--header:70px}body{font-size:17px}.container{width:min(calc(100% - 30px),var(--max))}.section{padding:86px 0}.brand img{width:148px}.nav-actions .primary{display:none}.hero{min-height:auto;padding-top:calc(var(--header) + 58px)}.hero-visual{min-height:535px}.f1{left:0}.f3{right:0}.strip-inner{align-items:flex-start;flex-direction:column}.strip-points{justify-content:flex-start}.platform{min-height:850px}.platform:before{width:390px;height:390px}.platform:after{width:670px;height:670px}.platform-center{width:170px}.node{width:180px}.n1{left:4%;top:7%}.n2{right:4%;top:7%}.n3{left:4%;bottom:7%}.n4{right:4%;bottom:7%}.n5{top:210px}.n6{bottom:210px}.product.large,.product.medium,.product.third{grid-column:span 12}.steps{grid-template-columns:1fr;gap:34px}.step{padding:0}.step:after{display:none!important}.footer-top{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}
  .platform {
    min-height: 850px;
    margin-left: 5%;
    width: 90%;
  }
  .platform:before {
    width: 390px;
    height: 390px;
  }
  .platform:after {
    width: 670px;
    height: 670px;
  }
  .platform-center {
    width: 170px;
  }
  .node {
    width: 180px;
  }
  .n1 {
    left: 4%;
    top: 7%;
  }
  .n2 {
    right: 4%;
    top: 7%;
  }
  .n3 {
    left: 4%;
    bottom: 7%;
  }
  .n4 {
    right: 4%;
    bottom: 7%;
  }
  .n5 {
    top: 210px;
  }
  .n6 {
    bottom: 210px;
  }
}
@media(max-width:560px){h1{font-size:clamp(2.7rem,14vw,4.2rem)}h2{font-size:clamp(2.15rem,11vw,3rem)}.hero-copy{text-align:left}.hero-actions,.audience{justify-content:flex-start}.hero-actions .btn{width:100%}.hero-visual{min-height:500px}.app-card{width:100%;padding:14px;border-radius:26px}.float-card{padding:11px 12px}.f1{left:-5px;top:40px}.f2{right:-5px;top:1px}.f3{right:-5px;bottom:70px}.ai-banner{padding:16px}.ai-banner strong{font-size:.92rem}.task{padding:10px}.strip-points{display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:12px}.problem-card{padding:20px}.platform{min-height:auto;padding:24px;display:grid;gap:12px}.platform:before,.platform:after{display:none}.platform-center,.node{position:static;transform:none;width:100%}.platform-center{aspect-ratio:auto;border-radius:22px;padding:26px}.node{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}.node-icon{grid-row:1/span 2;margin:0}.product{min-height:390px;padding:26px}.product-link{left:26px;bottom:26px}.tab-list{grid-template-columns:1fr}.tab-panel{padding:30px 24px}.panel-list{grid-template-columns:1fr}.cta{padding:34px 22px;border-radius:28px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.demo-form{padding:20px}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}
.platform {
    min-height: auto;
    padding: 24px;
    display: grid;
    gap: 12px;
    width: 100%;
    margin:0%;
  }
  .platform:before,
  .platform:after {
    display: none;
  }
  .platform-center,
  .node {
    position: static;
    transform: none;
    width: 100%;
  }
  .platform-center {
    aspect-ratio: auto;
    border-radius: 22px;
    padding: 26px;
  }
  .node {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 14px;
    align-items: center;
  }
  .node-icon {
    grid-row: 1 / span 2;
    margin: 0;
  }
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.info-card{position:relative;min-height:250px;padding:29px;border:1px solid var(--line);border-radius:23px;background:#fff;overflow:hidden;transition:.2s}
.info-card:hover{transform:translateY(-5px);border-color:rgba(148,99,174,.35);box-shadow:var(--shadow)}
.info-card:after{content:"";position:absolute;width:110px;height:110px;border:1px solid rgba(148,99,174,.12);border-radius:50%;right:-55px;top:-55px}
.info-icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:26px;border-radius:16px;background:var(--purple-soft);color:var(--purple-deep)}
.info-icon.coral{background:var(--coral-soft);color:var(--coral)}
.info-icon.green{background:var(--green-soft);color:var(--green)}
.info-icon.teal{background:var(--teal-soft);color:var(--teal)}
.info-icon.gold{background:var(--gold-soft);color:var(--gold)}
.info-icon.blue{background:var(--blue-soft);color:var(--blue)}
.info-icon svg{width:24px;height:24px}
.info-card h3{font-size:1.2rem}
.info-card p{margin-top:12px;color:var(--muted);font-size:.9rem}
.info-card .text-link{position:absolute;left:29px;bottom:24px}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--purple-deep);font-family:Poppins,sans-serif;font-size:.78rem;font-weight:700}
.text-link svg{width:17px;height:17px;transition:.2s}
.text-link:hover svg{transform:translateX(4px)}

/* Error */
.error-hero { min-height: 70vh; display: flex; align-items: center; }

/* Footer */
.site-footer { padding: 74px 0 28px; background: #201b24; color: var(--white); }
.footer-grid { display: grid; grid-template-columns: 1.45fr repeat(3, 0.75fr); gap: 50px; }
.footer-brand img { width: 168px; height: auto; margin-bottom: 16px; }
.footer-brand p { max-width: 390px; color: rgba(255,255,255,0.65); font-size: 0.85rem; }
.footer-brand p:first-of-type { color: var(--white); font-weight: 800; }
.footer-grid h2 { margin-bottom: 15px; color: #e2b1ab; font-size: 0.72rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; }
.footer-grid > div:not(.footer-brand) { display: flex; flex-direction: column; align-items: flex-start; }
.footer-grid a { margin: 5px 0; color: rgba(255,255,255,0.74); font-size: 0.83rem; text-decoration: none; }
.footer-grid a:hover { color: var(--white); text-decoration: underline; }
.footer-bottom { display: flex; justify-content: space-between; gap: 25px; margin-top: 54px; padding-top: 23px; border-top: 1px solid rgba(255,255,255,0.12); }
.footer-bottom p, .footer-bottom a { margin: 0; color: rgba(255,255,255,0.57); font-size: 0.74rem; text-decoration: none; }
.footer-legal { display: flex; gap: 18px; }
.footer-disclaimer { margin-top: 18px; color: rgba(255,255,255,0.48); font-size: 0.68rem; }

form #hpbsiteentries{ display:none; }

/* Reveal */
[data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity 520ms ease, transform 520ms ease; }
[data-reveal].is-visible { opacity: 1; transform: none; }

/* Partners - Hero */
.hero-visual{position:relative;isolation:isolate;min-height:520px}
    .hero-image{position:absolute;z-index:2;top:50%;left:50%;width:min(100%,430px);transform:translate(-50%,-51%);filter:drop-shadow(0 28px 38px rgba(0,0,0,.25))}
    .hero-image img{width:100%;height:auto}
    .hero-orbit{position:absolute;inset:4%;z-index:1;border:1px dashed rgba(255,255,255,.28);border-radius:50%}
    .hero-orbit::before,.hero-orbit::after{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;content:""}
    .hero-orbit::before{inset:11%}.hero-orbit::after{inset:25%}
    .hero-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;max-width:185px;padding:11px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;background:rgba(7,30,43,.88);box-shadow:0 12px 28px rgba(0,0,0,.2);font-size:.78rem;font-weight:780;line-height:1.25;backdrop-filter:blur(10px)}
    .hero-chip::before{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#7ce0d6;box-shadow:0 0 0 4px rgba(124,224,214,.12);content:""}
    .chip-1{top:8%;left:0}.chip-2{top:20%;right:-2%}.chip-3{bottom:19%;left:-4%}.chip-4{right:1%;bottom:8%}
    .hero-note{position:absolute;z-index:5;right:4%;bottom:36%;width:210px;padding:18px;border:1px solid rgba(255,255,255,.17);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:var(--shadow-soft);color:var(--ink)}
    .hero-note strong{display:block;margin-bottom:5px;color:var(--navy-900);font-size:.96rem;line-height:1.3}
    .hero-note span{display:block;color:var(--muted);font-size:.77rem;line-height:1.5}


/* Audience band */
    .audience-band{position:relative;z-index:4;margin-top:-30px}
    .audience-shell{display:grid;grid-template-columns:1.15fr repeat(4,1fr);align-items:stretch;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-soft);overflow:hidden}
    .audience-intro,.audience-item{display:flex;min-height:106px;align-items:center;padding:20px 22px}
    .audience-intro{color:#fff;background:var(--purple-dark)}
    .audience-intro strong{font-size:1rem;line-height:1.35}
    .audience-item{gap:12px;border-left:1px solid var(--line);color:var(--navy-900);font-size:.88rem;font-weight:760;line-height:1.35}
    .audience-item svg{width:31px;height:31px;flex:0 0 auto;padding:6px;border-radius:9px;color:var(--purple-dark);background:var(--purple-light)}


/* Connected journey */
    .journey-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:70px}
    .copy-stack p{color:var(--muted)}
    .copy-stack .lead{margin-bottom:24px}
    .plain-checks{display:grid;gap:13px;margin:28px 0 0;padding:0;list-style:none}
    .plain-checks li{display:flex;gap:11px;align-items:flex-start}
    .plain-checks svg{width:22px;height:22px;flex:0 0 auto;margin-top:2px;padding:4px;border-radius:50%;color:var(--purple);background:var(--purple-soft)}
    .journey-panel{position:relative;padding:42px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(160deg,#fff,var(--purple-soft));box-shadow:var(--shadow-soft);overflow:hidden}
    .journey-panel::before{position:absolute;top:-105px;right:-95px;width:260px;height:260px;border-radius:50%;background:rgba(167, 111, 189, 0.1);content:""}
    .journey-label{position:relative;margin-bottom:28px;color:var(--teal-700);font-size:.75rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
    .journey-track{position:relative;display:grid;gap:20px}
    .journey-track::before{position:absolute;top:27px;bottom:27px;left:26px;width:2px;background:linear-gradient(var(--purple-dark),#9bcfca);content:""}
    .journey-step{position:relative;display:grid;grid-template-columns:54px 1fr;gap:17px;align-items:start}
    .journey-step .number{position:relative;z-index:2;display:grid;width:54px;height:54px;place-items:center;border:7px solid #fff;border-radius:50%;color:#fff;background:var(--purple);box-shadow:0 0 0 1px rgba(20,118,111,.18);font-weight:860}
    .journey-step .content{padding:10px 16px 14px;border:1px solid #dfe9e9;border-radius:15px;background:#fff}
    .journey-step h3{margin-bottom:5px;font-size:1.06rem}
    .journey-step p{margin-bottom:0;color:var(--muted);font-size:.9rem;line-height:1.55}
    .journey-disclaimer{position:relative;margin:26px 0 0;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.77rem}


    /* Categories */
    .category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
    .category-card{position:relative;min-height:220px;padding:27px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;box-shadow:0 5px 18px rgba(6,28,41,.045);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
    .category-card:hover{transform:translateY(-4px);border-color:#abd5d0;box-shadow:var(--shadow-soft)}
    .category-icon{display:grid;width:50px;height:50px;margin-bottom:20px;place-items:center;border-radius:15px;color:var(--teal-700);background:var(--teal-100)}
    .category-card:nth-child(4n+2) .category-icon{color:var(--violet-700);background:var(--violet-100)}
    .category-card:nth-child(4n+3) .category-icon{color:var(--coral-700);background:var(--coral-100)}
    .category-card:nth-child(4n+4) .category-icon{color:var(--gold-700);background:var(--gold-100)}
    .category-icon svg{width:25px;height:25px}
    .category-card h3{font-size:1.18rem}
    .category-card p{margin-bottom:0;color:var(--muted);font-size:.91rem;line-height:1.58}
    .category-note{max-width:780px;margin:30px auto 0;text-align:center;color:var(--muted);font-size:.86rem}

    /* Benefits */
    .benefit-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:68px}
    .benefit-copy{position:sticky;top:118px}
    .benefit-copy p{color:var(--muted)}
    .benefit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
    .benefit-card{padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 5px 18px rgba(6,28,41,.04)}
    .benefit-card .mini-icon{display:grid;width:39px;height:39px;margin-bottom:16px;place-items:center;border-radius:12px;color:var(--teal-700);background:var(--teal-100)}
    .benefit-card .mini-icon svg{width:20px;height:20px}
    .benefit-card h3{font-size:1.08rem}
    .benefit-card p{margin-bottom:0;color:var(--muted);font-size:.88rem;line-height:1.55}
    .scope-note{margin-top:22px;padding:14px 16px;border-left:4px solid var(--gold-700);border-radius:0 10px 10px 0;background:var(--gold-100);color:#6f5017;font-size:.81rem}

    /* How it works */
    .process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:48px;counter-reset:steps}
    .process-card{position:relative;padding:30px 24px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.065);backdrop-filter:blur(8px);counter-increment:steps}
    .process-card::before{display:grid;width:44px;height:44px;margin-bottom:24px;place-items:center;border-radius:50%;color:var(--navy-950);background:#8ee0d8;content:counter(steps,decimal-leading-zero);font-size:.82rem;font-weight:900}
    .process-card h3{font-size:1.16rem}
    .process-card p{margin-bottom:0;color:#c8dce5;font-size:.9rem;line-height:1.58}
    .process-card:not(:last-child)::after{position:absolute;top:51px;right:-19px;z-index:3;width:36px;height:2px;background:rgba(142,224,216,.55);content:""}

    /* Models */
    .model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
    .model-card{position:relative;display:grid;grid-template-columns:66px 1fr;gap:22px;padding:30px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-soft)}
    .model-badge{display:grid;width:60px;height:60px;place-items:center;border-radius:17px;color:#fff;background:var(--teal-700)}
    .model-card:nth-child(2) .model-badge{background:var(--violet-700)}
    .model-card:nth-child(3) .model-badge{background:var(--coral-700)}
    .model-card:nth-child(4) .model-badge{background:var(--blue-700)}
    .model-badge svg{width:28px;height:28px}
    .model-card h3{font-size:1.25rem}
    .model-card p{margin-bottom:14px;color:var(--muted);font-size:.91rem}
    .model-meta{display:inline-flex;padding:6px 9px;border-radius:999px;color:var(--teal-800);background:var(--teal-100);font-size:.72rem;font-weight:820;line-height:1.25}
    .model-card:nth-child(2) .model-meta{color:#55477f;background:var(--violet-100)}
    .model-card:nth-child(3) .model-meta{color:#98422f;background:var(--coral-100)}
    .model-card:nth-child(4) .model-meta{color:#245879;background:var(--blue-100)}

    /* Standards */
    .standards-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:start;gap:68px}
    .standards-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:30px 0 0;padding:0;list-style:none}
    .standards-list li{display:flex;gap:11px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:.88rem;font-weight:670;line-height:1.45}
    .standards-list svg{width:21px;height:21px;flex:0 0 auto;margin-top:1px;color:var(--teal-700)}
    .standards-panel{position:relative;padding:34px;border-radius:var(--radius-lg);color:#fff;background:linear-gradient(145deg,var(--purple-dark),var(--navy-700));box-shadow:var(--shadow);overflow:hidden}
    .standards-panel::after{position:absolute;right:-90px;bottom:-110px;width:260px;height:260px;border:1px solid rgba(255,255,255,.16);border-radius:50%;content:""}
    .standards-panel .shield{display:grid;width:62px;height:62px;margin-bottom:24px;place-items:center;border-radius:20px;color:var(--navy-950);background:#8ee0d8}
    .standards-panel .shield svg{width:32px;height:32px}
    .standards-panel h3{font-size:1.55rem}
    .standards-panel p{position:relative;z-index:1;color:#d0e1e7}
    .standards-panel .small{margin:24px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);font-size:.78rem;line-height:1.55}

    /* FAQ */
    .faq-wrap{max-width:910px;margin-inline:auto}
    .faq-list{display:grid;gap:13px}
    .faq-item{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 3px 12px rgba(6,28,41,.035);overflow:hidden}
    .faq-item summary{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;color:var(--navy-900);font-weight:790;cursor:pointer;list-style:none}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary::after{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--teal-700);background:var(--teal-100);content:"+";font-size:1.25rem;font-weight:500;line-height:1}
    .faq-item[open] summary::after{content:"−"}
    .faq-answer{padding:0 22px 21px;color:var(--muted);font-size:.94rem}
    .faq-answer p:last-child{margin-bottom:0}

    /* Contact */
    .contact-section{position:relative;overflow:hidden;padding:102px 0;color:#333;}
    .contact-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);align-items:start;gap:62px}
    .contact-copy{position:sticky;top:118px}
    /*.contact-copy p{color:#c8dce5}*/
    .contact-points{display:grid;gap:14px;margin:30px 0 0;padding:0;list-style:none}
    .contact-points li{display:flex;gap:11px;align-items:flex-start;standards-panelfont-size:.91rem}
    .contact-points svg{width:21px;height:21px;flex:0 0 auto;margin-top:2px;color:var(--coral)}
    .contact-form{padding:36px;border:1px solid rgba(255,255,255,.17);border-radius:var(--radius-lg);color:var(--ink);background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.24)}
    .contact-form h3{color:var(--navy-900);font-size:1.65rem}
    .form-intro{margin-bottom:28px;color:var(--muted);font-size:.91rem}
    .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
    .field{display:grid;gap:7px}
    .field.full{grid-column:1/-1}
    .field label,.group-label{color:var(--navy-900);font-size:.84rem;font-weight:790}
    .required{color:#aa392c}
    input,select,textarea{width:100%;border:1px solid #bfd0d7;border-radius:11px;color:var(--ink);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}
    input,select{min-height:48px;padding:10px 13px}
    textarea{min-height:128px;padding:12px 13px;resize:vertical}
    input::placeholder,textarea::placeholder{color:#8b9ca4}
    input:focus,select:focus,textarea:focus{border-color:var(--teal-600);outline:none;box-shadow:0 0 0 4px rgba(27,140,131,.12)}
    .choice-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:2px}
    .choice{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--mist);font-size:.79rem;font-weight:660;line-height:1.35;cursor:pointer}
    .choice input{width:17px;height:17px;min-height:0;flex:0 0 auto;margin:1px 0 0;accent-color:var(--teal-700)}
    .checkbox{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:.79rem!important;font-weight:540!important;line-height:1.5}
    .checkbox input{width:18px;height:18px;min-height:0;flex:0 0 auto;margin:2px 0 0;accent-color:var(--teal-700)}
    .checkbox a{color:var(--teal-800);font-weight:700}
    .honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
    .form-actions{display:flex;align-items:center;gap:14px;margin-top:25px}
    .form-actions button:disabled{cursor:not-allowed;opacity:.65;transform:none}
    .form-status{display:none;margin-top:18px;padding:13px 15px;border-radius:11px;font-size:.86rem;font-weight:680}
    .form-status.show{display:block}
    .form-status.success{color:#145d46;background:#dff4ea}
    .form-status.error{color:#8b3429;background:#fbe8e3}
    .form-note{margin:20px 0 0;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.74rem;line-height:1.55}


    /* Mission */
    .mission-grid{display:grid;gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}
    .mission-card{position:relative;overflow:hidden;min-height:340px;padding:42px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft)}
    .mission-card::after{position:absolute;width:180px;height:180px;right:-85px;bottom:-80px;border-radius:50%;content:"";opacity:.75}
    .mission-card.mission::after{background:var(--teal-100)}
    .mission-card.vision::after{background:var(--violet-100)}
    .mission-icon{display:flex;width:52px;height:52px;align-items:center;justify-content:center;margin-bottom:26px;border-radius:16px}
    .mission .mission-icon{color:var(--teal-700);background:var(--teal-100)}
    .vision .mission-icon{color:var(--violet-700);background:var(--violet-100)}
    .mission-icon svg{width:26px;height:26px}
    .mission-card p:last-child{position:relative;z-index:1;margin-bottom:0;color:var(--muted);font-size:1.06rem}

    /* Stats */
    .stat-grid{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}
    .stat-card{display:flex;min-height:350px;flex-direction:column;padding:32px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease}
    .stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .stat-kicker{margin-bottom:12px;color:var(--muted);font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
    .stat-number{margin-bottom:12px;color:var(--teal-700);font-size:clamp(3rem,6vw,4.6rem);font-weight:860;letter-spacing:-.06em;line-height:.95}
    .stat-card:nth-child(2) .stat-number{color:var(--violet-700)}
    .stat-card:nth-child(3) .stat-number{color:var(--coral-700)}
    .stat-card:nth-child(4) .stat-number{color:var(--gold-700)}
    .stat-card>p:not(.stat-kicker):not(.stat-number):not(.source){color:var(--muted)}
    .source{margin:auto 0 0;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem;line-height:1.5}
    .source a{color:var(--navy-700);font-weight:800}
    .source svg{display:inline;width:13px;height:13px;margin-left:2px;vertical-align:-2px}

    /* Market */
    .market-panel{position:relative;overflow:hidden;padding:54px;border-radius:var(--radius-lg);color:#fff;background:radial-gradient(circle at 94% 8%,rgba(104,201,188,.24),transparent 32%),linear-gradient(132deg,var(--purple-dark),var(--navy-700));box-shadow:var(--shadow)}
    .market-panel .eyebrow{color:#84d8d0}
    .market-panel h2{max-width:800px;color:#fff}
    .market-intro{max-width:830px;color:rgba(255,255,255,.78);font-size:1.08rem}
    .market-grid{display:grid;gap:16px;margin-top:38px;grid-template-columns:repeat(3,minmax(0,1fr))}
    .market-card{display:flex;min-height:250px;flex-direction:column;padding:26px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}
    .market-number{margin-bottom:10px;color:#fff;font-size:clamp(2.4rem,5vw,3.5rem);font-weight:860;letter-spacing:-.055em;line-height:1}
    .market-card h3{color:#fff;font-size:1.12rem;letter-spacing:-.01em;line-height:1.3}
    .market-card>p:not(.source):not(.market-number){color:rgba(255,255,255,.73);font-size:.92rem}
    .market-card .source{border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.63)}
    .market-card .source a{color:#a6ebe4}
    .market-note{margin:24px 0 0;padding:18px 20px;border-left:4px solid #72d0c5;border-radius:0 12px 12px 0;color:rgba(255,255,255,.78);background:rgba(0,0,0,.14);font-size:.88rem}

    /* Role */
    .role-grid{display:grid;align-items:center;gap:68px;grid-template-columns:.92fr 1.08fr}
    .role-copy>p{color:var(--muted)}
    .principles{display:grid;gap:12px;margin-top:28px;grid-template-columns:repeat(2,minmax(0,1fr))}
    .principle{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}
    .principle strong{display:block;margin-bottom:4px;color:var(--navy-900);font-size:.98rem}
    .principle span{color:var(--muted);font-size:.88rem;line-height:1.5}
    .ecosystem{position:relative;min-height:510px;padding:42px;border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at center,rgba(27,140,131,.12),transparent 28%),#fff;box-shadow:var(--shadow-soft)}
    .ecosystem::before,.ecosystem::after{position:absolute;inset:50% auto auto 50%;width:64%;height:64%;border:1px dashed rgba(74, 3, 91, 0.36);border-radius:50%;content:"";transform:translate(-50%,-50%)}
    .ecosystem::after{width:40%;height:40%;border-color:rgba(97,85,143,.25)}
    .eco-center,.eco-node{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:820;text-align:center;box-shadow:var(--shadow-soft)}
    .eco-center{width:142px;height:142px;top:50%;left:50%;padding:18px;color:#fff;background:linear-gradient(145deg,var(--purple),var(--navy-700));font-size:1.35rem;letter-spacing:-.03em;transform:translate(-50%,-50%)}
    .eco-node{width:126px;height:126px;padding:18px;border:1px solid var(--line);color:var(--navy-800);background:#fff;font-size:.88rem;line-height:1.25}
    .eco-1{top:7%;left:50%;transform:translateX(-50%)}
    .eco-2{top:50%;right:4%;transform:translateY(-50%)}
    .eco-3{bottom:5%;left:50%;transform:translateX(-50%)}
    .eco-4{top:50%;left:4%;transform:translateY(-50%)}

    /* Contact */
/*    .contact{color:#fff;background:var(--navy-950)}
    .contact-grid{display:grid;align-items:start;gap:64px;grid-template-columns:.8fr 1.2fr}
    .contact-copy{position:sticky;top:116px}
    .contact-copy .eyebrow{color:#83ddd3}
    .contact-copy h2{color:#fff}
    .contact-copy>p{color:rgba(255,255,255,.76)}
    .contact-points{display:grid;gap:13px;margin:30px 0 0;padding:0;list-style:none}
    .contact-points li{display:flex;gap:12px;align-items:flex-start;color:rgba(255,255,255,.8);font-size:.93rem}
    .contact-points svg{width:20px;height:20px;flex:none;margin-top:3px;color:#7ed8cf}
    .contact-form{padding:38px;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-lg);color:var(--ink);background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.24)}
    .form-intro{margin-bottom:26px;color:var(--muted);font-size:.94rem}
    .form-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
    .field{min-width:0}.field.full{grid-column:1/-1}
    .field label{display:block;margin-bottom:7px;color:var(--navy-900);font-size:.88rem;font-weight:800}
    .required{color:#a5322b}
    .field input,.field select,.field textarea{width:100%;border:1px solid #c6d4db;border-radius:11px;color:var(--ink);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}
    .field input,.field select{min-height:50px;padding:11px 13px}
    .field textarea{min-height:150px;padding:12px 13px;resize:vertical}
    .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal-600);outline:none;box-shadow:0 0 0 4px rgba(27,140,131,.13)}
    .checkbox{display:flex;gap:11px;align-items:flex-start;color:var(--muted);font-size:.84rem;line-height:1.55}
    .checkbox input{width:18px;height:18px;flex:none;margin-top:3px;accent-color:var(--teal-700)}
    .form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px}
    .form-actions .button{border:0}
    .form-status{display:none;margin:18px 0 0;padding:13px 15px;border-radius:10px;font-size:.9rem;font-weight:700}
    .form-status.show{display:block}.form-status.success{color:#155b47;background:#e3f5ee}.form-status.error{color:#8a2d29;background:#fdeceb}
    .form-note{margin:22px 0 0;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem;line-height:1.55}
   
*/
   .honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important}
    /* Sources and footer */
    .sources-wrap{max-width:980px;margin-inline:auto}
    .sources-list{display:grid;gap:13px;margin:30px 0 0;padding:0;list-style:none;counter-reset:source}
    .sources-list li{position:relative;padding:17px 18px 17px 58px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--muted);font-size:.9rem;counter-increment:source}
    .sources-list li::before{position:absolute;width:30px;height:30px;top:17px;left:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--navy-900);background:var(--teal-100);content:counter(source);font-weight:850}
    .sources-list a{color:var(--navy-700);font-weight:800}
    .review-date{margin:22px 0 0;color:var(--muted);font-size:.82rem;text-align:center}
  
  /* Bio Modal */

  .modal-trigger {
    width: 100%;
    cursor: pointer;
    transition: transform 0.2s;
  }
  .modal-trigger:hover { transform: scale(1.02); }

  /* Hidden Source Containers */
  .hidden-source { display: none; }

  /* The Modal Overlay */
  .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    align-items: center;
    justify-content: center;
  }

  /* Responsive Modal Wrapper Box */
  .modal-wrapper {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    position: relative;
    width: 90%;
    max-width: 90%;
    max-height: 85vh;
    overflow-y: auto;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    animation: modalFadeIn 0.3s ease;
  }

  /* Close Button Position */
  .close-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 30px;
    cursor: pointer;
    color: #666;
  }
  .close-btn:hover { color: #000; }

  @keyframes modalFadeIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .bio-grid { display: grid; grid-template-columns: 0.6fr 1.4fr; gap: clamp(10px, 9vw, 30px); }

  .store-buttons {
      display: flex;
      gap: 13px;
    }

    .store-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 182px;
      color: #ffffff;
      text-decoration: none;
      border-radius: 5px;
      padding: 3px 5px;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .store-button:hover {
      transform: translateY(-2px);
      box-shadow: 0 12px 26px rgba(0, 0, 0, 0.24);
    }

    .store-icon {
      font-size: 25px;
      margin-right: 10px;
      line-height: 1;
    }

    .store-button small {
      display: block;
      font-size: 10px;
      line-height: 1;
      opacity: 0.86;
    }

    .store-button strong {
      display: block;
      font-size: 16px;
      line-height: 1.25;
      font-weight: 600;
    }

@media (max-width: 1080px) {
  :root { --header-offset: 84px; }
  .topline { display: none; }
  .nav-shell { min-height: 76px; }
  .menu-toggle { display: block; }
  .primary-nav {
    position: fixed; inset: 76px 0 0 auto; width: min(430px, 100%); height: calc(100dvh - 76px); display: none; flex-direction: column; align-items: stretch; gap: 3px; padding: 22px 20px 35px; overflow-y: auto; background: var(--white); box-shadow: -22px 30px 50px rgba(38,33,43,0.16);
  }
  .primary-nav[data-open="true"] { display: flex; }
  .nav-link, .nav-dropdown > summary, .nav-account { justify-content: space-between; min-height: 50px; padding: 0 14px; font-size: 1rem; }
  .nav-dropdown { width: 100%; }
  .dropdown-panel { position: static; transform: none; width: 100%; grid-template-columns: 1fr; margin: 5px 0 12px; padding: 7px; box-shadow: none; }
  .dropdown-panel a { padding: 11px 12px; }
  .nav-actions { display: grid; grid-template-columns: 1fr 1fr; margin: 16px 0 0; }
  .nav-account { justify-content: center; border: 1px solid var(--line); border-radius: 999px; }
  .nav-actions .button { width: 100%; }
  .hero-grid { grid-template-columns: 1fr 0.85fr; gap: 35px; }
  .hero-visual { min-height: 520px; }
  .phone-preview { width: 150px; height: 248px; left: -2%; }
  .connection-note { right: 0; min-width: 220px; }
  .four-card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .workflow-steps { grid-template-columns: repeat(2, 1fr); }
  .price-card { padding: 28px; }
  .hero-visual{width:min(100%,610px);min-height:510px;margin-inline:auto}
  .audience-shell{grid-template-columns:repeat(2,1fr)}.audience-intro{grid-column:1/-1;min-height:auto}.audience-item:nth-child(even){border-left:0}.audience-item{border-top:1px solid var(--line)}
  .journey-grid,.standards-grid{grid-template-columns:1fr;gap:48px}.journey-panel{max-width:720px}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-card:nth-child(2)::after{display:none}.benefit-layout{grid-template-columns:1fr;gap:40px}.benefit-copy,.contact-copy{position:static}.contact-grid{grid-template-columns:1fr}.contact-copy{max-width:760px}

  .market-grid{grid-template-columns:1fr}.market-card{min-height:0}.role-grid,.contact-grid{grid-template-columns:1fr}.contact-copy{position:static}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* Change full viewport height to prevent massive blank spaces around contained images */
  .hero{
    /*height: 100vh;*/ /* Adjust this height based on your mobile design preference */
    background-color: #fff; /* Optional black backdrop to fill any empty letterbox bars */
  }

  /* Force the sliding background images to fit completely */
  .slide {
    background-size: cover;
    background-position: center; /* Keeps the fitted image centered */
  }
}

@media (max-width: 820px) {
  body { font-size: 16px; }
  .container { width: min(calc(100% - 30px), var(--container)); }
  .section { padding: 76px 0; }
  .hero-grid, .inner-hero-grid, .solution-hero-grid, .story-grid, .people-first-grid, .trust-grid, .final-cta, .journey-layout, .product-reveal-grid, .app-story-grid, .faq-grid, .implementation-grid, .guide-intro-grid, .payment-grid, .mission-grid, .contact-form-grid, .legal-layout, .bio-grid { grid-template-columns: 1fr; }
  .hero { padding-top: 65px; }
  /* Change full viewport height to prevent massive blank spaces around contained images */
  .hero{
    /* height: 50vh;*/ /* Adjust this height based on your mobile design preference */
    background-color: #fff; /* Optional black backdrop to fill any empty letterbox bars */
  }

  /* Force the sliding background images to fit completely */
  .slide {
    background-size: cover;
    background-position: center; /* Keeps the fitted image centered */
  }
  .hero-copy h1 { font-size: clamp(2.55rem, 11vw, 4.2rem); }
  .hero-visual { min-height: 560px; max-width: 650px; margin-inline: auto; }
  .hero-photo-wrap { inset: 0 0 42px 0; }
  .phone-preview { left: 2%; }
  .connection-note { right: 2%; }
  .section-heading-split { grid-template-columns: 1fr; gap: 12px; align-items: start; }
  .three-card-grid, .pricing-grid, .leadership-grid { grid-template-columns: 1fr; }
  .route-grid { grid-template-columns: 1fr 1fr; }
  .route-card, .route-card-featured, .route-card:nth-child(2) { grid-column: span 1; }
  .route-card:last-child { grid-column: 1 / -1; }
  .people-first-visual { min-height: 500px; }
  .trust-points > div { grid-template-columns: 1fr; gap: 4px; }
  .final-cta { gap: 32px; }
  .care-map { max-width: 600px; width: 100%; margin-inline: auto; }
  .solution-row { grid-template-columns: 48px 1fr; }
  .solution-row .button { grid-column: 2; justify-self: start; }
  .pricing-teaser { grid-template-columns: 1fr; gap: 20px; }
  .workflow-steps { grid-template-columns: 1fr 1fr; }
  .price-card-featured { transform: none; }
  .pricing-section { margin-top: -45px; }
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .legal-summary { position: static; }
  .people-first-visual img {margin-top: 10px; }
  .hero-visual{min-height:470px}.hero-image{width:min(85%,390px)}.hero-chip{max-width:150px;padding:9px 11px;font-size:.69rem}.hero-note{right:0;bottom:30%;width:188px;padding:15px}.chip-1{left:0}.chip-2{right:0}.chip-3{left:0}.chip-4{right:0}
  .audience-band{margin-top:-20px}.audience-shell{grid-template-columns:1fr}.audience-item{min-height:78px;border-left:0}
  .journey-panel{padding:28px}
  .category-grid,.benefit-list,.model-grid,.standards-list,.form-grid,.choice-group{grid-template-columns:1fr}
  .process-grid{grid-template-columns:1fr}.process-card::after{display:none}
  .model-card{grid-template-columns:56px 1fr;padding:25px}.model-badge{width:54px;height:54px}
  .mission-card,.stat-card{padding:28px}.market-panel{padding:34px 24px;border-radius:24px}.ecosystem{min-height:470px;padding:22px}.eco-center{width:120px;height:120px;font-size:1.15rem}.eco-node{width:108px;height:108px;padding:13px;font-size:.76rem}.eco-2{right:1%}.eco-4{left:1%}
}

@media (max-width: 600px) {
  h1 { font-size: clamp(2.35rem, 12vw, 3.5rem); }
  h2 { font-size: clamp(1.8rem, 9vw, 2.8rem); }
  .brand img { width: 148px; }
  .nav-shell { min-height: 70px; }
  .primary-nav { inset: 70px 0 0 auto; height: calc(100dvh - 70px); }
  .button-row { align-items: stretch; }
  .button-row .button { width: 100%; }
  .hero { padding-top: 52px; }
  .hero-visual { min-height: 440px; }
  .phone-preview { width: 118px; height: 200px; border-width: 6px; border-radius: 24px; }
  .connection-note { bottom: 34px; min-width: 0; max-width: 220px; padding: 11px; }
  .connection-note small { display: none; }
  .trust-list { display: grid; gap: 8px; }
  .day-card { padding: 20px; }
  .day-list li { grid-template-columns: 66px 1fr; gap: 10px; }
  .day-list .status { grid-column: 2; justify-self: start; }
  .route-grid, .dual-cta, .two-card-grid { grid-template-columns: 1fr; }
  .route-card:last-child { grid-column: auto; }
  .route-card { min-height: 300px; }
  .people-first-visual { min-height: 450px; transform: scale(0.88); margin-inline: -25px; }
  .circle-person { width: 160px; height: 160px; }
  .circle-node { min-width: 95px; }
  .node-family { left: 0; }
  .node-caregiver { right: 0; }
  .care-map { min-height: 510px; transform: scale(0.85); margin-inline: -7%; width: 114%; }
  .care-map::after { width: 430px; height: 430px; }
  .solution-row { grid-template-columns: 1fr; gap: 15px; }
  .solution-row .button { grid-column: 1; }
  .solution-index { margin-bottom: -5px; }
  .numbered-journey li { grid-template-columns: 48px 1fr; gap: 15px; }
  .numbered-journey > li > span { width: 42px; height: 42px; }
  .four-card-grid, .workflow-steps { grid-template-columns: 1fr; }
  .workflow-board { padding: 18px; }
  .workflow-metrics { grid-template-columns: 1fr; }
  .plain-steps li { grid-template-columns: 1fr; gap: 4px; }
  .guide-card-grid { grid-template-columns: 1fr; }
  .support-person { grid-template-columns: auto 1fr; }
  .caregiver-support { margin-left: 0; }
  .support-bridge { margin-left: 28px; }
  .network-visual { min-height: 470px; transform: scale(0.87); margin-inline: -7%; width: 114%; }
  .network-center { width: 165px; height: 165px; }
  .employee-alert { grid-template-columns: 1fr; gap: 3px; }
  .employee-alert span { grid-row: auto; }
  .notice-card { grid-template-columns: 1fr; gap: 7px; }
  .price-card { min-height: auto; }
  .price-card .button { margin-top: 10px; }
  .price-value { font-size: 2.4rem; }
  .calm-actions { grid-template-columns: 1fr; }
  .contact-choice { min-height: auto; padding: 28px; }
  .contact-form { padding: 24px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 35px 25px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; }
  .footer-legal { flex-wrap: wrap; }
  .people-first-visual img {margin-top: 10px; }
  .hero-visual{min-height:430px}.hero-orbit{inset:8%}.hero-image{width:82%}.hero-chip{max-width:126px;font-size:.63rem}.hero-note{display:none}.chip-1{top:4%}.chip-2{top:17%}.chip-3{bottom:18%}.chip-4{bottom:5%}
  .journey-panel{padding:25px 20px}.journey-step{grid-template-columns:48px 1fr}.journey-step .number{width:48px;height:48px}.journey-track::before{left:23px}
  .model-card{grid-template-columns:1fr}.faq-item summary{padding:16px 17px;}

  .hero-tags{grid-template-columns:1fr}
  .ecosystem{min-height:430px}.ecosystem::before{width:76%;height:76%}.eco-node{width:96px;height:96px;font-size:.7rem}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  [data-reveal] { opacity: 1; transform: none; }
}