/* Homepage continuation only: preserve the product, reduce decorative furniture. */
body.public-v2-site .home-continuum {
  --continuum-line: #294552;
  position: relative;
  background: #030a13;
  color: #eaf4fb;
  isolation: isolate;
}
body.public-v2-site .home-continuum .section {
  width: min(1600px, calc(100% - 112px));
  max-width: none;
  padding: 100px 0;
  margin: 0 auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.public-v2-site .home-continuum .section.reveal,
body.public-v2-site .home-continuum .pillar-grid.reveal,
body.public-v2-site .home-continuum .final-cta.reveal { opacity: 1; transform: none; }
body.public-v2-site .home-continuum .section-heading { margin-bottom: 48px; }
body.public-v2-site .home-continuum .section-heading h2,
body.public-v2-site .home-continuum .booking-copy h2,
body.public-v2-site .home-continuum .whatsapp-leads-copy h2,
body.public-v2-site .home-continuum .contact-copy h2 {
  font-size: clamp(36px, 3.7vw, 66px);
  line-height: 1.09;
  letter-spacing: -.042em;
  text-wrap: balance;
  margin: 0 0 22px;
}
body.public-v2-site .home-continuum .section-heading p { font-size: 15px; line-height: 1.8; color: #a8bfce; }
body.public-v2-site .home-continuum .eyebrow,
body.public-v2-site .home-continuum .upgrade-kicker {
  display: block; padding: 0; margin: 0 0 18px; border: 0; border-radius: 0;
  background: none; box-shadow: none; color: #64cbd5; font-size: 10px; letter-spacing: .13em;
}
body.public-v2-site .home-continuum .eyebrow svg { display: none; }
body.public-v2-site .home-continuum .ambient-feature-zone,
body.public-v2-site .home-continuum .ambient-dealership-zone { background: transparent; }
body.public-v2-site .home-continuum .section::before,
body.public-v2-site .home-continuum .section::after,
body.public-v2-site .home-continuum .ambient-feature-zone::before,
body.public-v2-site .home-continuum .ambient-dealership-zone::before { display: none; }
body.public-v2-site .home-continuum [data-ambient-layer] { display: none; }
body.public-v2-site .home-continuum .pillar-grid {
  width: min(1600px, calc(100% - 112px)); max-width: none;
  margin: 0 auto; padding: 36px 0; gap: 0; border-bottom: 1px solid var(--continuum-line);
}
body.public-v2-site .home-continuum .pillar-grid a {
  border: 0; border-radius: 0; background: none; box-shadow: none; padding: 12px 24px;
}
body.public-v2-site .home-continuum .pillar-grid a + a { border-left: 1px solid var(--continuum-line); }
body.public-v2-site .home-continuum .pillar-icon { background: none; border: 0; box-shadow: none; }
body.public-v2-site .home-continuum .lead-journey {
  gap: 10px; padding: 0; margin: 0 0 64px; border: 0;
}
body.public-v2-site .home-continuum .lead-journey::before { display: none; }
body.public-v2-site .home-continuum .lead-journey li {
  min-height: 154px; padding: 22px 18px 20px; border: 1px solid #183646; border-radius: 13px;
  background: linear-gradient(145deg,#071722b8,#04101abd); box-shadow: inset 0 1px #ffffff05; align-items: flex-start; text-align: left;
  transition: color .25s, background-color .25s, border-color .25s, transform .25s ease;
}
body.public-v2-site .home-continuum .lead-journey li + li { border-left: 1px solid #183646; }
body.public-v2-site .home-continuum .lead-journey li::before,
body.public-v2-site .home-continuum .lead-journey li::after { display: none; }
body.public-v2-site .home-continuum .lead-journey li > span {
  position: static; transform: none; border: 0; background: none; width: auto; height: auto;
  box-shadow: none; font-size: 11px; color: #4f8499; margin-bottom: 12px;
}
body.public-v2-site .home-continuum .lead-journey li > svg { width: 23px; height: 23px; padding: 0; border: 0; border-radius: 0; background: none; margin-bottom: 12px; }
body.public-v2-site .home-continuum .lead-journey li small { font-size: 11px; }
body.public-v2-site .home-continuum .lead-journey li:is(:hover,.is-current) { border-color: #2f7180; background: linear-gradient(145deg,#0b2836d9,#061722d9); transform: translateY(-2px); }
body.public-v2-site .home-continuum .lead-journey li.is-current { color: #66ede2; box-shadow: inset 0 2px #2fd6d2, 0 14px 34px #0003; }
body.public-v2-site .home-continuum .system-value-layout { gap: 56px; align-items: center; }
body.public-v2-site .home-continuum .feature-card-grid { gap: 0 28px; grid-template-columns: repeat(2,minmax(0,1fr)); }
body.public-v2-site .home-continuum .feature-card-grid article {
  padding: 26px 0; min-height: 0; border: 0; border-top: 1px solid var(--continuum-line);
  border-radius: 0; background: none; box-shadow: none;
}
body.public-v2-site .home-continuum .feature-card-grid article::before,
body.public-v2-site .home-continuum .feature-card-grid article::after { display: none; }
body.public-v2-site .home-continuum .feature-card-grid article,
body.public-v2-site .home-continuum .lead-journey li { backdrop-filter: none; -webkit-backdrop-filter: none; }
body.public-v2-site .home-continuum .feature-card-grid:has(article:hover) article,
body.public-v2-site .home-continuum .lead-journey:has(li:hover) li { transform: none; opacity: 1; box-shadow: none; }
body.public-v2-site .home-continuum .feature-card-grid article > svg { width: 25px; height: 25px; padding: 0; background: none; border: 0; box-shadow: none; }
body.public-v2-site .home-continuum .feature-card-grid article h3 { font-size: 17px; line-height: 1.4; margin: 15px 0 8px; }
body.public-v2-site .home-continuum .feature-card-grid article p { font-size: 13px; line-height: 1.7; }
body.public-v2-site .home-continuum .feature-card-grid article > span { display: none; }
body.public-v2-site .home-continuum .command-centre-preview,
body.public-v2-site .home-continuum .pipeline-preview { border-color: #397081; border-radius: 20px; box-shadow: 0 28px 60px #0005; }
body.public-v2-site .home-continuum .knowledge-sync-disclaimer,
body.public-v2-site .home-continuum .fee-explainer {
  border: 0; border-top: 1px solid var(--continuum-line); border-radius: 0; box-shadow: none;
  background: none; padding: 32px 0; margin-top: 40px;
}
body.public-v2-site .home-continuum .knowledge-sync-disclaimer p { max-width: 1080px; line-height: 1.8; }
body.public-v2-site .home-continuum .fee-explainer ul { gap: 18px; }
body.public-v2-site .home-continuum .fee-explainer li,
body.public-v2-site .home-continuum .fee-explainer aside { border: 0; background: none; box-shadow: none; }
/* Let the monthly-fee summary hand off to the industry preview without two
   full section paddings collecting into an empty band. */
body.public-v2-site .home-continuum #system { padding-bottom: 42px; }
/* The real industry selector remains interactive; only its visual shell changes. */
body.public-v2-site .home-continuum #industries {
  position: relative;
  isolation: isolate;
  width: 100%;
  box-sizing: border-box;
  padding: 48px max(56px, calc((100vw - 1600px) / 2)) 100px;
}
/* One generated light field frames the industry selector; the middle stays quiet
   so the real, interactive assistant remains the visual focus. */
body.public-v2-site .home-continuum #industries .continuum-art {
  position: absolute;
  inset: 0 auto 0 50%;
  width: 100vw;
  height: auto;
  z-index: 0;
  translate: -50% 0;
  transform: translate3d(0, var(--industry-art-shift, 0px), 0) scale(1.025);
  opacity: var(--industry-art-opacity, .72);
  background: url('/marketing-site/assets/industry-handover-light-v1.webp') center/cover no-repeat;
  mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 78%, transparent);
}
body.public-v2-site .home-continuum #industries > .section-heading,
body.public-v2-site .home-continuum #industries > .industry-showcase { position: relative; z-index: 1; }
/* The artwork gives way to quieter operational lighting, then green at the
   handover; do not repeat the same image behind every section. */
body.public-v2-site .home-continuum .ambient-dealership-zone {
  background:
    radial-gradient(ellipse 56% 34% at 82% 9%, rgba(27, 112, 171, .09), transparent 100%),
    radial-gradient(ellipse 58% 30% at 11% 75%, rgba(18, 127, 137, .09), transparent 100%),
    linear-gradient(180deg, #030a13 0%, rgba(3, 10, 19, .88) 31%, rgba(3, 10, 19, .72) 57%, rgba(3, 10, 19, .88) 85%, #030a13 100%),
    url('/marketing-site/assets/dashboard-handover-light-v1.webp') center 58% / 100% auto no-repeat;
}
body.public-v2-site .home-continuum #human-first {
  background: radial-gradient(ellipse 72% 58% at 68% 83%, rgba(28, 140, 108, .16), transparent 100%);
}
/* Fade the blue light field into the page before the green alert panel arrives. */
body.public-v2-site .home-continuum #human-first::after {
  display: block;
  inset: auto 0 0;
  height: clamp(190px, 22vw, 300px);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: linear-gradient(to bottom, transparent, rgba(3, 10, 19, .28) 38%, #030a13 100%);
}
body.public-v2-site .home-continuum .industry-showcase { width: 100%; max-width: none; margin-inline: 0; transform: none; gap: 24px; align-items: center; }
/* Keep the existing launcher lane when the newer full-bleed skin takes over.
   Only the content column narrows; the generated section artwork stays 100vw. */
@media (min-width: 1081px) and (max-width: 1712px) {
  body.public-v2-site .home-continuum #industries .industry-showcase {
    max-width: calc(100% - 176px);
    margin-inline: auto;
  }
}
body.public-v2-site .home-continuum .industry-showcase .industry-options { gap: 0; }
body.public-v2-site .home-continuum .industry-showcase .industry-options > button {
  display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 14px; align-items: start;
  min-height: 140px; padding: 25px 14px; border: 0; border-bottom: 1px solid #284652;
  border-radius: 0; color: #e3edf5; background: transparent; box-shadow: none; transform: none;
}
body.public-v2-site .home-continuum .industry-showcase .industry-options > button:is(:hover,:focus-visible,.is-active) {
  background: linear-gradient(100deg,#0c293bba,transparent); color: #fff; box-shadow: none; transform: none;
}
body.public-v2-site .home-continuum .industry-showcase .industry-options > button.is-active { border-bottom-color: #39d7d2; }
body.public-v2-site .home-continuum .industry-showcase .industry-options > button::after { display: block; width: 7px; height: 7px; border-width: 1px; box-shadow: 0 0 0 4px rgba(var(--industry-accent-rgb),.12), 0 0 15px rgba(var(--industry-accent-rgb),.5); }
body.public-v2-site .home-continuum .industry-options-left > button::after { right: 17px; }
body.public-v2-site .home-continuum .industry-options-right > button::after { left: 17px; }
body.public-v2-site .home-continuum .industry-showcase .industry-options > button strong { color: #eaf7fd !important; }
body.public-v2-site .home-continuum .industry-showcase .industry-options > button small { color: #a8bdcd !important; line-height: 1.6; }
body.public-v2-site .home-continuum .industry-showcase .industry-options > button .industry-card-icon { position: static; margin: 0; transform: none; width: 28px; height: 28px; border: 0; border-radius: 0; background: none; box-shadow: none; color: #45cbd5; }
body.public-v2-site .home-continuum .industry-card-copy em { color: #7199ab; font-size: 9px; }
body.public-v2-site .home-continuum .industry-card-chips { gap: 0; line-height: 1.8; }
body.public-v2-site .home-continuum .industry-card-chips i { background: none; border: 0; padding: 0; color: #a0c2d3; font-size: 10px; }
body.public-v2-site .home-continuum .industry-card-chips i + i::before { content: ' / '; color: #4d7385; white-space: pre; }
body.public-v2-site .home-continuum .industry-stage-center .industry-demo { border-radius: 25px; border: 1px solid #a2e4f1; box-shadow: 0 0 0 3px #2585ad30, 0 30px 65px #0007; }
body.public-v2-site .home-continuum .industry-active-link { z-index: 4; }
body.public-v2-site .home-continuum .industry-active-link-halo { stroke-width: 11; opacity: .13; }
body.public-v2-site .home-continuum .industry-active-link-track {
  stroke: var(--active-industry-accent);
  stroke-width: 2.4;
  stroke-linecap: round;
  opacity: .67;
  filter: drop-shadow(0 0 4px var(--active-industry-accent));
}
body.public-v2-site .home-continuum .industry-active-link-flow {
  stroke: color-mix(in srgb, var(--active-industry-accent) 48%, white);
  stroke-width: 2.2;
  stroke-dasharray: 9 11;
  /* Keep the animated stroke unfiltered and loop by exactly two dash cycles. */
  filter: none;
  animation: continuumIndustryLinkFlow 2.4s linear infinite;
}
@keyframes continuumIndustryLinkFlow { to { stroke-dashoffset: -40; } }
body.public-v2-site .home-continuum .industry-active-link-dot {
  fill: #f7ffff;
  filter: drop-shadow(0 0 5px var(--active-industry-accent));
}
body.public-v2-site .home-continuum .industry-active-link-endpoint-halo {
  fill: var(--active-industry-accent);
  opacity: .24;
}
body.public-v2-site .home-continuum .industry-active-link-endpoint {
  fill: #f7ffff;
  stroke: var(--active-industry-accent);
  stroke-width: 1.5;
}
body.public-v2-site .home-continuum .industry-showcase .industry-options > button.is-active::after {
  animation: industryAnchorPulse 2.15s ease-in-out infinite;
}
@keyframes industryAnchorPulse {
  50% { box-shadow: 0 0 0 7px rgba(var(--industry-accent-rgb), .08), 0 0 17px rgba(var(--industry-accent-rgb), .7); }
}
@media (min-width: 1121px) {
  body.public-v2-site .home-continuum .industry-showcase { gap: clamp(34px, 3vw, 56px); }
}
@media (max-width: 1120px) {
  body.public-v2-site .home-continuum #industries { padding-inline: 28px; }
  body.public-v2-site .home-continuum .industry-showcase .industry-options > button::after { display: none; }
}
@media (max-width: 760px) {
  body.public-v2-site .home-continuum #industries { padding-inline: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  body.public-v2-site .home-continuum .industry-showcase .industry-options > button.is-active::after { animation: none; }
  body.public-v2-site .home-continuum .industry-active-link-flow { animation: none; stroke-dasharray: none; }
}
body.public-v2-site .home-continuum .industry-demo-heading h3 { font-size: 15px; }
body.public-v2-site .home-continuum .industry-demo-cta > p { display: none; }
/* Keep useful operational details, but avoid nested card grids. */
body.public-v2-site .home-continuum .dashboard-benefits article { border: 0; border-bottom: 1px solid var(--continuum-line); border-radius: 0; padding: 24px 0; background: none; box-shadow: none; }
body.public-v2-site .home-continuum .dashboard-benefits article > span { background: none; border: 0; color: #5dafbf; }
body.public-v2-site .home-continuum .admin-module-grid { gap: 1px; background: #c9dce5; }
body.public-v2-site .home-continuum .admin-module-grid section { border: 0; border-radius: 0; background: #f5fafc; padding: 23px; }
body.public-v2-site .home-continuum .admin-module-grid section > strong { color: #16384b; }
body.public-v2-site .home-continuum .admin-module-grid section > p,
body.public-v2-site .home-continuum .admin-module-grid section > small { color: #49677a; }
body.public-v2-site .home-continuum .booking-copy ol li { border: 0; border-bottom: 1px solid #253e4d; border-radius: 0; background: none; padding: 20px 0; }
body.public-v2-site .home-continuum .booking-copy ol li > span { border: 0; border-radius: 0; background: none; box-shadow: none; }
/* Match the light operational calendar used in the real dealership dashboard. */
body.public-v2-site .home-continuum .calendar-preview {
  color: #18384a; background: linear-gradient(145deg,#ffffff,#f1f7f9); border: 1px solid #bad1da;
  border-radius: 20px; box-shadow: 0 28px 64px #0006, inset 0 1px #fff;
}
body.public-v2-site .home-continuum .calendar-preview > header { padding-bottom: 15px; border-bottom: 1px solid #d4e2e7; }
body.public-v2-site .home-continuum .calendar-preview > header small { color: #5f7888; }
body.public-v2-site .home-continuum .calendar-preview > header strong { color: #173548; }
body.public-v2-site .home-continuum .week-nav-preview span { color: #4e6979; background: #f6fafb; border-color: #c8d9df; opacity: 1; }
body.public-v2-site .home-continuum .week-calendar-head { color: #597483; background: #eef5f7; border-color: #cbdde3; }
body.public-v2-site .home-continuum .week-calendar-head span { border-right-color: #d5e3e8; }
body.public-v2-site .home-continuum .week-calendar-body { background: #fbfdfe; border-color: #cbdde3; }
body.public-v2-site .home-continuum .week-calendar-body > span { border-right-color: #dce8ec; border-bottom-color: #dce8ec; }
body.public-v2-site .home-continuum .week-calendar-body .week-time { color: #647e8d; }
body.public-v2-site .home-continuum .week-calendar-body i.request { color: #155f93; background: #dceefe; border-color: #8ec7ec; }
body.public-v2-site .home-continuum .week-calendar-body i.contacted { color: #136b67; background: #d9f3ef; border-color: #8ad0c6; }
body.public-v2-site .home-continuum .week-calendar-body i.booked { color: #326a2e; background: #e2f3d9; border-color: #a7d792; }
body.public-v2-site .home-continuum .week-calendar-body i::after { color: #284e62; }
body.public-v2-site .home-continuum .calendar-detail { background: #f5fafb; border-color: #c9dce3; }
body.public-v2-site .home-continuum .calendar-detail .icon-box { color: #078d91; background: #dff5f3; }
body.public-v2-site .home-continuum .calendar-detail small { color: #66808f; }
body.public-v2-site .home-continuum .calendar-detail strong { color: #17384c; }
body.public-v2-site .home-continuum .calendar-detail p { color: #8a630c; }
body.public-v2-site .home-continuum .calendar-detail > b { color: #0c65a5; background: #e0efff; }
body.public-v2-site .home-continuum .calendar-preview > footer { color: #607a89; }
body.public-v2-site .home-continuum .internal-week-preview > footer small { color: #607a89; }
body.public-v2-site .home-continuum .human-first-promise { border: 0; background: none; box-shadow: none; padding: 0; max-width: 460px; }
body.public-v2-site .home-continuum .human-first-grid { gap: 32px; }
body.public-v2-site .home-continuum .human-task-card { padding: 32px; border: 1px solid #274959; background: #081a28bd; box-shadow: none; border-radius: 18px; }
body.public-v2-site .home-continuum .human-task-card li { border: 0; border-bottom: 1px solid #233d4c; border-radius: 0; background: none; padding: 12px 0; }
body.public-v2-site .home-continuum .human-task-card li > span { border: 0; background: none; }
body.public-v2-site .home-continuum .human-first-outcomes { border: 0; background: none; box-shadow: none; }
body.public-v2-site .home-continuum .human-first-outcomes p { border: 0; background: none; }
body.public-v2-site .home-continuum #whatsapp-leads {
  position: relative;
  isolation: isolate;
  margin-top: clamp(42px, 5vw, 78px);
  padding: 100px clamp(28px, 4vw, 68px);
  overflow: hidden;
  background:
    radial-gradient(circle at 84% 42%, rgba(63, 238, 149, .24), transparent 28%),
    radial-gradient(circle at 7% 92%, rgba(29, 183, 123, .2), transparent 34%),
    linear-gradient(128deg, #03171d 0%, #052820 48%, #073b2d 100%);
  border: 1px solid rgba(83, 231, 171, .4);
  border-radius: clamp(26px, 3vw, 42px);
  box-shadow: 0 -36px 105px -14px rgba(34, 180, 150, .16), 0 34px 95px rgba(0, 0, 0, .4), inset 0 1px rgba(255,255,255,.06), 0 0 62px rgba(32,178,118,.1);
}
body.public-v2-site .home-continuum .whatsapp-leads-layout { gap: 100px; grid-template-columns: minmax(0,1fr) minmax(360px,.8fr); align-items: center; }
body.public-v2-site .home-continuum .whatsapp-leads-copy h2 span { color: #3ee19b; text-shadow: 0 10px 35px rgba(24,202,126,.16); }
body.public-v2-site .home-continuum .whatsapp-leadline { font-size: 17px; line-height: 1.6; }
body.public-v2-site .home-continuum .whatsapp-plan-note { border: 1px solid rgba(61,211,147,.24); border-left: 2px solid #3ee19b; border-radius: 14px; background: rgba(26,117,79,.16); padding: 15px 18px; }
body.public-v2-site .home-continuum .whatsapp-safety-list { display: block; }
body.public-v2-site .home-continuum .whatsapp-safety-list li { border: 0; border-bottom: 1px solid rgba(83,231,171,.22); border-radius: 0; background: none; padding: 16px 0; }
body.public-v2-site .home-continuum .whatsapp-config-note { color: #93b3be; }
/* Pricing stays catalogue-backed. Disclosure keeps the long comparison available. */
body.public-v2-site .home-continuum .industry-pricing-panel { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
@media (min-width: 1101px) {
  body.public-v2-site .home-continuum #pricing { padding-top: 64px; }
}
body.public-v2-site .home-continuum .pricing-heading-compact { margin-bottom: 26px; }
/* One guidance band instead of a stacked heading followed by another heading. */
body.public-v2-site .home-continuum .industry-pricing-heading { max-width: none; margin-bottom: 22px; }
body.public-v2-site .home-continuum .industry-pricing-heading .eyebrow { display: none; }
body.public-v2-site .home-continuum .industry-pricing-heading h3 { font-size: 22px; }
body.public-v2-site .home-continuum .industry-pricing-heading > div {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 1fr);
  align-items: start;
  gap: 6px 52px;
}
body.public-v2-site .home-continuum .industry-pricing-heading h3 { margin: 0; }
body.public-v2-site .home-continuum .industry-pricing-heading > div > p[data-industry-copy] {
  margin: 3px 0 0;
  max-width: 640px;
  padding-left: 36px;
  border-left: 1px solid #315165;
  font-size: 14px;
  line-height: 1.72;
}
body.public-v2-site .home-continuum .industry-pricing-tabs { border-radius: 9px; margin-bottom: 30px; background: #071b29; }
body.public-v2-site .home-continuum .plan-capability-block { border: 0; border-top: 1px solid #2c4b5b; border-radius: 0; background: none; padding: 20px 0 0; }

/* Three plans read as one ladder. Each plan keeps its own accent so the family is
   identifiable at a glance: Assist in cyan, Sales in mint, Sales Intelligence in
   amber. Scroll motion owns transform on these cards, so hover uses `translate`. */
body.pricing-detail-site .home-continuum .pricing-catalogue-grid .catalogue-plan-card.pricing-plan-summary {
  --plan-accent: #48d9ff;
  --plan-accent-rgb: 72, 217, 255;
  min-height: clamp(560px, 66vh, 720px);
  border-radius: 20px;
  box-shadow: 0 18px 44px rgba(0, 8, 21, .28), inset 0 1px 0 rgba(255, 255, 255, .045);
  transition: translate .3s ease, border-color .3s ease, box-shadow .3s ease;
}
body.pricing-detail-site .home-continuum .pricing-catalogue-grid .catalogue-plan-card.pricing-card-essential {
  --plan-accent: #48d9ff;
  --plan-accent-rgb: 72, 217, 255;
}
body.pricing-detail-site .home-continuum .pricing-catalogue-grid .catalogue-plan-card.pricing-card-growth {
  --plan-accent: #5fe9c2;
  --plan-accent-rgb: 95, 233, 194;
}
body.pricing-detail-site .home-continuum .pricing-catalogue-grid .catalogue-plan-card.pricing-card-pro {
  --plan-accent: #ffc266;
  --plan-accent-rgb: 255, 194, 102;
}
/* The middle plan is the visual anchor: raised, brighter edge and a stronger halo. */
body.pricing-detail-site .home-continuum .pricing-catalogue-grid .catalogue-plan-card.pricing-plan-summary.pricing-card-featured {
  translate: 0 -14px;
  padding-top: calc(clamp(22px, 2vw, 28px) + 6px);
  border-width: 2px;
  box-shadow: 0 0 0 1px rgba(var(--plan-accent-rgb), .2), 0 34px 74px rgba(0, 18, 33, .46);
}
body.pricing-detail-site .home-continuum .pricing-catalogue-grid .catalogue-plan-card.pricing-plan-summary:is(:hover, :focus-within) {
  translate: 0 -6px;
  border-color: rgba(var(--plan-accent-rgb), .68);
  box-shadow: 0 30px 64px rgba(0, 10, 25, .42), 0 0 26px rgba(var(--plan-accent-rgb), .14);
}
body.pricing-detail-site .home-continuum .pricing-catalogue-grid .catalogue-plan-card.pricing-plan-summary.pricing-card-featured:is(:hover, :focus-within) {
  translate: 0 -20px;
}
body.public-v2-site .home-continuum .pricing-catalogue-grid .pricing-plan-summary:focus-visible {
  outline: 2px solid var(--plan-accent);
  outline-offset: 3px;
}
body.public-v2-site .home-continuum .pricing-plan-summary .plan-summary-cta {
  border-color: rgba(var(--plan-accent-rgb), .34);
  background: rgba(var(--plan-accent-rgb), .1);
  transition: background .28s ease, border-color .28s ease, color .28s ease;
}
body.public-v2-site .home-continuum .pricing-plan-summary .plan-summary-cta:hover,
body.public-v2-site .home-continuum .pricing-plan-summary .plan-summary-cta:focus-visible {
  background: rgba(var(--plan-accent-rgb), .2);
  border-color: rgba(var(--plan-accent-rgb), .6);
}
body.public-v2-site .home-continuum .pricing-plan-summary .plan-included-strip { border-radius: 12px; }

/* Full-bleed pricing scenes are clipped by the section box on this page, which
   cut the left edge of the trust call to action. Keep every scene on the grid. */
body.public-v2-site .home-continuum .pricing-scene { width: auto; margin-block: 48px; margin-inline: 0; padding-inline: 0; }

/* The capacity band is the deliberate exception: its soft field spans the
   viewport while the copy stays on the section gutter, and the vertical
   padding gives the feathered edges room to fall away before the copy starts. */
body.public-v2-site .home-continuum .pricing-experience .pricing-scene.pricing-scene--capacity {
  width: 100vw;
  max-width: none;
  margin-block: 0;
  margin-inline: calc(50% - 50vw);
}

/* Background-only handoff: generated light trails carry the eye from the green
   WhatsApp alert into the navy pricing scene, then settle into flat colour. */
body.public-v2-site .home-continuum #pricing { position: relative; }
body.public-v2-site .home-continuum #pricing > .pricing-handoff {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
  height: 540px;
  pointer-events: none;
  opacity: .62;
  background:
    linear-gradient(90deg, #030a13 0, #030a1300 16%, #030a1300 84%, #030a13 100%),
    linear-gradient(180deg, #030a1300 0, #030a1300 24%, #030a13d9 78%, #030a13 100%),
    url('/marketing-site/assets/home-pricing-flow-v1.webp') center 38%/cover no-repeat;
}
body.pricing-detail-site .home-continuum #website-upgrades > .upgrade-handoff {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
  height: 460px;
  pointer-events: none;
  opacity: .4;
  background:
    linear-gradient(90deg, #030a13 0, #030a1300 18%, #030a1300 82%, #030a13 100%),
    linear-gradient(180deg, #030a1300 0, #030a1300 26%, #030a13d9 80%, #030a13 100%),
    url('/marketing-site/assets/home-pricing-flow-v1.webp') center 62%/cover no-repeat;
  transform: scaleX(-1);
}

/* Industry detail stays complete, but the long tail sits in native disclosure. */
body.public-v2-site .home-continuum .continuum-details--guidance > summary { font-size: 16px; }
body.public-v2-site .home-continuum .continuum-details--guidance .industry-detail-grid { margin-top: 4px; }
body.public-v2-site .home-continuum .intelligence-teaser { margin-top: 72px; border: 0; background: none; box-shadow: none; padding: 36px 0; }
body.public-v2-site .home-continuum .intelligence-teaser::before,
body.public-v2-site .home-continuum .intelligence-teaser::after,
body.public-v2-site .home-continuum .intelligence-teaser .data-fusion::before { content: none; }
/* The multi-site and additional-website offers keep the shared dark-glass
   treatment from public-site-v2.css, so both public pages render them the
   same way. Everything else in the continuum stays on the flat surface. */
body.public-v2-site .home-continuum .industry-detail-card,
body.public-v2-site .home-continuum .package-or-boost,
body.public-v2-site .home-continuum .allowance-overview,
body.public-v2-site .home-continuum .package-recommender { border-radius: 14px; border-color: #2a4e60; background: #081b29; box-shadow: none; }
body.public-v2-site .home-continuum .package-or-boost { color: #eaf7fb; background: linear-gradient(145deg,#0b2637,#071923); border-color: #397083; }
body.public-v2-site .home-continuum .package-or-boost .eyebrow { color: #5edce0; background: transparent; }
body.public-v2-site .home-continuum .package-or-boost h3 { color: #f3fbfe; }
body.public-v2-site .home-continuum .package-or-boost article { background: linear-gradient(145deg,#0d3043,#092332); border-color: #315b6c; box-shadow: inset 0 1px #ffffff0a; }
body.public-v2-site .home-continuum .package-or-boost article:first-child { border-color: #337b7b; background: linear-gradient(145deg,#0b353e,#09252f); }
body.public-v2-site .home-continuum .package-or-boost h4 { color: #effbfc; }
body.public-v2-site .home-continuum .package-or-boost ul,
body.public-v2-site .home-continuum .package-or-boost > p { color: #a9c3d0; }
body.public-v2-site .home-continuum .package-or-boost li::marker { color: #4bd8d2; }
body.public-v2-site .home-continuum .package-or-boost > p strong { color: #dff8f6; }
body.public-v2-site .home-continuum .package-or-boost .boost-example { color: #cbeeea; background: #0a302f; border-color: #2a706b; }
body.public-v2-site .home-continuum .continuum-details { border-block: 1px solid #385b6e; margin-top: 34px; }
body.public-v2-site .home-continuum .continuum-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; list-style: none; cursor: pointer; padding: 26px 4px; font-size: 19px; font-weight: 650; color: #e7f6fc; }
body.public-v2-site .home-continuum .continuum-details > summary::-webkit-details-marker { display: none; }
body.public-v2-site .home-continuum .continuum-details > summary span { font-size: 26px; font-weight: 300; color: #45d5d8; transition: transform .2s; }
body.public-v2-site .home-continuum .continuum-details[open] > summary span { transform: rotate(45deg); }
body.public-v2-site .home-continuum .continuum-details > summary:focus-visible { outline: 2px solid #40d8ed; outline-offset: 3px; }
body.public-v2-site .home-continuum .continuum-details .feature-comparison { margin-top: 0; }
/* Interactive controls stay still; scroll reveals belong to the product visuals. */
body.public-v2-site .home-continuum .recommender-start { animation: none; }
body.public-v2-site .home-continuum .pricing-faq-grid { grid-template-columns: 1fr; }
body.public-v2-site .home-continuum .pricing-faq-grid details { border: 0; border-bottom: 1px solid #294b5c; border-radius: 0; background: transparent; box-shadow: none; }
body.public-v2-site .home-continuum .pricing-faq-grid summary { padding: 22px 0; }
body.public-v2-site .home-continuum .industry-select-control.is-up .industry-select-menu { top: auto; bottom: calc(100% + 8px); }
/* Anchor targets are not keyboard controls; avoid a full-bleed browser focus
   rectangle while preserving visible focus on the links inside them. */
body.public-v2-site .home-continuum .section[tabindex="-1"]:focus { outline: none; }
@media (max-width: 760px) {
  body.public-v2-site .home-continuum .industry-select-field.is-enhanced > select {
    position: static; width: 100%; height: 55px; margin: 0; padding: 0 16px;
    overflow: visible; clip-path: none; white-space: normal;
    color: #102033; background: #fff; border: 1px solid #a9ccdc;
    box-shadow: 0 7px 18px rgba(35, 70, 91, .09);
  }
  body.public-v2-site .home-continuum .industry-select-control { display: none; }
}
body.public-v2-site .home-continuum .pricing-trust-cta { width: min(calc(100% - 48px), 1380px); margin-inline: auto; padding: 36px 0; border: 0; border-block: 1px solid #294b5c; border-radius: 0; background: none; box-shadow: none; }
body.public-v2-site .home-continuum .upgrade-proof-strip { border-block: 1px solid #2a4757; border-radius: 0; padding: 28px 0; background: none; box-shadow: none; }
body.public-v2-site .home-continuum .upgrade-proof-strip li { background: none; border: 0; }
body.public-v2-site .home-continuum .upgrade-visual-tags { display: none; }
body.public-v2-site .home-continuum .upgrade-research-panel,
body.public-v2-site .home-continuum .upgrade-process { margin-block: 65px; padding: 0; background: none; border: 0; box-shadow: none; }
body.public-v2-site .home-continuum .upgrade-grid { gap: 0 30px; }
body.public-v2-site .home-continuum .upgrade-grid article { background: none; border: 0; border-top: 1px solid #2a495a; border-radius: 0; box-shadow: none; padding: 24px 0; }
body.public-v2-site .home-continuum .contact-layout { gap: 80px; align-items: start; }
body.public-v2-site .home-continuum .contact-copy ul li { background: none; border: 0; padding-left: 0; }
body.public-v2-site .home-continuum .final-cta { width: 100%; max-width: none; margin: 0; padding: 96px 56px 104px; border: 0; border-radius: 0; background: linear-gradient(180deg,#030a13 0%,#030a13b8 22%,#020912d9 72%,#020812 100%), url('/marketing-site/assets/site-flow-subtle-v1.png') center bottom/cover; box-shadow: none; }
body.public-v2-site .home-continuum .final-cta > div { width: 100%; max-width: 1488px; margin: auto; grid-template-columns: minmax(0,1fr) auto; gap: 48px; padding: 46px; background: linear-gradient(120deg,#041726f2,#061d2bef); border: 1px solid #24546a; border-radius: 22px; box-shadow: 0 24px 70px #0006, inset 0 1px #ffffff0a; }
body.public-v2-site .home-continuum .final-cta h2 { max-width: 680px; font-size: clamp(32px,3.2vw,54px); line-height: 1.12; }
body.public-v2-site .home-continuum .final-cta p { max-width: 600px; margin-top: 18px; }
body.public-v2-site .home-continuum .cta-orbit { display: none; }
body.public-v2-site:has(.home-continuum) .site-footer { background: linear-gradient(180deg,#020812,#020610); border-top-color: #173144; }
/* Quiet depth, shared with the hero. Art never contains text or UI. */
body.public-v2-site .home-continuum .continuum-art { position: absolute; inset: 0 -56px; z-index: -1; pointer-events: none; background: url('/marketing-site/assets/home-continuum-light-v1.webp') center bottom/cover no-repeat; opacity: .65; mask-image: linear-gradient(transparent,#000 20%,#000 75%,transparent); }
.continuum-motion { transform-origin: center; }
.continuum-motion.is-moving { will-change: transform; }
@media (max-width:1100px) {
  body.public-v2-site .home-continuum .section,
  body.public-v2-site .home-continuum .pillar-grid { width: calc(100% - 56px); padding-block: 65px; }
  body.public-v2-site .home-continuum .industry-pricing-heading > div { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  body.public-v2-site .home-continuum .industry-pricing-heading > div > p[data-industry-copy] { padding-left: 0; border-left: 0; }
  body.public-v2-site .home-continuum .industry-showcase { gap: 20px; }
  body.public-v2-site .home-continuum .system-value-layout,
  body.public-v2-site .home-continuum .whatsapp-leads-layout,
  body.public-v2-site .home-continuum .contact-layout { gap: 36px; }
  body.public-v2-site .home-continuum .lead-journey { grid-template-columns: repeat(4,minmax(0,1fr)); }
  body.public-v2-site .home-continuum .lead-journey li { min-height: 150px; }
  body.public-v2-site .home-continuum .continuum-art { inset-inline: -28px; }
  body.public-v2-site .home-continuum .whatsapp-leads-layout { grid-template-columns: 1fr; }
}
@media (max-width:760px) {
  body.public-v2-site .home-continuum .section { width: calc(100% - 36px); padding-block: 54px; }
  body.public-v2-site .home-continuum #pricing > .pricing-handoff { height: 330px; opacity: .5; }
  body.pricing-detail-site .home-continuum #website-upgrades > .upgrade-handoff { height: 300px; }
  body.public-v2-site .home-continuum .pricing-scene { margin-block: 34px; }
  body.pricing-detail-site .home-continuum .pricing-catalogue-grid .catalogue-plan-card.pricing-plan-summary,
  body.pricing-detail-site .home-continuum .pricing-catalogue-grid .catalogue-plan-card.pricing-plan-summary.pricing-card-featured { min-height: 0; translate: 0; }
  body.public-v2-site .home-continuum .section-heading { margin-bottom: 30px; }
  body.public-v2-site .home-continuum .section-heading h2,
  body.public-v2-site .home-continuum .booking-copy h2,
  body.public-v2-site .home-continuum .whatsapp-leads-copy h2,
  body.public-v2-site .home-continuum .contact-copy h2 { font-size: 36px; }
  body.public-v2-site .home-continuum .pillar-grid { width: calc(100% - 36px); padding: 22px 0; grid-template-columns: 1fr 1fr; }
  body.public-v2-site .home-continuum .pillar-grid a { padding: 14px 8px; }
  body.public-v2-site .home-continuum .pillar-grid a:nth-child(3) { border-left: 0; }
  body.public-v2-site .home-continuum .pillar-grid a small { font-size: 10px; }
  body.public-v2-site .home-continuum .lead-journey { grid-template-columns: 1fr 1fr; margin-bottom: 36px; }
  body.public-v2-site .home-continuum .lead-journey li { min-height: 130px; }
  body.public-v2-site .home-continuum .lead-journey li:nth-child(odd) { border-left: 1px solid #183646; }
  body.public-v2-site .home-continuum .system-value-layout { display: flex; flex-direction: column; }
  body.public-v2-site .home-continuum .feature-card-grid { gap: 0 20px; width: 100%; }
  body.public-v2-site .home-continuum .command-centre-preview { width: 100%; }
  body.public-v2-site .home-continuum .human-task-card { padding: 22px; }
  body.public-v2-site .home-continuum .industry-showcase .industry-options > button { min-height: 128px; }
  body.public-v2-site .home-continuum .industry-card-chips { display: flex; flex-wrap: wrap; }
  body.public-v2-site .home-continuum .continuum-art { inset-inline: -18px; opacity: .35; }
  body.public-v2-site .home-continuum #whatsapp-leads { width: calc(100% - 24px); padding: 54px 18px; }
  body.public-v2-site .home-continuum .continuum-details > summary { font-size: 16px; }
  body.public-v2-site .home-continuum .final-cta { padding: 54px 18px; }
  body.public-v2-site .home-continuum .final-cta > div { grid-template-columns: 1fr; gap: 26px; padding: 26px 20px; }
}
@media (prefers-reduced-motion:reduce) {
  .home-continuum .continuum-motion { transform: none !important; translate: none !important; will-change: auto !important; }
  .home-continuum .continuum-art { transform: none !important; }
  body.public-v2-site .home-continuum #industries .continuum-art { --industry-art-opacity: .72 !important; }
  .home-continuum .system-lede { position: static !important; }
  .home-continuum .system-lede-inner { transform: none !important; opacity: 1 !important; }
  .home-continuum .system-stage-hold { display: none !important; }
  body.pricing-detail-site .home-continuum .pricing-catalogue-grid .catalogue-plan-card.pricing-plan-summary,
  body.pricing-detail-site .home-continuum .pricing-catalogue-grid .catalogue-plan-card.pricing-plan-summary.pricing-card-featured { translate: none !important; transition: none !important; }
}

/* A navigable product journey, using the same restrained colour and light as the hero. */
body.public-v2-site .home-continuum .pillar-grid {
  gap: 14px;
  padding: 36px 0 28px;
  border-bottom: 0;
}
body.public-v2-site .home-continuum .pillar-grid a {
  --card-accent: #34d6d2;
  position: relative;
  min-height: 120px;
  padding: 20px 18px;
  overflow: hidden;
  border: 1px solid #2b5465;
  border-radius: 17px;
  background: linear-gradient(145deg, #123345e6, #071824f5 72%);
  box-shadow: inset 0 1px #ffffff18, 0 13px 30px #0003;
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease, background .3s ease;
}
body.public-v2-site .home-continuum .pillar-grid a:nth-child(2) { --card-accent: #5da8ff; }
body.public-v2-site .home-continuum .pillar-grid a:nth-child(3) { --card-accent: #5ce4b4; }
body.public-v2-site .home-continuum .pillar-grid a:nth-child(4) { --card-accent: #8cb7ff; }
body.public-v2-site .home-continuum .pillar-grid a + a { border-left: 1px solid #2b5465; }
body.public-v2-site .home-continuum .pillar-grid a::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--card-accent), transparent);
  opacity: .45;
  transition: opacity .3s ease;
}
body.public-v2-site .home-continuum .pillar-grid a:hover,
body.public-v2-site .home-continuum .pillar-grid a:focus-visible {
  transform: translateY(-5px);
  border-color: var(--card-accent);
  background: linear-gradient(145deg, #174458f5, #0a2536f9 72%);
  box-shadow: inset 0 1px #ffffff29, 0 22px 44px #0007, 0 0 24px color-mix(in srgb, var(--card-accent) 16%, transparent);
}
body.public-v2-site .home-continuum .pillar-grid a:is(:hover,:focus-visible)::after { opacity: 1; }
body.public-v2-site .home-continuum .pillar-grid a:focus-visible { outline: 2px solid var(--card-accent); outline-offset: 3px; }
body.public-v2-site .home-continuum .pillar-icon {
  width: 45px;
  height: 45px;
  color: var(--card-accent);
  border: 1px solid color-mix(in srgb, var(--card-accent) 35%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--card-accent) 13%, #071b2b);
  box-shadow: inset 0 1px #ffffff1c;
}
body.public-v2-site .home-continuum .pillar-icon svg { width: 25px; height: 25px; }
body.public-v2-site .home-continuum .pillar-grid strong { font-size: clamp(13px, .95vw, 16px); line-height: 1.3; }
body.public-v2-site .home-continuum .pillar-grid small { color: #b8cbd7; font-size: 12px; line-height: 1.5; }
body.public-v2-site .home-continuum .pillar-arrow {
  width: 17px;
  height: 17px;
  color: var(--card-accent);
  transition: transform .3s ease;
}
body.public-v2-site .home-continuum .pillar-grid a:is(:hover,:focus-visible) .pillar-arrow { transform: translateX(5px); }

body.public-v2-site .home-continuum #system { position: relative; isolation: isolate; }
@media (min-width: 761px) {
  body.public-v2-site .home-continuum #system { padding-top: 82px; }
}
/* Connected-system stage: the lede floats in over a longer scroll, settles at a
   readable position for a short extra scroll, then releases into the detail
   below. Desktop-only, motion-preference gated, never a scroll trap. */
body.public-v2-site .home-continuum .system-stage { position: relative; }
body.public-v2-site .home-continuum .system-lede { position: relative; z-index: 2; }
body.public-v2-site .home-continuum .system-lede-inner { transform-origin: center 82%; }
body.public-v2-site .home-continuum .system-stage-hold { display: none; }
/* The page carries its own distinct generated backdrop instead of the repeated
   light-trail artwork. It is bound to the stage, so it stays with the held
   composition and cannot spill over the detail below. Art only, never UI. */
body.public-v2-site .home-continuum .system-stage::before {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  top: -96px;
  left: 50%;
  width: 100vw;
  height: calc(100% + 96px);
  transform: translateX(-50%);
  pointer-events: none;
  background:
    linear-gradient(180deg, #030a13 0%, #030a13cc 12%, #030a1340 32%, #030a13cc 80%, #030a13 100%),
    radial-gradient(96% 78% at 12% 26%, #030a13f0 0%, #030a1399 40%, #030a1300 74%),
    url('/marketing-site/assets/home-system-glass-v1.webp') center 22%/cover no-repeat;
  opacity: .74;
  mask-image: linear-gradient(180deg, transparent, #000 14%, #000 74%, transparent);
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 14%, #000 74%, transparent);
}
@media (min-width: 1101px) and (min-height: 640px) and (prefers-reduced-motion: no-preference) {
  body.public-v2-site .home-continuum .system-stage { --system-pin: clamp(92px, 10.5vh, 128px); }
  body.public-v2-site .home-continuum .system-lede { position: sticky; top: var(--system-pin); }
  body.public-v2-site .home-continuum .system-stage-hold { display: block; height: clamp(320px, 52vh, 560px); }
  body.public-v2-site .home-continuum #features-solutions { padding-top: 28px; }
}
body.public-v2-site .home-continuum #system .lead-journey {
  gap: 12px;
  margin-bottom: 16px;
}
body.public-v2-site .home-continuum #system .lead-journey li {
  --step-accent: #51d9e4;
  min-height: 0;
  padding: 0;
  overflow: visible;
  border: 1px solid #244a5a;
  border-radius: 16px;
  background: linear-gradient(154deg, #113142e8, #061825f4 80%);
  box-shadow: inset 0 1px #ffffff12, 0 12px 28px #0003;
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease, background .3s ease;
}
body.public-v2-site .home-continuum #system .lead-journey li:nth-child(2),
body.public-v2-site .home-continuum #system .lead-journey li:nth-child(5) { --step-accent: #67a9ff; }
body.public-v2-site .home-continuum #system .lead-journey li:nth-child(3),
body.public-v2-site .home-continuum #system .lead-journey li:nth-child(6) { --step-accent: #5ce4b4; }
body.public-v2-site .home-continuum #system .lead-journey li:nth-child(4),
body.public-v2-site .home-continuum #system .lead-journey li:nth-child(7) { --step-accent: #8ed6ff; }
body.public-v2-site .home-continuum #system .lead-journey li + li { border-left: 1px solid #244a5a; }
body.public-v2-site .home-continuum #system .lead-journey li:not(:last-child)::after {
  display: grid;
  content: "›";
  position: absolute;
  z-index: 3;
  top: calc(50% - 13px);
  left: auto;
  right: -18px;
  width: 22px;
  height: 26px;
  place-items: center;
  color: #86deef;
  background: none;
  box-shadow: none;
  font-size: 25px;
  text-shadow: 0 0 12px #18d1e5;
  pointer-events: none;
}
body.public-v2-site .home-continuum #system .lead-journey li:is(.is-current,:hover,:focus-within),
body.public-v2-site .home-continuum #system .lead-journey:has(li:hover) li:hover {
  transform: translateY(-5px);
  border-color: var(--step-accent);
  background: linear-gradient(145deg, #174355ef, #092434f8 75%);
  box-shadow: inset 0 1px #ffffff20, 0 19px 37px #0007, 0 0 22px color-mix(in srgb, var(--step-accent) 13%, transparent);
}
body.public-v2-site .home-continuum #system .lead-journey li button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 165px;
  padding: 17px 15px 16px;
  color: #eef8ff;
  border: 0;
  border-radius: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
body.public-v2-site .home-continuum #system .lead-journey li button:focus-visible { outline: 2px solid var(--step-accent); outline-offset: 3px; }
body.public-v2-site .home-continuum #system .lead-journey li button > span {
  display: block;
  width: auto;
  height: auto;
  margin: 0 0 11px;
  padding: 0;
  color: #84acc2;
  background: none;
  border: 0;
  border-radius: 0;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .11em;
}
body.public-v2-site .home-continuum #system .lead-journey li button > svg {
  width: 27px;
  height: 27px;
  margin: 0 0 12px;
  padding: 0;
  color: var(--step-accent);
  background: none;
  border: 0;
  filter: none;
}
body.public-v2-site .home-continuum #system .lead-journey li button strong { min-height: 0; font-size: 14px; line-height: 1.3; }
body.public-v2-site .home-continuum #system .lead-journey li button small { margin-top: 6px; color: #b7cad6; font-size: 11px; line-height: 1.4; }
body.public-v2-site .home-continuum #system .lead-journey li.is-current button > span { color: var(--step-accent); }

body.public-v2-site .home-continuum .journey-focus {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 21px;
  min-height: 112px;
  margin-bottom: 62px;
  padding: 20px clamp(24px, 16vw, 220px) 20px 24px;
  border: 1px solid #357082;
  border-radius: 17px;
  background: linear-gradient(110deg, #13394aef, #092334f0 58%, #082037f2);
  box-shadow: inset 0 1px #ffffff17, 0 21px 47px #0005;
}
body.public-v2-site .home-continuum .journey-focus-count {
  color: #65e9e3;
  font-size: 32px;
  font-weight: 850;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
body.public-v2-site .home-continuum .journey-focus-count small { color: #88a9ba; font-size: 14px; }
body.public-v2-site .home-continuum .journey-focus-copy > small { display: block; margin-bottom: 5px; color: #77d9db; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
body.public-v2-site .home-continuum .journey-focus-copy strong { display: block; font-size: 17px; }
body.public-v2-site .home-continuum .journey-focus-copy p { margin: 4px 0 0; color: #c4d7e1; font-size: 13px; line-height: 1.5; }
body.public-v2-site .home-continuum .journey-focus > a,
body.public-v2-site .home-continuum .command-centre-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 43px;
  padding: 0 15px;
  color: #f7fcff;
  border: 1px solid #50c9df;
  border-radius: 10px;
  background: linear-gradient(105deg, #1678c7, #139eae);
  box-shadow: 0 11px 23px #0004;
  font-size: 12px;
  font-weight: 760;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .25s ease, box-shadow .25s ease;
}
body.public-v2-site .home-continuum .journey-focus > a:hover,
body.public-v2-site .home-continuum .command-centre-open:hover { transform: translateY(-2px); box-shadow: 0 15px 29px #0007; }
body.public-v2-site .home-continuum .journey-focus > a:focus-visible,
body.public-v2-site .home-continuum .command-centre-open:focus-visible { outline: 2px solid #80eff2; outline-offset: 3px; }
body.public-v2-site .home-continuum .journey-focus > a svg,
body.public-v2-site .home-continuum .command-centre-open svg { width: 16px; height: 16px; }

body.public-v2-site .home-continuum .feature-card-grid { gap: 12px; }
body.public-v2-site .home-continuum .feature-card-grid article {
  min-height: 142px;
  padding: 19px 20px;
  border: 1px solid #285162;
  border-radius: 14px;
  background: linear-gradient(145deg, #123345bd, #071b2ae8);
  box-shadow: inset 0 1px #ffffff10;
  transition: transform .27s ease, border-color .27s ease, box-shadow .27s ease;
}
body.public-v2-site .home-continuum .feature-card-grid article:hover {
  transform: translateY(-3px);
  border-color: #4ebecd;
  box-shadow: 0 14px 30px #0005;
}
body.public-v2-site .home-continuum .feature-card-grid article > svg { color: #5ad8df; }
body.public-v2-site .home-continuum .feature-card-grid article h3 { margin: 12px 0 5px; }
body.public-v2-site .home-continuum .feature-card-grid article p { margin: 0; }
body.public-v2-site .home-continuum .command-centre-open { width: fit-content; margin-top: 20px; }
body.public-v2-site .home-continuum .command-centre-preview.public-admin-shell { border-color: #4e9abb; box-shadow: 0 28px 65px #0008, 0 0 42px #087aab16; }
body.public-v2-site .home-continuum .section-return {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  margin-bottom: 24px;
  padding: 0 12px;
  color: #c7ecf2;
  border: 1px solid #397183;
  border-radius: 9px;
  background: #102e3ee8;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
body.public-v2-site .home-continuum .section-return:hover { color: #fff; border-color: #60d7e2; background: #16445a; }
body.public-v2-site .home-continuum .section-return:focus-visible { outline: 2px solid #8aebf0; outline-offset: 3px; }

@keyframes continuum-arrive { from { opacity: .72; translate: 0 13px; } to { opacity: 1; translate: 0 0; } }
body.public-v2-site .home-continuum .pillar-grid a.is-visible,
body.public-v2-site .home-continuum .lead-journey li.is-visible { animation: continuum-arrive .55s ease both; }
body.public-v2-site .home-continuum .pillar-grid a:nth-child(2),
body.public-v2-site .home-continuum .lead-journey li:nth-child(2) { animation-delay: 45ms; }
body.public-v2-site .home-continuum .pillar-grid a:nth-child(3),
body.public-v2-site .home-continuum .lead-journey li:nth-child(3) { animation-delay: 90ms; }
body.public-v2-site .home-continuum .pillar-grid a:nth-child(4),
body.public-v2-site .home-continuum .lead-journey li:nth-child(4) { animation-delay: 135ms; }

@media (max-width: 1100px) {
  body.public-v2-site .home-continuum #system .lead-journey li:not(:last-child)::after { display: none; }
  body.public-v2-site .home-continuum #system .lead-journey li button { min-height: 148px; }
}
@media (max-width: 760px) {
  body.public-v2-site .home-continuum .pillar-grid { gap: 10px; padding: 22px 0 10px; }
  body.public-v2-site .home-continuum .pillar-grid a { min-height: 116px; padding: 15px 12px; gap: 9px; }
  body.public-v2-site .home-continuum .pillar-grid a + a,
  body.public-v2-site .home-continuum .pillar-grid a:nth-child(3) { border-left: 1px solid #2b5465; }
  body.public-v2-site .home-continuum .pillar-icon { width: 35px; height: 35px; }
  body.public-v2-site .home-continuum .pillar-icon svg { width: 20px; height: 20px; }
  body.public-v2-site .home-continuum .pillar-grid strong { font-size: 12px; }
  body.public-v2-site .home-continuum .pillar-grid a small { font-size: 10px; }
  body.public-v2-site .home-continuum .pillar-arrow { width: 13px; height: 13px; }
  body.public-v2-site .home-continuum #system .lead-journey { gap: 9px; }
  body.public-v2-site .home-continuum #system .lead-journey li,
  body.public-v2-site .home-continuum #system .lead-journey li:nth-child(odd) { border-left: 1px solid #244a5a; }
  body.public-v2-site .home-continuum #system .lead-journey li button { min-height: 142px; padding: 14px 12px; }
  body.public-v2-site .home-continuum #system .lead-journey li button strong { font-size: 12px; }
  body.public-v2-site .home-continuum .journey-focus { grid-template-columns: auto minmax(0,1fr); gap: 12px; margin-bottom: 40px; padding: 17px; }
  body.public-v2-site .home-continuum .journey-focus-count { font-size: 25px; }
  body.public-v2-site .home-continuum .journey-focus-copy strong { font-size: 14px; }
  body.public-v2-site .home-continuum .journey-focus-copy p { font-size: 12px; }
  body.public-v2-site .home-continuum .journey-focus > a { grid-column: 1 / -1; width: 100%; }
  body.public-v2-site .home-continuum .feature-card-grid { gap: 9px; }
  body.public-v2-site .home-continuum .feature-card-grid article { min-height: 143px; padding: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  body.public-v2-site .home-continuum .pillar-grid a,
  body.public-v2-site .home-continuum .lead-journey li,
  body.public-v2-site .home-continuum .feature-card-grid article,
  body.public-v2-site .home-continuum .journey-focus > a,
  body.public-v2-site .home-continuum .command-centre-open { animation: none !important; transition: none !important; transform: none !important; }
}

/* ---------------------------------------------------------------------------
   Background-art pass (2026-09-24).

   Three generated light fields, one per stretch that was reading as flat navy:
   the package recommender band, the human-first band, and the closing band that
   runs from the contact form through the final call to action. Each layer is
   decoration only. It sits behind the content, never affects layout, and
   animates nothing but transform and opacity from the scroll position in
   home-continuum.js, so forward, reverse and fast scrolling stay deterministic.
   --------------------------------------------------------------------------- */

body.public-v2-site .home-continuum #pricing,
body.public-v2-site .home-continuum #human-first,
body.public-v2-site .home-continuum #dashboard,
body.public-v2-site .home-continuum #website-upgrades,
body.public-v2-site .home-continuum .ambient-cta-zone { isolation: isolate; overflow-x: clip; }

/* The light fields are viewport-wide; keep the copy at the site's normal
   content width instead of clipping the images to that width. */
body.public-v2-site .home-continuum #pricing,
body.public-v2-site .home-continuum #human-first,
body.public-v2-site .home-continuum #website-upgrades {
  width: 100%;
  box-sizing: border-box;
  padding-inline: max(56px, calc((100vw - 1600px) / 2));
}

/* Sections already raise every direct child above the section background, so the
   decorative layers need an anchored selector to claim the painted layer below
   the content instead. */
body.public-v2-site .home-continuum #pricing > .pricing-recommender-art,
body.public-v2-site .home-continuum #human-first > .human-first-art,
body.public-v2-site .home-continuum #cta-zone > .cta-zone-art,
body.public-v2-site .home-continuum #pricing > .pricing-catalogue-art,
body.public-v2-site .home-continuum #pricing > .pricing-tail-art,
body.public-v2-site .home-continuum #website-upgrades > .upgrade-tail-art {
  position: absolute;
  z-index: -1;
}

body.public-v2-site .home-continuum .pricing-recommender-art,
body.public-v2-site .home-continuum .human-first-art,
body.public-v2-site .home-continuum .cta-zone-art,
body.public-v2-site .home-continuum .pricing-catalogue-art,
body.public-v2-site .home-continuum .pricing-tail-art,
body.public-v2-site .home-continuum .upgrade-tail-art {
  position: absolute;
  left: 50%;
  width: 100vw;
  height: var(--art-height);
  top: var(--art-top);
  translate: -50% 0;
  transform: translate3d(0, var(--art-shift, 0px), 0);
  pointer-events: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: var(--art-opacity, .9);
  -webkit-mask-image: var(--art-mask);
  mask-image: var(--art-mask);
  will-change: transform, opacity;
}

/* Pricing: the recommender was sitting on flat navy beneath a wall of plan
   cards. The band is centred on the recommender; home-continuum.js anchors the
   offset to the real element so the async catalogue cannot shift it away, and
   the percentage below is the no-JS fallback. */
body.public-v2-site .home-continuum .pricing-recommender-art {
  --art-top: 44%;
  --art-height: clamp(950px, 70vw, 1500px);
  --art-mask: linear-gradient(to bottom, transparent, #000 11%, #000 86%, transparent);
  opacity: var(--art-opacity, .84);
  background-image: url('/marketing-site/assets/pricing-recommender-field-v1.webp');
}

/* Let the light field read through the recommender panel itself. The theme's
   gradient border is redrawn as a masked ring because the original
   padding-box/border-box stack needed an opaque fill to hide the border
   gradient underneath it, which would have washed out the artwork. */
body.public-v2-site .home-continuum .package-recommender {
  position: relative;
  background:
    radial-gradient(circle at 86% 0, rgba(41, 156, 217, .16), transparent 32%),
    linear-gradient(145deg, rgba(7, 26, 44, .42), rgba(3, 14, 26, .62));
}
body.public-v2-site .home-continuum .package-recommender::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(105deg, #2fd6a5 0%, #2f9df4 54%, #ffad57 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
/* The panel is now glass over the light field, so the question area carries its
   own scrim to keep the options and inputs fully legible. */
body.public-v2-site .home-continuum .package-recommender .recommender-stage {
  background: linear-gradient(135deg, rgba(9, 43, 70, .86), rgba(4, 24, 40, .93));
}
body.public-v2-site .home-continuum .package-recommender .recommender-options label,
body.public-v2-site .home-continuum .package-recommender .recommender-choice-row label {
  background: rgba(3, 19, 33, .78);
}

/* Human-first: a single quiet ribbon under the two cards. */
body.public-v2-site .home-continuum .human-first-art {
  --art-top: 15%;
  --art-height: clamp(640px, 50vw, 1120px);
  --art-mask: linear-gradient(to bottom, transparent, #000 22%, #000 74%, transparent);
  opacity: var(--art-opacity, .72);
  background-image: url('/marketing-site/assets/human-first-relief-v1.webp');
}

/* Closing band: the contact form and final call to action previously ended on a
   flat panel that did not belong with the rest of the page. */
body.public-v2-site .home-continuum .cta-zone-art {
  --art-top: 0;
  --art-height: 100%;
  --art-mask: linear-gradient(to bottom, transparent 0 30%, #000 58%, #000 84%, transparent);
  opacity: var(--art-opacity, .52);
  background-image: url('/marketing-site/assets/closing-arc-v1.webp');
  background-position: center bottom;
}
/* The generated band now carries the closing artwork, so the call to action
   blends out of the section above and into the footer instead of stopping. */
body.public-v2-site .home-continuum .final-cta {
  background: linear-gradient(180deg, rgba(2, 8, 18, 0) 0%, rgba(2, 8, 18, .1) 44%, rgba(2, 8, 18, .66) 100%);
}

/* ---------------------------------------------------------------------------
   Background-continuity pass (2026-09-24, second sweep).

   The package ladder, catalogue tail and lower website-upgrades run each use
   a distinct band. The dashboard-only band was removed because the dashboard
   sits in a content-width section; the booking handover artwork below remains.
   Every remaining band reuses
   artwork already shipped with the site and already on the brand's navy /
   cyan / teal language, so the pass adds no new raster weight.

   As with the first pass, these layers are decoration only: they sit behind
   the content, never affect layout, and animate transform and opacity only,
   driven from the scroll position in home-continuum.js.
   --------------------------------------------------------------------------- */

/* Package ladder: the catalogue opened on flat navy immediately after the
   pricing handoff. The band is centred on the plan grid by home-continuum.js,
   so the async catalogue cannot push it out of place; the percentage below is
   the no-JS fallback. */
body.public-v2-site .home-continuum .pricing-catalogue-art {
  --art-top: 11%;
  --art-height: clamp(1180px, 96vw, 1620px);
  --art-mask: linear-gradient(to bottom, transparent, #000 15%, #000 76%, transparent);
  opacity: var(--art-opacity, .72);
  background-image: url('/marketing-site/assets/pricing-decision-soft-light-v1.png');
  background-position: center 48%;
  background-size: 100% 100%;
}

/* A soft portrait field carries the pricing FAQ and demo handoff without the
   old light-trail decoration. The masked edges blend into neighbouring bands. */
body.public-v2-site .home-continuum .pricing-tail-art {
  --art-top: 74%;
  --art-height: clamp(1900px, 150vw, 2520px);
  --art-mask: linear-gradient(to bottom, transparent, #000 13%, #000 80%, transparent 92%);
  opacity: var(--art-opacity, .78);
  background-image: url('/marketing-site/assets/pricing-faq-soft-field-v1.webp');
  background-position: center 42%;
}

/* Website upgrades: the handoff light stops near the top of a long section, so
   the five stages, the scope heading and the closing handoff ran to flat navy.
   The band carries the generated field exactly once: a single raster band behind
   the stages and the scope heading, masked in and out so neither edge shows, and
   a CSS ambient gradient underneath that carries the quiet continuity down
   through the scope grid and the booking handoff. Nothing repeats, so there are
   no repeated crests or seams. The section's own shade sits above the band,
   which keeps the copy legible and tapers the field into #contact. */
body.public-v2-site .home-continuum .upgrade-tail-art {
  --art-top: 50%;
  --art-height: clamp(1560px, 112vw, 1960px);
  --art-mask: none;
  --art-raster-size: auto 60%;
  --art-raster-position: center top;
  opacity: var(--art-opacity, .5);
  background-image: none;
}
body.public-v2-site .home-continuum .upgrade-tail-art::after {
  position: absolute;
  inset: 0;
  content: "";
  background-image:
    radial-gradient(160% 52% at 20% 48%, rgba(41, 152, 208, .34), transparent 74%),
    radial-gradient(130% 55% at 82% 74%, rgba(38, 210, 200, .22), transparent 74%),
    linear-gradient(180deg, rgba(2, 8, 18, 0) 0%, rgba(3, 12, 22, .16) 24%, rgba(4, 20, 34, .3) 54%, rgba(4, 18, 30, .34) 74%, rgba(2, 8, 18, .42) 90%, rgba(2, 8, 18, .84) 100%);
  background-position: center, center, center;
  background-size: 100% 100%, 100% 100%, 100% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat;
}
body.public-v2-site .home-continuum .upgrade-tail-art::before {
  position: absolute;
  inset: 0;
  content: "";
  background-image: url('/marketing-site/assets/upgrade-journey-flow-v1.png');
  background-position: var(--art-raster-position);
  background-size: var(--art-raster-size);
  background-repeat: no-repeat;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0 3%, #000 17%, #000 54%, transparent 78%);
  mask-image: linear-gradient(to bottom, transparent 0 3%, #000 17%, #000 54%, transparent 78%);
}

@media (max-width: 1100px) {
  body.public-v2-site .home-continuum #pricing,
  body.public-v2-site .home-continuum #human-first,
  body.public-v2-site .home-continuum #website-upgrades { padding-inline: 28px; }
  body.public-v2-site .home-continuum .pricing-recommender-art {
    --art-top: 50%;
    --art-height: clamp(720px, 78vw, 1080px);
  }
  body.public-v2-site .home-continuum .human-first-art {
    --art-top: 9%;
    --art-height: clamp(620px, 92vw, 1120px);
  }
  body.public-v2-site .home-continuum .cta-zone-art {
    --art-top: 26%;
    --art-height: 78%;
  }
  body.public-v2-site .home-continuum .pricing-catalogue-art {
    --art-top: 13%;
    --art-height: clamp(1040px, 118vw, 1420px);
  }
  body.public-v2-site .home-continuum .pricing-tail-art {
    --art-top: 72%;
    --art-height: clamp(1740px, 176vw, 2240px);
  }
  body.public-v2-site .home-continuum .upgrade-tail-art {
    --art-top: 52%;
    --art-height: clamp(2200px, 230vw, 2600px);
    --art-raster-position: 78% top;
  }
}

@media (max-width: 760px) {
  body.public-v2-site .home-continuum #pricing,
  body.public-v2-site .home-continuum #human-first,
  body.public-v2-site .home-continuum #website-upgrades { padding-inline: 18px; }
  body.public-v2-site .home-continuum .pricing-recommender-art {
    --art-top: 56%;
    --art-height: 780px;
    opacity: var(--art-opacity, .78);
  }
  body.public-v2-site .home-continuum .human-first-art {
    --art-top: 6%;
    --art-height: 700px;
  }
  body.public-v2-site .home-continuum .cta-zone-art {
    --art-top: 58%;
    --art-height: 44%;
  }
  body.public-v2-site .home-continuum .pricing-catalogue-art {
    --art-top: 14%;
    --art-height: 900px;
    opacity: var(--art-opacity, .38);
  }
  body.public-v2-site .home-continuum .pricing-tail-art {
    --art-height: clamp(1700px, 500vw, 2100px);
    top: calc(100% - var(--art-height));
    background-size: 100% 100%;
    opacity: var(--art-opacity, .66);
  }
  body.public-v2-site .home-continuum .upgrade-tail-art {
    --art-top: 50%;
    --art-height: clamp(3400px, 1050vw, 4400px);
    opacity: var(--art-opacity, .56);
    --art-raster-position: 80% top;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.public-v2-site .home-continuum .pricing-recommender-art,
  body.public-v2-site .home-continuum .human-first-art,
  body.public-v2-site .home-continuum .cta-zone-art,
  body.public-v2-site .home-continuum .pricing-catalogue-art,
  body.public-v2-site .home-continuum .pricing-tail-art,
  body.public-v2-site .home-continuum .upgrade-tail-art {
    transform: none !important;
    transition: none !important;
    will-change: auto;
  }
}

/* ---------------------------------------------------------------------------
   Website-upgrades lower-section pass (2026-09-25).

   The lower run (five stages, scope grid, setup services) was the longest and
   flattest stretch on the page. The section's own generated artwork is stretched
   across the whole block at 48% opacity, and the ambient layer only paints its
   picture across the middle, so the journey band below them never showed
   through. This pass fades both upper layers out where the journey field takes
   over, condenses the stage track and the scope grid, moves the two setup
   services into native disclosure and closes the run on the booking handover.

   As with the earlier passes, every layer here is decoration only: it sits
   behind the content, never affects layout, and animates transform and opacity
   only, driven from the scroll position in home-continuum.js.
   --------------------------------------------------------------------------- */

/* The stretched rebuild artwork covered the whole block at 48% opacity, which
   muted the journey field behind it. Fade it out where the field takes over. */
body.public-v2-site .home-continuum #website-upgrades::before {
  -webkit-mask-image: linear-gradient(to bottom, #000 0 40%, transparent 64%);
  mask-image: linear-gradient(to bottom, #000 0 40%, transparent 64%);
}

/* The ambient layer stays the lighting for the upper half of the section; the
   journey field owns the lower run, so stop the ambient shade dimming it. */
body.public-v2-site .home-continuum #website-upgrades > .section-background {
  -webkit-mask-image: linear-gradient(to bottom, #000 0 34%, transparent 60%);
  mask-image: linear-gradient(to bottom, #000 0 34%, transparent 60%);
}

/* Five stages stay, but as a compact track instead of five tall cards. */
body.public-v2-site .home-continuum .upgrade-research-panel,
body.public-v2-site .home-continuum .upgrade-process { margin-block: 48px; }
body.public-v2-site .home-continuum .upgrade-process-track li { min-height: 0; padding: 16px 14px 15px; }
body.public-v2-site .home-continuum .upgrade-process-track svg { margin: 12px 0 9px; }
body.public-v2-site .home-continuum .upgrade-process-track p { min-height: 0; margin: 5px 0 8px; }

/* The concierge launcher is fixed to the bottom-right of the viewport and must
   keep working, so the closing cluster keeps a keep-out lane instead of sitting
   under it. 240px clears the 232px launcher pill plus its 22px offset on tablet
   and desktop; 76px clears the 62px round launcher plus its offset on phones. */
body.public-v2-site .home-continuum #website-upgrades { --upgrade-launcher-lane: 240px; }
@media (max-width: 760px) {
  body.public-v2-site .home-continuum #website-upgrades { --upgrade-launcher-lane: 76px; }
}
/* The scope heading sits above the closing cluster, so its copy needs the same
   keep-out lane to stay clear of the fixed concierge launcher. The heading block
   only needs it on phones, where the launcher is a large share of the width. */
body.public-v2-site .home-continuum .upgrade-scope-heading > p {
  max-width: calc(100% - var(--upgrade-launcher-lane));
}
@media (max-width: 760px) {
  body.public-v2-site .home-continuum .upgrade-scope-heading > div {
    max-width: calc(100% - var(--upgrade-launcher-lane));
  }
}

/* One row of scopes, then the two setup services in native disclosure. */
body.public-v2-site .home-continuum .upgrade-grid { gap: 0 22px; }
body.public-v2-site .home-continuum .upgrade-grid article { min-height: 0; padding: 20px 0; }
body.public-v2-site .home-continuum .upgrade-grid article:hover { min-height: 0; }
@media (min-width: 1181px) {
  body.public-v2-site .home-continuum .upgrade-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  body.public-v2-site .home-continuum .upgrade-grid article:last-child { grid-column: auto; }
}
@media (min-width: 1081px) and (max-width: 1180px) {
  body.public-v2-site .home-continuum .upgrade-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
body.public-v2-site .home-continuum .upgrade-included { margin-top: 30px; }
body.public-v2-site .home-continuum .upgrade-included > summary {
  max-width: calc(100% - var(--upgrade-launcher-lane));
  padding: 18px 0 18px 4px;
  font-size: 16px;
}
body.public-v2-site .home-continuum .upgrade-included-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 30px;
  padding: 0 var(--upgrade-launcher-lane) 4px 0;
}
body.public-v2-site .home-continuum .upgrade-included-grid > article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 16px;
  padding: 18px 0;
  border-top: 1px solid #2a495a;
}
body.public-v2-site .home-continuum .upgrade-included-grid svg { width: 30px; height: 30px; color: var(--v2-teal); }
body.public-v2-site .home-continuum .upgrade-included-grid h3 { margin-bottom: 6px; color: #eff8fb; font-size: .96rem; }
body.public-v2-site .home-continuum .upgrade-included-grid strong { display: block; margin-bottom: 8px; color: var(--v2-teal); font-size: .78rem; }
body.public-v2-site .home-continuum .upgrade-included-grid p { margin: 0; color: var(--v2-muted-strong); font-size: .79rem; line-height: 1.58; }

/* One closing handoff line, so the run ends on the booking form and not on a
   wall of cards. */
body.public-v2-site .home-continuum .upgrade-tail-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
  align-items: center;
  justify-content: space-between;
  margin-top: 34px;
  padding: 26px var(--upgrade-launcher-lane) 0 0;
  border-top: 1px solid #2a4757;
}
body.public-v2-site .home-continuum .upgrade-tail-cta p {
  max-width: 64ch;
  margin: 0;
  color: var(--v2-muted-strong);
  font-size: .92rem;
  line-height: 1.6;
}

@media (max-width: 800px) {
  body.public-v2-site .home-continuum .upgrade-included-grid { grid-template-columns: 1fr; }
  body.public-v2-site .home-continuum .upgrade-tail-cta { justify-content: flex-start; }
}

/* ---------------------------------------------------------------------------
   Homepage lead-command rebuild (2026-09-28).

   Two sections change here. The connected-enquiry run keeps its seven workflow
   controls but drops the boxed cards for thin rules, and the lead command
   centre swaps the retired dark mini-dashboard for a walkthrough of the
   current fictional dealership demo: dark teal sidebar, crisp light workspace,
   Leads pipeline, Stock intelligence demand and illustrative opportunities.

   Everything below is layout, colour and native controls. The only moving part
   is the desktop stage swap, driven from the scroll position in
   home-continuum.js, reversible, and switched off for reduced motion. Both
   sections keep their own generated field, full bleed, with masked ends so they
   hand over to their neighbours instead of ending on a hard edge.
   --------------------------------------------------------------------------- */

/* The connected-enquiry run carries its own generated field. */
body.public-v2-site .home-continuum .system-stage::before {
  background:
    linear-gradient(180deg, #030a13 0%, #030a13d9 13%, #03121c47 33%, #030a13d9 82%, #030a13 100%),
    radial-gradient(94% 76% at 9% 24%, #030a13f2 0%, #030a13a6 42%, #030a1300 76%),
    url('/marketing-site/assets/home-connected-journey-soft-v1.png') center 24%/cover no-repeat;
  opacity: .8;
}

/* Seven workflow controls as a ruled track rather than seven glass cards. */
body.public-v2-site .home-continuum #system .lead-journey {
  gap: 0;
  margin-bottom: 0;
  border-top: 1px solid var(--continuum-line);
  border-bottom: 1px solid var(--continuum-line);
}
body.public-v2-site .home-continuum #system .lead-journey li,
body.public-v2-site .home-continuum #system .lead-journey li:nth-child(odd),
body.public-v2-site .home-continuum #system .lead-journey li:nth-child(2),
body.public-v2-site .home-continuum #system .lead-journey li:nth-child(3),
body.public-v2-site .home-continuum #system .lead-journey li:nth-child(4),
body.public-v2-site .home-continuum #system .lead-journey li:nth-child(5),
body.public-v2-site .home-continuum #system .lead-journey li:nth-child(6),
body.public-v2-site .home-continuum #system .lead-journey li:nth-child(7) { --step-accent: #5fe0dc; }
body.public-v2-site .home-continuum #system .lead-journey li {
  min-height: 0;
  padding: 0;
  border: 0;
  border-left: 1px solid #1c3846;
  border-radius: 0;
  background: none;
  box-shadow: none;
  transform: none;
  transition: background-color .25s ease, box-shadow .25s ease;
}
body.public-v2-site .home-continuum #system .lead-journey li:first-child { border-left: 0; }
body.public-v2-site .home-continuum #system .lead-journey li:not(:last-child)::after { display: none; }
body.public-v2-site .home-continuum #system .lead-journey li:is(:hover, :focus-within) { background: #0c2231; }
body.public-v2-site .home-continuum #system .lead-journey li.is-current {
  border-color: #1c3846;
  background: #0e2736;
  box-shadow: inset 0 2px var(--step-accent);
}
body.public-v2-site .home-continuum #system .lead-journey li button { min-height: 176px; padding: 20px 15px; }
body.public-v2-site .home-continuum #system .lead-journey li button > span { margin-bottom: 15px; color: #5f8ba0; }
body.public-v2-site .home-continuum #system .lead-journey li button > svg { width: 24px; height: 24px; margin-bottom: 15px; color: #6fd9e2; }
body.public-v2-site .home-continuum #system .lead-journey li button strong { font-size: 14px; }
body.public-v2-site .home-continuum #system .lead-journey li button small { color: #9db8c6; }
body.public-v2-site .home-continuum #system .lead-journey li.is-current button strong { color: #f2fcff; }
body.public-v2-site .home-continuum #system .lead-journey li.is-current button > span { color: var(--step-accent); }

/* The selected-step summary becomes a ruled band, not a second card. */
body.public-v2-site .home-continuum .journey-focus {
  min-height: 0;
  margin-bottom: 54px;
  padding: 26px 0;
  border: 0;
  border-bottom: 1px solid var(--continuum-line);
  border-radius: 0;
  background: none;
  box-shadow: none;
}

/* Six capability notes keep their own thin rules in a calm three-up grid. */
body.public-v2-site .home-continuum .system-value-layout { display: block; gap: 0; }
body.public-v2-site .home-continuum .feature-card-grid {
  gap: 0 34px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.public-v2-site .home-continuum .feature-card-grid article {
  min-height: 0;
  padding: 24px 0;
  border: 0;
  border-top: 1px solid var(--continuum-line);
  border-radius: 0;
  background: none;
  box-shadow: none;
  transform: none;
}
body.public-v2-site .home-continuum .feature-card-grid article:hover {
  min-height: 0;
  border-color: #2f7180;
  background: none;
  box-shadow: none;
  transform: none;
}

/* The shared .section rule clips its own box on the Y axis, so a viewport-wide
   pseudo painted past a narrow column is cropped back into a bright rectangle
   with gutters down each side. The lead command centre therefore takes the full
   width itself and keeps the same centred 1600px measure with padding, and its
   field is feathered inside that box instead of being painted past a clip. */
body.public-v2-site .home-continuum #dashboard {
  width: 100%;
  box-sizing: border-box;
  padding-block: 64px 68px;
  padding-inline: max(56px, calc((100% - 1600px) / 2));
}
@media (max-width: 1100px) {
  body.public-v2-site .home-continuum #dashboard { padding-block: 64px 70px; padding-inline: 28px; }
}
@media (max-width: 760px) {
  body.public-v2-site .home-continuum #dashboard { padding-block: 48px 56px; padding-inline: 18px; }
}

/* Lead command centre: its own generated field behind the walkthrough, held
   quiet enough to sit between the industry run above and the booking handover
   below, with both ends faded so neither join shows an edge. */
body.public-v2-site .home-continuum .dashboard-section::before {
  display: block;
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, #030a13cc 0%, #04121c9e 26%, #04121c8c 52%, #04121c9e 76%, #030a13cc 100%),
    radial-gradient(74% 56% at 74% 26%, #0a4757a6 0%, #0627335c 46%, #030a1300 78%),
    radial-gradient(72% 54% at 14% 80%, #06222d7a 0%, #030a1300 74%),
    url('/marketing-site/assets/home-lead-command-soft-v1.png') center 38%/cover no-repeat;
  opacity: .48;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000 85%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000 85%, transparent 100%);
}

body.public-v2-site .home-continuum #dashboard .section-heading { margin-bottom: 32px; }

body.public-v2-site .home-continuum .lc-walkthrough {
  display: grid;
  grid-template-columns: minmax(300px, .64fr) minmax(0, 1.36fr);
  gap: 48px;
  align-items: start;
}
body.public-v2-site .home-continuum .lc-rail {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: none;
}
body.public-v2-site .home-continuum .lc-beat {
  border-top: 1px solid var(--continuum-line);
  transition: border-color .3s ease, opacity .3s ease;
}
body.public-v2-site .home-continuum .lc-beat:not(.is-active) { opacity: .8; }
body.public-v2-site .home-continuum .lc-beat:is(:hover, :focus-within) { opacity: 1; }
body.public-v2-site .home-continuum .lc-beat:last-child { border-bottom: 1px solid var(--continuum-line); }
body.public-v2-site .home-continuum .lc-beat-control {
  display: flex;
  gap: 14px;
  align-items: baseline;
  width: 100%;
  padding: 22px 0 8px;
  color: inherit;
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
}
body.public-v2-site .home-continuum .lc-beat-index {
  color: #5f8ba0;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  font-variant-numeric: tabular-nums;
}
body.public-v2-site .home-continuum .lc-beat-copy strong { display: block; color: #e9f5fb; font-size: 17px; line-height: 1.25; }
body.public-v2-site .home-continuum .lc-beat-copy small { display: block; margin-top: 5px; color: #8aa8b8; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
body.public-v2-site .home-continuum .lc-beat.is-active .lc-beat-copy strong,
body.public-v2-site .home-continuum .lc-beat.is-active .lc-beat-index { color: #7fe9e2; }
body.public-v2-site .home-continuum .lc-beat-detail { padding-bottom: 24px; }
body.public-v2-site .home-continuum .lc-beat-detail p {
  max-width: 40ch;
  margin: 0 0 16px;
  color: #adc4d2;
  font-size: 15px;
  line-height: 1.66;
}
body.public-v2-site .home-continuum .lc-beat-link {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding-bottom: 2px;
  color: #8fe9ea;
  border-bottom: 1px solid #2f7a86;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
body.public-v2-site .home-continuum .lc-beat-link svg { width: 15px; height: 15px; }
body.public-v2-site .home-continuum .lc-beat-link:hover { color: #fff; border-color: #6fe6e0; }
body.public-v2-site .home-continuum .lc-beat-link:focus-visible,
body.public-v2-site .home-continuum .lc-beat-control:focus-visible { outline: 2px solid #80eff2; outline-offset: 3px; }

body.public-v2-site .home-continuum .lc-stage-hold { position: relative; }
body.public-v2-site .home-continuum .lc-stage { display: grid; }
/* All three views share one grid cell, so a stage change is a short crossfade
   rather than a layout flick and the stage height never jumps between beats. */
body.public-v2-site .home-continuum .lc-view {
  grid-area: 1 / 1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .32s ease, transform .32s ease, visibility 0s linear .32s;
}
body.public-v2-site .home-continuum .lc-view.is-active {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity .32s ease, transform .32s ease, visibility 0s;
}

/* The demo mock itself: dark teal sidebar, crisp light workspace. */
body.public-v2-site .home-continuum .lc-demo {
  display: grid;
  overflow: hidden;
  color: #0f2b31;
  border: 1px solid #1d4d59;
  border-radius: 14px;
  background: #f2f6f7;
  box-shadow: 0 30px 72px #0006;
}
body.public-v2-site .home-continuum .lc-demo-note {
  display: flex;
  gap: 9px;
  align-items: center;
  margin: 0;
  padding: 10px 16px;
  color: #d8ecf0;
  background: #0b2f36;
  font-size: 11px;
  line-height: 1.45;
}
body.public-v2-site .home-continuum .lc-demo-note svg { width: 14px; height: 14px; flex: none; color: #6fe0d8; }
body.public-v2-site .home-continuum .lc-shell {
  display: grid;
  grid-template-columns: minmax(0, 168px) minmax(0, 1fr);
  min-height: 0;
}
body.public-v2-site .home-continuum .lc-sidebar {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  padding: 16px 12px 14px;
  color: #cfe6e5;
  background: linear-gradient(180deg, #0d3a40, #0a2a30);
  border-right: 1px solid #12464b;
}
body.public-v2-site .home-continuum .lc-brand { display: flex; gap: 9px; align-items: center; }
body.public-v2-site .home-continuum .lc-brand-mark {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  flex: none;
  color: #d8faf6;
  background: #12857c;
  border-radius: 7px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .02em;
}
body.public-v2-site .home-continuum .lc-brand-copy { display: block; min-width: 0; }
body.public-v2-site .home-continuum .lc-brand-copy small { display: block; color: #7fb0b0; font-size: 8.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
body.public-v2-site .home-continuum .lc-brand-copy strong { display: block; margin-top: 2px; color: #f0fbfb; font-size: 13px; line-height: 1.2; }
body.public-v2-site .home-continuum .lc-brand-copy em { display: block; margin-top: 2px; color: #83a9ab; font-size: 9px; font-style: normal; }
body.public-v2-site .home-continuum .lc-nav { display: grid; gap: 2px; }
body.public-v2-site .home-continuum .lc-nav-group {
  margin: 10px 0 4px;
  color: #6f9b9c;
  font-size: 8.5px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.public-v2-site .home-continuum .lc-nav > span:not(.lc-nav-group) {
  display: block;
  padding: 7px 8px;
  color: #b6d3d3;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 11.5px;
  line-height: 1.3;
}
body.public-v2-site .home-continuum .lc-nav > span.is-active {
  color: #f2fffd;
  background: linear-gradient(100deg, #1c8f86, #17b3a4);
  box-shadow: 0 6px 16px #04262b66;
}
body.public-v2-site .home-continuum .lc-sidebar-foot { display: block; margin-top: auto; padding: 10px 9px; background: #0a242a; border-radius: 7px; }
body.public-v2-site .home-continuum .lc-sidebar-foot small { display: block; color: #7fb0b0; font-size: 8.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
body.public-v2-site .home-continuum .lc-sidebar-foot strong { display: block; margin-top: 4px; color: #eefdfb; font-size: 11.5px; }
body.public-v2-site .home-continuum .lc-sidebar-foot em { display: block; margin-top: 3px; color: #8fb3b3; font-size: 9.5px; font-style: normal; line-height: 1.4; }
body.public-v2-site .home-continuum .lc-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  padding: 18px 18px 20px;
}
body.public-v2-site .home-continuum .lc-head { display: flex; gap: 14px; align-items: flex-start; justify-content: space-between; }
body.public-v2-site .home-continuum .lc-head small { display: block; color: #12857c; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
body.public-v2-site .home-continuum .lc-head h3 { margin: 5px 0 0; color: #0c262c; font-size: 21px; line-height: 1.15; letter-spacing: -.01em; }
body.public-v2-site .home-continuum .lc-head p { max-width: 46ch; margin: 6px 0 0; color: #5d7a80; font-size: 11.5px; line-height: 1.55; }
body.public-v2-site .home-continuum .lc-chip {
  flex: none;
  padding: 5px 9px;
  color: #0d6b62;
  background: #dff3f0;
  border: 1px solid #b9e2dd;
  border-radius: 99px;
  font-size: 9.5px;
  font-weight: 700;
  white-space: nowrap;
}
body.public-v2-site .home-continuum .lc-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin-top: 15px; }
body.public-v2-site .home-continuum .lc-metrics > span {
  min-width: 0;
  padding: 11px 12px;
  background: #ffffff;
  border: 1px solid #dde8ea;
  border-radius: 8px;
  box-shadow: 0 2px 6px #0d2e2f0d;
}
body.public-v2-site .home-continuum .lc-metrics small { display: block; color: #6d878d; font-size: 9.5px; font-weight: 700; line-height: 1.3; }
body.public-v2-site .home-continuum .lc-metrics strong { display: block; margin-top: 5px; color: #0c262c; font-size: 20px; line-height: 1; letter-spacing: -.02em; }
body.public-v2-site .home-continuum .lc-metrics em { display: block; margin-top: 6px; color: #82989d; font-size: 9.5px; font-style: normal; line-height: 1.4; }
body.public-v2-site .home-continuum .lc-block { margin-top: 15px; overflow: hidden; background: #ffffff; border: 1px solid #dde8ea; border-radius: 8px; }
body.public-v2-site .home-continuum .lc-block-head { display: flex; gap: 12px; align-items: baseline; justify-content: space-between; padding: 11px 14px 8px; }
body.public-v2-site .home-continuum .lc-block-head span { color: #6d878d; font-size: 9.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
body.public-v2-site .home-continuum .lc-block-head b { color: #0c262c; font-size: 14px; }
body.public-v2-site .home-continuum .lc-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 14px 10px; }
body.public-v2-site .home-continuum .lc-tabs b,
body.public-v2-site .home-continuum .lc-tabs span {
  padding: 5px 10px;
  color: #5d7a80;
  background: #f2f6f7;
  border: 1px solid #dde8ea;
  border-radius: 99px;
  font-size: 10.5px;
  font-weight: 600;
}
body.public-v2-site .home-continuum .lc-tabs b {
  color: #f5fffd;
  background: linear-gradient(100deg, #12857c, #17b3a4);
  border-color: #12857c;
}
body.public-v2-site .home-continuum .lc-table { border-top: 1px solid #e4edee; }
body.public-v2-site .home-continuum .lc-table-row {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) minmax(0, .7fr) minmax(0, 1.3fr) minmax(0, .95fr);
  gap: 10px;
  align-items: center;
  padding: 10px 14px;
  border-bottom: 1px solid #eaf1f2;
  color: #45646b;
  font-size: 11px;
  line-height: 1.35;
}
body.public-v2-site .home-continuum .lc-table-row:last-child { border-bottom: 0; }
body.public-v2-site .home-continuum .lc-table-row.is-new { background: #eff9f7; box-shadow: inset 2px 0 #17b3a4; }
body.public-v2-site .home-continuum .lc-table-head { color: #7d959a; background: #f7fafb; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
body.public-v2-site .home-continuum .lc-table-row > b { color: #0c262c; font-size: 11px; }
body.public-v2-site .home-continuum .lc-lead { color: #0c262c; font-weight: 700; }
body.public-v2-site .home-continuum .lc-lead em {
  margin-left: 6px;
  padding: 2px 6px;
  color: #1367a8;
  background: #e2f0ff;
  border-radius: 99px;
  font-size: 8.5px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
body.public-v2-site .home-continuum .lc-status {
  padding: 4px 9px;
  border-radius: 99px;
  font-size: 9.5px;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
  text-align: center;
}
body.public-v2-site .home-continuum .lc-status-contacted { color: #1c5aa6; background: #e8f1fb; }
body.public-v2-site .home-continuum .lc-status-open { color: #4c6570; background: #eef2f4; }
body.public-v2-site .home-continuum .lc-status-wait { color: #8a5a12; background: #fdf3e0; }
body.public-v2-site .home-continuum .lc-split { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 14px; margin-top: 15px; }
body.public-v2-site .home-continuum .lc-chart,
body.public-v2-site .home-continuum .lc-focus { min-width: 0; padding: 13px 14px; background: #ffffff; border: 1px solid #dde8ea; border-radius: 8px; }
body.public-v2-site .home-continuum .lc-chart .lc-block-head,
body.public-v2-site .home-continuum .lc-focus .lc-block-head { padding: 0 0 12px; }
body.public-v2-site .home-continuum .lc-bars { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 8px; align-items: end; height: 120px; }
body.public-v2-site .home-continuum .lc-bars > span {
  align-self: end;
  width: 100%;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #17b3a4, #0d6f68);
}
/* Four weeks of fictional lead volume: 7, 10, 12 and 16. */
body.public-v2-site .home-continuum .lc-bars > span:nth-child(1) { height: 44%; }
body.public-v2-site .home-continuum .lc-bars > span:nth-child(2) { height: 63%; }
body.public-v2-site .home-continuum .lc-bars > span:nth-child(3) { height: 75%; }
body.public-v2-site .home-continuum .lc-bars > span:nth-child(4) { height: 100%; background: linear-gradient(180deg, #2bd6c0, #12857c); }
body.public-v2-site .home-continuum .lc-bars-axis { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 8px; margin-top: 7px; }
body.public-v2-site .home-continuum .lc-bars-axis > span { color: #82989d; font-size: 9px; text-align: center; }
body.public-v2-site .home-continuum .lc-focus ul { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
body.public-v2-site .home-continuum .lc-focus li { display: flex; gap: 10px; align-items: center; justify-content: space-between; padding: 11px 0; border-top: 1px solid #eaf1f2; }
body.public-v2-site .home-continuum .lc-focus li:first-child { border-top: 0; }
body.public-v2-site .home-continuum .lc-focus strong { display: block; color: #0c262c; font-size: 12px; }
body.public-v2-site .home-continuum .lc-focus small { display: block; margin-top: 3px; color: #7d959a; font-size: 9.5px; }
body.public-v2-site .home-continuum .lc-trend {
  flex: none;
  padding: 3px 8px;
  color: #4c6570;
  background: #eef2f4;
  border-radius: 99px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .04em;
}
body.public-v2-site .home-continuum .lc-trend-up { color: #0d6b4a; background: #e3f5ec; }
body.public-v2-site .home-continuum .lc-trend-down { color: #8a5a12; background: #fdf3e0; }
body.public-v2-site .home-continuum .lc-vehicles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 15px; }
body.public-v2-site .home-continuum .lc-vehicle {
  display: grid;
  min-width: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #dde8ea;
  border-radius: 8px;
}
body.public-v2-site .home-continuum .lc-vehicle-photo {
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  background-color: #eef2f3;
  background-image: url('/marketing-site/assets/demo-vehicle-grid-v2.png');
  background-repeat: no-repeat;
  background-size: 300% auto;
  border-bottom: 1px solid #e4edee;
}
body.public-v2-site .home-continuum .lc-vehicle-photo-1 { background-position: 0 15%; }
body.public-v2-site .home-continuum .lc-vehicle-photo-2 { background-position: 50% 15%; }
body.public-v2-site .home-continuum .lc-vehicle-photo-3 { background-position: 100% 15%; }
body.public-v2-site .home-continuum .lc-vehicle-photo-4 { background-position: 0 85%; }
body.public-v2-site .home-continuum .lc-vehicle-photo-5 { background-position: 50% 85%; }
body.public-v2-site .home-continuum .lc-vehicle-photo-6 { background-position: 100% 85%; }
body.public-v2-site .home-continuum .lc-score {
  position: absolute;
  top: 8px;
  right: 8px;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: #f2fffd;
  background: linear-gradient(150deg, #12857c, #0b5f59);
  border-radius: 50%;
  box-shadow: 0 6px 16px #04262b59;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1;
}
body.public-v2-site .home-continuum .lc-score small { display: block; margin-top: 1px; font-size: 6.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
/* The card photos are illustrative studio renders cropped from the shared
   vehicle sprite, so each card says so on the image itself. */
body.public-v2-site .home-continuum .lc-photo-note {
  position: absolute;
  left: 8px;
  bottom: 8px;
  padding: 3px 7px;
  color: #eaf6f5;
  background: #0b2f36d9;
  border-radius: 99px;
  font-size: 8.5px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
body.public-v2-site .home-continuum .lc-vehicle-body { display: grid; gap: 8px; padding: 12px 13px 13px; }
body.public-v2-site .home-continuum .lc-vehicle-body h4 { margin: 0; color: #0c262c; font-size: 12.5px; line-height: 1.3; }
body.public-v2-site .home-continuum .lc-vehicle-price { display: flex; gap: 8px; align-items: baseline; margin: 0; color: #0c262c; font-size: 16px; font-weight: 800; letter-spacing: -.02em; }
body.public-v2-site .home-continuum .lc-vehicle-price small { color: #82989d; font-size: 8.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
body.public-v2-site .home-continuum .lc-vehicle-figures { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
body.public-v2-site .home-continuum .lc-vehicle-figures > div { min-width: 0; padding: 7px 8px; background: #f5f9fa; border: 1px solid #e6eef0; border-radius: 6px; }
body.public-v2-site .home-continuum .lc-vehicle-figures dt { color: #82989d; font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
body.public-v2-site .home-continuum .lc-vehicle-figures dd { margin: 4px 0 0; color: #0c262c; font-size: 11px; font-weight: 700; }
body.public-v2-site .home-continuum .lc-vehicle-foot { display: flex; gap: 10px; align-items: center; justify-content: space-between; margin: 0; padding-top: 9px; border-top: 1px solid #eaf1f2; color: #7d959a; font-size: 9.5px; }
body.public-v2-site .home-continuum .lc-vehicle-foot > span:first-child b { color: #0c262c; font-size: 11px; }
body.public-v2-site .home-continuum .lc-vehicle-foot > span:last-child { color: #0d6b4a; font-weight: 700; }

body.public-v2-site .home-continuum .lc-footnote {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 32px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 32px;
  /* The concierge launcher is fixed to the bottom-right, so the closing action
     keeps the same keep-out lane the upgrade section uses. */
  padding: 24px var(--lc-launcher-lane, 240px) 0 0;
  border-top: 1px solid var(--continuum-line);
}
@media (max-width: 760px) {
  body.public-v2-site .home-continuum .lc-footnote { padding-right: var(--lc-launcher-lane, 76px); }
}

/* Roomy desktop keeps the walkthrough: the stage holds while the beats pass. */
@media (min-width: 1101px) and (min-height: 700px) and (prefers-reduced-motion: no-preference) {
  body.public-v2-site .home-continuum .lc-beat { display: grid; align-content: start; min-height: clamp(230px, 32vh, 320px); }
  /* Room after the last beat, so the held stage is still on screen while the
     third beat is being read and then releases as the next section arrives. */
  body.public-v2-site .home-continuum .lc-beat:last-child { padding-bottom: clamp(125px, 21vh, 200px); }
  body.public-v2-site .home-continuum .lc-stage-hold { align-self: stretch; }
  body.public-v2-site .home-continuum .lc-stage { position: sticky; top: clamp(84px, 9.5vh, 116px); }
}

/* Tablet and phone: the rail stacks above one stage and stays a plain switcher. */
@media (max-width: 1100px) {
  body.public-v2-site .home-continuum .lc-walkthrough { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  body.public-v2-site .home-continuum .lc-beat { min-height: 0; }
  body.public-v2-site .home-continuum .lc-beat-control { padding: 16px 0 6px; }
  body.public-v2-site .home-continuum .lc-beat-copy strong { font-size: 16px; }
  body.public-v2-site .home-continuum .lc-beat-detail { padding-bottom: 16px; }
  body.public-v2-site .home-continuum .lc-beat-detail p { font-size: 13.5px; }
}

@media (max-width: 1279px) {
  body.public-v2-site .home-continuum .lc-vehicles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  body.public-v2-site .home-continuum .feature-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.public-v2-site .home-continuum .lc-walkthrough { gap: 20px; }
  body.public-v2-site .home-continuum .lc-rail { margin-bottom: 4px; }
  body.public-v2-site .home-continuum .lc-shell { grid-template-columns: minmax(0, 1fr); }
  body.public-v2-site .home-continuum .lc-sidebar { display: none; }
  body.public-v2-site .home-continuum .lc-workspace { padding: 14px 13px 16px; }
  body.public-v2-site .home-continuum .lc-head h3 { font-size: 18px; }
  body.public-v2-site .home-continuum .lc-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.public-v2-site .home-continuum .lc-table-head { display: none; }
  body.public-v2-site .home-continuum .lc-table-row { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; padding: 11px 13px; }
  body.public-v2-site .home-continuum .lc-table-row > span:nth-child(4),
  body.public-v2-site .home-continuum .lc-table-row > b { grid-column: 1 / -1; }
  body.public-v2-site .home-continuum .lc-split { grid-template-columns: minmax(0, 1fr); }
  body.public-v2-site .home-continuum .lc-vehicles { grid-template-columns: minmax(0, 1fr); }
  body.public-v2-site .home-continuum .lc-footnote { justify-content: flex-start; }
}

@media (max-width: 560px) {
  body.public-v2-site .home-continuum .feature-card-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Reduced motion: every beat and every view stays on the page, nothing moves. */
@media (prefers-reduced-motion: reduce) {
  body.public-v2-site .home-continuum .lc-beat { display: block; min-height: 0; opacity: 1; transition: none; }
  body.public-v2-site .home-continuum .lc-stage { position: static; top: auto; }
  body.public-v2-site .home-continuum .lc-workspace { gap: 20px; }
  body.public-v2-site .home-continuum .lc-view,
  body.public-v2-site .home-continuum .lc-view.is-active {
    grid-area: auto;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: none;
  }
}