/* Premium product stories extend the existing Accelerate Systems visual system. */
body.product-story-site {
  --product-cyan: #48d9ff;
  --product-teal: #42e4ca;
  --product-ink: #030914;
  --product-panel: rgba(7, 23, 39, .82);
  --product-line: rgba(121, 210, 232, .2);
  background:
    radial-gradient(circle at 10% 8%, rgba(33, 144, 199, .13), transparent 28%),
    radial-gradient(circle at 88% 20%, rgba(39, 205, 180, .1), transparent 27%),
    #030914;
}

body.product-story-site .site-header { background: rgba(2, 8, 18, .86); }
body.product-story-site .site-nav > a[aria-current="page"] { color: #fff; }
body.product-story-site .site-nav > a[aria-current="page"]::after { transform: scaleX(1); }

.product-story-main { overflow: clip; }
.product-story-hero,
.product-section,
.product-final-cta,
.product-suite-bridge {
  width: min(100% - 40px, 1480px);
  margin-inline: auto;
}

.product-story-hero {
  position: relative;
  min-height: 650px;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr);
  gap: clamp(42px, 6vw, 96px);
  align-items: center;
  padding: clamp(90px, 12vw, 160px) 0 clamp(72px, 9vw, 120px);
}

.product-story-hero::before {
  content: "";
  position: absolute;
  inset: 7% -20% 4% 33%;
  z-index: -1;
  background:
    linear-gradient(120deg, transparent 42%, rgba(72, 217, 255, .15) 42.3%, transparent 42.8%),
    linear-gradient(150deg, transparent 59%, rgba(66, 228, 202, .11) 59.3%, transparent 59.8%),
    radial-gradient(ellipse at center, rgba(21, 95, 134, .22), transparent 65%);
  filter: blur(.2px);
}

.product-hero-copy h1 {
  max-width: 760px;
  margin: 18px 0 22px;
  color: #f5fbff;
  font-size: clamp(3rem, 6.5vw, 6.6rem);
  line-height: .94;
  letter-spacing: -.055em;
}
.product-hero-copy h1 span,
.product-section-heading h2 span { color: var(--product-cyan); }
.product-hero-copy > p:not(.eyebrow) {
  max-width: 680px;
  margin: 0;
  color: #abc1ce;
  font-size: clamp(1rem, 1.55vw, 1.25rem);
  line-height: 1.65;
}
.product-hero-copy .hero-actions { justify-content: flex-start; margin-top: 32px; }
.product-proof-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.product-proof-row span {
  padding: 9px 12px;
  color: #cbe5ec;
  background: rgba(8, 31, 49, .78);
  border: 1px solid var(--product-line);
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 750;
}

.product-visual-shell {
  position: relative;
  min-width: 0;
  padding: clamp(18px, 2.3vw, 30px);
  background:
    radial-gradient(circle at 15% 0, rgba(61, 210, 233, .13), transparent 32%),
    linear-gradient(145deg, rgba(11, 36, 57, .94), rgba(3, 14, 26, .96));
  border: 1px solid rgba(90, 218, 231, .29);
  border-radius: 30px;
  box-shadow: 0 36px 100px rgba(0, 8, 19, .55), inset 0 1px rgba(255,255,255,.06);
}
.product-visual-shell::after {
  content: "Visual demonstration";
  position: absolute;
  top: 18px;
  right: 18px;
  padding: 6px 9px;
  color: #8edfd8;
  background: rgba(9, 78, 76, .35);
  border: 1px solid rgba(84, 222, 207, .26);
  border-radius: 999px;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.product-section { padding: clamp(75px, 10vw, 130px) 0; }
.product-section-heading { max-width: 900px; margin-bottom: clamp(28px, 5vw, 55px); }
.product-section-heading.centered { margin-inline: auto; text-align: center; }
.product-section-heading h2 {
  margin: 12px 0 13px;
  color: #f3fafc;
  font-size: clamp(2.2rem, 4.8vw, 4.5rem);
  line-height: 1.02;
  letter-spacing: -.045em;
}
.product-section-heading > p:last-child { margin: 0; color: #9fb6c4; font-size: 1.02rem; line-height: 1.6; }

.product-reveal { opacity: 0; transform: translateY(26px); transition: opacity 700ms ease, transform 700ms cubic-bezier(.2,.75,.2,1); }
.product-reveal.is-visible { opacity: 1; transform: translateY(0); }
#workflow-demo,
#assistant-demo,
#opportunity { scroll-margin-top: 108px; }

/* Workflow page */
.workflow-console { padding-top: 52px; }
.workflow-switcher { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 24px; }
.workflow-switcher button,
.assistant-category-tabs button {
  min-height: 48px;
  padding: 10px 14px;
  color: #90aab9;
  background: rgba(3, 17, 29, .72);
  border: 1px solid rgba(118, 196, 218, .17);
  border-radius: 13px;
  cursor: pointer;
  font: inherit;
  font-size: .78rem;
  font-weight: 800;
  transition: 220ms ease;
}
.workflow-switcher button:hover,
.workflow-switcher button[aria-selected="true"],
.assistant-category-tabs button:hover,
.assistant-category-tabs button[aria-selected="true"] {
  color: #fff;
  background: linear-gradient(120deg, rgba(27, 126, 179, .42), rgba(20, 144, 130, .32));
  border-color: rgba(75, 223, 217, .56);
  transform: translateY(-1px);
}
.workflow-flow { display: grid; width: 100%; min-width: 0; align-self: stretch; height: auto; gap: 8px; margin: 0; padding: 0; overflow: visible; list-style: none; }
.workflow-flow::before,
.workflow-flow::after { display: none; }
.workflow-stage {
  position: relative;
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: 14px;
  align-items: center;
  min-height: 66px;
  width: 100%;
  max-width: none;
  padding: 12px 14px;
  color: #8fa7b4;
  background: rgba(2, 13, 24, .72);
  border: 1px solid rgba(96, 174, 202, .13);
  border-radius: 15px;
  transition: 300ms ease;
}
.workflow-stage::after {
  content: "";
  position: absolute;
  left: 33px;
  bottom: -9px;
  width: 2px;
  height: 9px;
  background: rgba(72, 217, 255, .25);
}
.workflow-stage:last-child::after { display: none; }
.workflow-stage .stage-index {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  color: #74dfe4;
  background: rgba(19, 99, 126, .27);
  border: 1px solid rgba(88, 210, 226, .3);
  border-radius: 11px;
  font-size: .68rem;
  font-weight: 900;
}
.workflow-stage strong { display: block; color: #e8f3f6; font-size: .84rem; }
.workflow-stage small { display: block; margin-top: 3px; color: #849eac; font-size: .68rem; }
.workflow-stage b { color: #6be3d4; font-size: .64rem; text-transform: uppercase; letter-spacing: .06em; }
.workflow-stage.is-new { border-color: rgba(72, 217, 255, .42); box-shadow: inset 3px 0 rgba(64, 220, 209, .8); }

.package-extension-section { padding-top: 28px; }
.package-extension-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.package-extension-card {
  position: relative;
  min-height: 220px;
  padding: 25px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(9, 30, 48, .9), rgba(4, 16, 28, .96));
  border: 1px solid rgba(103, 190, 215, .18);
  border-radius: 22px;
  box-shadow: 0 24px 65px rgba(0, 9, 21, .27);
}
.package-extension-card::after { content: ""; position: absolute; inset: auto -25% -50% 20%; height: 130px; background: radial-gradient(circle, rgba(72, 217, 255, .17), transparent 68%); }
.package-extension-card > span { color: #70ddeb; font-size: .64rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.package-extension-card h3 { margin: 19px 0 8px; color: #f5fbfc; font-size: 1.45rem; }
.package-extension-card strong { display: block; color: #fff; font-size: 1rem; }
.package-extension-card p { position: relative; z-index: 1; margin: 12px 0 0; color: #91aab5; font-size: .76rem; line-height: 1.55; }
.package-extension-sales { border-color: rgba(66, 228, 202, .47); transform: translateY(-9px); }
.package-extension-sales::after { background: radial-gradient(circle, rgba(66, 228, 202, .2), transparent 68%); }
.package-extension-intelligence { border-color: rgba(255, 196, 86, .34); }
.package-extension-intelligence::after { background: radial-gradient(circle, rgba(255, 190, 75, .15), transparent 68%); }

.workflow-demo-grid { display: grid; grid-template-columns: 1.18fr .82fr; gap: 22px; }
.workflow-demo-card,
.stock-signal-card,
.assurance-card {
  padding: clamp(22px, 3.2vw, 34px);
  background: linear-gradient(145deg, rgba(9, 30, 48, .88), rgba(4, 16, 28, .94));
  border: 1px solid var(--product-line);
  border-radius: 24px;
  box-shadow: 0 24px 65px rgba(0, 9, 21, .3);
}
.workflow-demo-card h3,
.stock-signal-card h3,
.assurance-card h3 { margin: 8px 0; color: #eef8fa; font-size: clamp(1.25rem, 2.2vw, 1.8rem); }
.workflow-demo-card > p,
.stock-signal-card > p { margin: 0; color: #8fa8b7; }
.booking-chain { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 24px; }
.booking-chain span { position: relative; padding: 15px 11px; color: #cbe1e7; background: rgba(3, 18, 30, .8); border: 1px solid rgba(102, 183, 207, .18); border-radius: 13px; font-size: .7rem; }
.booking-chain span::after { content: "→"; position: absolute; right: -9px; top: 50%; z-index: 2; color: #49d9d4; transform: translateY(-50%); }
.booking-chain span:last-child::after { display: none; }
.booking-chain strong { display: block; margin-bottom: 5px; color: #fff; font-size: .78rem; }
.phone-alert { max-width: 330px; margin: 22px auto 0; padding: 12px; background: #07131e; border: 1px solid rgba(110, 184, 204, .23); border-radius: 28px; box-shadow: inset 0 0 0 5px #02070c; }
.phone-alert header { display: flex; justify-content: space-between; padding: 5px 8px 12px; color: #728d9a; font-size: .62rem; }
.phone-notification { padding: 15px; background: linear-gradient(140deg, rgba(22, 95, 78, .7), rgba(9, 44, 44, .92)); border: 1px solid rgba(83, 221, 180, .35); border-radius: 17px; animation: phone-alert-in 5s ease-in-out infinite; }
.phone-notification span { display: block; color: #74ead0; font-size: .64rem; font-weight: 850; text-transform: uppercase; }
.phone-notification strong { display: block; margin: 6px 0; color: #fff; }
.phone-notification small { color: #c6e5de; line-height: 1.5; }

/* Assistant page */
.assistant-demo { display: grid; grid-template-columns: .82fr 1.18fr; gap: 20px; padding-top: 52px; }
.assistant-controls { padding: 20px; background: rgba(2, 14, 25, .6); border: 1px solid rgba(100, 183, 207, .15); border-radius: 20px; }
.assistant-category-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.assistant-question-list { display: grid; gap: 8px; margin-top: 16px; }
.assistant-question-list button {
  width: 100%;
  padding: 14px 15px;
  color: #b8ccd5;
  background: rgba(7, 29, 45, .72);
  border: 1px solid rgba(103, 188, 212, .16);
  border-radius: 13px;
  cursor: pointer;
  font: inherit;
  font-size: .76rem;
  text-align: left;
  transition: 220ms ease;
}
.assistant-question-list button:hover,
.assistant-question-list button[aria-pressed="true"] { color: #fff; border-color: rgba(72, 217, 255, .52); transform: translateX(4px); }
.assistant-panel { display: grid; grid-template-rows: auto 1fr auto; min-height: 520px; overflow: hidden; background: rgba(2, 11, 20, .82); border: 1px solid rgba(103, 198, 220, .2); border-radius: 22px; }
.assistant-panel-header { display: flex; align-items: center; gap: 12px; padding: 17px 19px; border-bottom: 1px solid rgba(105, 181, 207, .13); }
.assistant-panel-header img { width: 40px; height: 40px; object-fit: contain; }
.assistant-panel-header strong { display: block; color: #f5fbfc; font-size: .84rem; }
.assistant-panel-header small { color: #62dcca; font-size: .67rem; }
.assistant-status { margin-left: auto; padding: 6px 9px; color: #78e3d5; background: rgba(29, 120, 107, .2); border: 1px solid rgba(75, 211, 193, .28); border-radius: 999px; font-size: .58rem; letter-spacing: .04em; text-transform: uppercase; }
.assistant-conversation { display: grid; align-content: start; gap: 14px; padding: 24px; }
.assistant-message { max-width: 82%; padding: 14px 16px; border-radius: 17px; font-size: .78rem; line-height: 1.55; }
.assistant-message.user { justify-self: end; color: #edf8fb; background: linear-gradient(140deg, #1169a0, #0f8c91); border-bottom-right-radius: 5px; }
.assistant-message.ai { color: #cbe0e7; background: #0a2234; border: 1px solid rgba(101, 190, 215, .18); border-bottom-left-radius: 5px; }
.assistant-result-card { margin: 0 24px 24px; padding: 17px; background: linear-gradient(135deg, rgba(15, 54, 74, .88), rgba(8, 32, 43, .95)); border: 1px solid rgba(72, 217, 255, .22); border-radius: 17px; }
.assistant-result-card > span { color: #58dbc9; font-size: .62rem; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.assistant-result-card strong { display: block; margin: 7px 0 4px; color: #fff; }
.assistant-result-card p { margin: 0; color: #91aab6; font-size: .7rem; }
.assistant-result-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 13px; }
.assistant-result-metrics span { padding: 9px; color: #a9c2cb; background: rgba(2, 15, 24, .68); border-radius: 10px; font-size: .62rem; }
.assistant-result-metrics b { display: block; margin-top: 4px; color: #f0f8fa; font-size: .72rem; }

/* Intelligence concept page */
.concept-ribbon { display: inline-flex; gap: 8px; align-items: center; margin-bottom: 14px; padding: 8px 11px; color: #ffd993; background: rgba(104, 72, 12, .25); border: 1px solid rgba(255, 198, 86, .3); border-radius: 999px; font-size: .66rem; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.opportunity-card { padding-top: 48px; }
.opportunity-card header { display: flex; justify-content: space-between; gap: 16px; align-items: start; }
.opportunity-card h2 { margin: 5px 0; color: #fff; font-size: clamp(1.35rem, 2.7vw, 2rem); }
.opportunity-card header p { margin: 0; color: #7fe4d8; font-size: .72rem; }
.score-dial { display: grid; place-items: center; width: 84px; aspect-ratio: 1; flex: 0 0 auto; color: #fff; background: conic-gradient(#44dfc9 0 92%, rgba(92, 158, 181, .16) 92%); border-radius: 50%; box-shadow: inset 0 0 0 9px #0a1d2b; font-size: 1.1rem; font-weight: 900; }
.score-dial small { display: block; color: #7f9ba8; font-size: .5rem; font-weight: 700; }
.opportunity-signals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin: 22px 0; }
.opportunity-signals span { padding: 12px; color: #8fa9b4; background: rgba(3, 17, 28, .68); border: 1px solid rgba(96, 181, 205, .14); border-radius: 12px; font-size: .62rem; }
.opportunity-signals b { display: block; margin-top: 5px; color: #eef8fa; font-size: .8rem; }
.opportunity-finance { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.opportunity-finance div { padding: 14px; background: rgba(6, 28, 43, .7); border-radius: 13px; }
.opportunity-finance span { display: flex; justify-content: space-between; gap: 12px; padding: 5px 0; color: #8da5b1; font-size: .65rem; }
.opportunity-finance b { color: #eaf5f8; }
.opportunity-finance .projected { color: #6be4d1; font-size: .75rem; }
.signal-pipeline { display: grid; grid-template-columns: repeat(9, minmax(112px, 1fr)); gap: 8px; margin-top: 18px; overflow-x: auto; padding: 2px 2px 10px; scrollbar-width: thin; }
.signal-pipeline span { position: relative; padding: 14px 10px; color: #b8cdd5; background: rgba(4, 21, 34, .76); border: 1px solid rgba(90, 182, 207, .18); border-radius: 12px; font-size: .66rem; text-align: center; }
.signal-pipeline span::after { content: ""; position: absolute; inset: -1px; border: 1px solid transparent; border-radius: inherit; animation: signal-pulse 7.5s ease-in-out infinite; animation-delay: calc(var(--signal-index, 0) * 1.25s); }
.recovery-pipeline { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.recovery-pipeline article { position: relative; min-height: 170px; padding: 20px; background: linear-gradient(145deg, rgba(8, 31, 48, .9), rgba(3, 16, 27, .96)); border: 1px solid rgba(90, 182, 207, .18); border-radius: 18px; }
.recovery-pipeline article::after { content: "\2192"; position: absolute; top: 50%; right: -12px; z-index: 2; color: #54ddd2; font-weight: 900; transform: translateY(-50%); }
.recovery-pipeline article:last-child::after { display: none; }
.recovery-pipeline span { color: #64ddcf; font-size: .62rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.recovery-pipeline strong { display: block; margin: 20px 0 7px; color: #f3fafc; font-size: .9rem; }
.recovery-pipeline small { color: #8da6b2; font-size: .68rem; line-height: 1.5; }
.dead-stock-visual { display: grid; grid-template-columns: .78fr 1.22fr; gap: 22px; align-items: center; }
.vehicle-age-card { padding: 26px; background: rgba(3, 18, 30, .78); border: 1px solid rgba(108, 187, 209, .18); border-radius: 20px; }
.vehicle-age-card small { color: #819aa6; }
.vehicle-age-card h3 { margin: 6px 0 18px; color: #fff; }
.age-meter { height: 8px; overflow: hidden; background: rgba(115, 176, 193, .15); border-radius: 999px; }
.age-meter i { display: block; width: 30%; height: 100%; background: linear-gradient(90deg, #44dfc9, #ffd166, #ff7c68); border-radius: inherit; transition: width 600ms ease; }
.vehicle-age-card[data-health="watch"] .age-meter i { width: 60%; }
.vehicle-age-card[data-health="action"] .age-meter i { width: 96%; }
.age-readout { display: flex; justify-content: space-between; align-items: end; margin-top: 16px; }
.age-readout strong { color: #fff; font-size: 2.25rem; }
.age-readout span { padding: 7px 9px; color: #6be4d1; background: rgba(34, 133, 116, .2); border-radius: 999px; font-size: .64rem; font-weight: 850; }
.vehicle-age-card[data-health="watch"] .age-readout span { color: #ffd166; background: rgba(126, 87, 18, .24); }
.vehicle-age-card[data-health="action"] .age-readout span { color: #ff9a86; background: rgba(130, 51, 39, .24); }
.dead-stock-actions { display: grid; gap: 10px; }
.dead-stock-actions span { padding: 15px; color: #adc3cc; background: rgba(7, 29, 44, .72); border: 1px solid rgba(96, 180, 205, .14); border-radius: 13px; font-size: .72rem; }
.dead-stock-actions strong { display: block; margin-bottom: 4px; color: #edf7f9; }

.assurance-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.assurance-card span { color: var(--product-cyan); font-size: .66rem; font-weight: 900; letter-spacing: .1em; }
.assurance-card p { margin: 10px 0 0; color: #8fa8b4; font-size: .78rem; line-height: 1.6; }
.product-final-cta { padding: 0 0 110px; }
.product-final-cta > div { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; padding: clamp(28px, 5vw, 54px); background: linear-gradient(120deg, rgba(18, 91, 139, .42), rgba(15, 117, 106, .34)); border: 1px solid rgba(77, 218, 207, .32); border-radius: 28px; }
.product-final-cta h2 { margin: 0 0 8px; color: #fff; font-size: clamp(1.7rem, 3.5vw, 3rem); }
.product-final-cta p { margin: 0; color: #a7c0ca; }

/* Pricing page bridge */
.product-suite-bridge { padding: 40px 0 30px; scroll-margin-top: 104px; }
.product-suite-bridge > header { max-width: 820px; margin: 0 auto 25px; text-align: center; }
.product-suite-bridge h2 { margin: 8px 0 10px; color: #eff9fb; font-size: clamp(1.8rem, 3.6vw, 3.2rem); letter-spacing: -.04em; }
.product-suite-bridge header > p:last-child { margin: 0; color: #98afbb; }
.product-suite-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.product-suite-grid a { display: flex; min-height: 210px; flex-direction: column; padding: 23px; color: inherit; text-decoration: none; background: linear-gradient(145deg, rgba(9, 30, 48, .9), rgba(4, 16, 28, .95)); border: 1px solid rgba(103, 190, 215, .18); border-radius: 20px; transition: 240ms ease; }
.product-suite-grid a:hover { transform: translateY(-5px); border-color: rgba(72, 217, 255, .5); }
.product-suite-grid a.is-featured { background: radial-gradient(circle at 50% 0, rgba(51, 205, 194, .16), transparent 45%), linear-gradient(145deg, rgba(12, 47, 69, .96), rgba(5, 24, 40, .96)); border-color: rgba(71, 222, 205, .52); }
.product-suite-grid span { color: #61dfd1; font-size: .65rem; font-weight: 900; text-transform: uppercase; letter-spacing: .09em; }
.product-suite-grid strong { margin: 13px 0 8px; color: #fff; font-size: 1.25rem; text-transform: uppercase; }
.product-suite-grid small { color: #91aab5; font-size: .75rem; line-height: 1.55; }
.product-suite-grid b { margin-top: auto; padding-top: 20px; color: #74dff0; font-size: .72rem; }

/* Pricing intelligence bridge */
.intelligence-teaser {
  --product-cyan: #48d9ff;
  --product-teal: #42e4ca;
  position: relative;
  display: grid;
  grid-template-columns: minmax(270px, .58fr) minmax(680px, 1.42fr);
  gap: clamp(30px, 4vw, 70px);
  align-items: center;
  min-height: 590px;
  margin: clamp(38px, 5vw, 76px) 0;
  padding: clamp(38px, 4.5vw, 72px);
  overflow: hidden;
  background:
    radial-gradient(circle at 64% 48%, rgba(22, 137, 255, .17), transparent 18%),
    radial-gradient(circle at 86% 24%, rgba(24, 197, 209, .1), transparent 30%),
    linear-gradient(145deg, rgba(5, 20, 39, .98), rgba(2, 11, 24, .99));
  border: 1px solid rgba(70, 144, 209, .36);
  border-radius: 32px;
  box-shadow: 0 34px 100px rgba(0, 6, 18, .5), inset 0 1px rgba(255,255,255,.045);
}
.intelligence-teaser::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .78; background: repeating-radial-gradient(ellipse at 70% 52%, transparent 0 78px, rgba(31, 124, 215, .12) 79px 80px, transparent 81px 110px), linear-gradient(160deg, transparent 54%, rgba(33, 102, 210, .11) 54.2%, transparent 54.8%); }
.intelligence-teaser::after { content: ""; position: absolute; inset: auto -12% -52% 25%; height: 66%; pointer-events: none; background: repeating-radial-gradient(ellipse at center, transparent 0 18px, rgba(34, 113, 224, .11) 19px 20px, transparent 21px 31px); transform: rotate(-8deg); mask-image: linear-gradient(90deg, transparent, #000 25%, #000 76%, transparent); }
.intelligence-teaser-copy { position: relative; z-index: 1; }
.intelligence-teaser-copy .eyebrow { display: inline-flex; padding: 10px 17px; border: 1px solid rgba(64, 190, 238, .42); border-radius: 999px; box-shadow: 0 0 22px rgba(21, 151, 227, .09); }
.intelligence-teaser-copy h3 { max-width: 510px; margin: 28px 0 18px; color: #f3fbfd; font-size: clamp(2.2rem, 3.45vw, 3.65rem); line-height: 1.02; letter-spacing: -.048em; }
.intelligence-teaser-copy h3 span { color: var(--product-cyan); }
.intelligence-teaser-copy > p:not(.eyebrow) { max-width: 520px; margin: 0; color: #a7bdc9; font-size: .9rem; line-height: 1.67; }
.intelligence-teaser-copy > p.intelligence-teaser-support { margin-top: 14px; color: #7f9aaa; }
.intelligence-teaser-copy a { display: inline-flex; min-width: 250px; justify-content: space-between; gap: 18px; align-items: center; margin-top: 27px; padding: 13px 20px; color: #edfaff; font-size: .75rem; font-weight: 850; text-decoration: none; background: linear-gradient(90deg, rgba(19, 49, 91, .78), rgba(8, 47, 67, .84)); border: 1px solid rgba(60, 203, 255, .72); border-radius: 999px; box-shadow: 0 0 24px rgba(31, 153, 242, .18), inset 0 0 16px rgba(35, 173, 230, .08); transition: 220ms ease; }
.intelligence-teaser-copy a:hover { transform: translateY(-2px); border-color: #74eaff; box-shadow: 0 0 34px rgba(31, 171, 242, .27); }
.intelligence-teaser-copy a svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.data-fusion { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(210px, .95fr) minmax(190px, .92fr) minmax(225px, 1.05fr); gap: clamp(24px, 2.5vw, 42px); align-items: center; min-width: 0; }
.data-fusion::before { content: ""; position: absolute; z-index: -1; top: 20%; left: 27%; width: 54%; height: 60%; background: radial-gradient(ellipse, rgba(24, 139, 255, .2), transparent 66%); filter: blur(10px); }
.fusion-connections { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; filter: drop-shadow(0 0 5px rgba(38, 194, 255, .75)); }
.fusion-connection-line,
.fusion-output-line { fill: none; stroke: url(#fusion-line-gradient); stroke-width: 2.2; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.fusion-connection-line { stroke-dasharray: .12 .045; animation: fusion-flow 3.2s linear infinite; animation-delay: calc(var(--line-index) * -.38s); }
.fusion-output-line { stroke-width: 2.6; stroke-dasharray: .2 .055; animation: fusion-flow 2.6s linear infinite reverse; }
.fusion-sources { position: relative; z-index: 1; display: grid; gap: 10px; }
.fusion-sources > span { position: relative; display: grid; grid-template-columns: 42px 1fr; gap: 12px; align-items: center; min-height: 66px; padding: 9px 12px; color: #b7cbd3; background: linear-gradient(115deg, rgba(8, 31, 53, .95), rgba(6, 23, 42, .88)); border: 1px solid rgba(61, 163, 218, .42); border-radius: 14px; animation: fusion-source 8.5s ease-in-out infinite; animation-delay: calc(var(--fusion-index) * .65s); }
.fusion-sources > span::after { content: ""; position: absolute; z-index: 2; top: 50%; left: calc(100% - 2px); width: 6px; height: 6px; background: #5cecff; border-radius: 50%; box-shadow: 0 0 12px #29c8ff; transform: translateY(-50%); }
.fusion-sources i { display: grid; width: 42px; height: 42px; place-items: center; color: #48dcff; background: rgba(4, 21, 38, .78); border: 1px solid rgba(49, 142, 201, .35); border-radius: 10px; font-style: normal; }
.fusion-sources i svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.fusion-sources b { display: grid; gap: 4px; min-width: 0; font-weight: inherit; }
.fusion-sources strong { color: #f2f9fc; font-size: .68rem; line-height: 1.15; }
.fusion-sources small { color: #78a1bb; font-size: .57rem; line-height: 1.25; }
.fusion-core { position: relative; z-index: 1; display: flex; width: min(100%, 235px); aspect-ratio: 1; place-self: center; flex-direction: column; justify-content: center; align-items: center; padding: 28px; isolation: isolate; text-align: center; background: radial-gradient(circle at 50% 42%, #0b4b85, #03122b 67%); border: 2px solid rgba(60, 215, 255, .85); border-radius: 50%; box-shadow: 0 0 0 8px rgba(3, 18, 43, .94), 0 0 12px #32c8ff, 0 0 44px rgba(31, 135, 255, .55), 0 0 90px rgba(26, 104, 242, .24), inset 0 0 48px rgba(25, 118, 220, .3); }
.fusion-core::before,
.fusion-core::after,
.fusion-orbit { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.fusion-core::before { inset: -16px; border: 1px dashed rgba(53, 169, 255, .45); animation: fusion-spin 20s linear infinite; }
.fusion-core::after { inset: -29px; border: 1px dotted rgba(54, 154, 241, .3); animation: fusion-spin 30s linear infinite reverse; }
.fusion-orbit { inset: -42px; border: 1px solid rgba(37, 108, 212, .18); }
.fusion-core img { position: relative; z-index: 1; width: 78px; height: 78px; object-fit: contain; filter: drop-shadow(0 0 18px rgba(38, 215, 255, .62)); }
.fusion-core strong { position: relative; z-index: 1; margin-top: 10px; color: #f4fbff; font-size: 1.05rem; line-height: 1.05; }
.fusion-core > small { position: relative; z-index: 1; margin-top: 9px; color: #49dcff; font-size: .52rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.fusion-result { position: relative; z-index: 1; min-height: 340px; padding: 28px 25px; background: radial-gradient(circle at 20% 0, rgba(38, 185, 209, .16), transparent 33%), linear-gradient(145deg, rgba(9, 44, 67, .97), rgba(4, 24, 45, .98)); border: 1px solid rgba(75, 213, 237, .72); border-radius: 22px; box-shadow: 0 0 30px rgba(26, 147, 224, .18), inset 0 1px rgba(255,255,255,.06); }
.fusion-result::after { content: ""; position: absolute; top: calc(50% - 3px); right: calc(100% - 2px); width: 7px; height: 7px; background: #76efff; border-radius: 50%; box-shadow: 0 0 15px #2bcaff; }
.fusion-result header { display: flex; justify-content: space-between; align-items: center; }
.fusion-result header > small { color: #5ce9e1; font-size: .58rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.fusion-result header > span { display: grid; width: 42px; height: 42px; place-items: center; color: #52e5ff; background: rgba(5, 33, 57, .8); border: 1px solid rgba(59, 201, 237, .44); border-radius: 12px; box-shadow: 0 0 18px rgba(44, 204, 245, .13); }
.fusion-result > strong { display: block; max-width: 240px; margin: 26px 0 17px; color: #f4fbff; font-size: clamp(1.25rem, 2vw, 1.8rem); line-height: 1.08; }
.fusion-result > p { padding-top: 16px; color: #a8bfcc; border-top: 1px solid rgba(81, 166, 204, .25); font-size: .68rem; line-height: 1.58; }
.fusion-confidence { display: grid; grid-template-columns: 1fr auto; gap: 15px; align-items: center; margin-top: 22px; padding: 13px 15px; color: #55e7e0; background: rgba(7, 40, 63, .74); border: 1px solid rgba(54, 191, 222, .35); border-radius: 14px; }
.fusion-confidence > span { font-size: .64rem; font-weight: 850; line-height: 1.35; }
.fusion-confidence > b { padding-left: 14px; color: #f2fbff; border-left: 1px solid rgba(92, 195, 218, .3); font-size: 1.2rem; }
.fusion-confidence b small { display: block; margin-top: 3px; color: #7895a8; font-size: .48rem; font-weight: 650; text-transform: none; letter-spacing: 0; }
.fusion-result footer { margin-top: 18px; color: #829dab; font-size: .59rem; }

/* Connected sales platform */
.sales-platform-hero { grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr); }
.sales-platform-hero .product-hero-copy h1 { font-size: clamp(3.2rem, 6.3vw, 6.4rem); }
.booking-engine { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: 18px; }
.booking-picker,
.booking-delivery,
.sales-phone,
.mobile-sales-points article,
.lead-funnel,
.recovery-metrics article,
.sales-kpis article,
.sales-report-table,
.market-pulse article,
.stock-gap-grid article,
.manager-brief { background: linear-gradient(145deg, rgba(8, 31, 48, .92), rgba(3, 16, 27, .97)); border: 1px solid rgba(94, 191, 214, .2); border-radius: 19px; }
.booking-picker { padding: 24px; }
.booking-picker header span { color: #63e0d1; font-size: .68rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.booking-picker header strong { display: block; margin: 7px 0 20px; color: #fff; font-size: 1.15rem; }
.booking-slots { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.booking-slots button { padding: 13px 8px; color: #a9c2cc; background: rgba(3, 18, 29, .82); border: 1px solid rgba(105, 190, 212, .23); border-radius: 10px; cursor: pointer; font: inherit; font-size: .76rem; font-weight: 800; transition: 180ms ease; }
.booking-slots button[aria-pressed="true"] { color: #05211f; background: #68e6d4; border-color: #8ef8e9; box-shadow: 0 0 24px rgba(63, 220, 201, .24); }
.booking-picker > p { display: flex; gap: 8px; align-items: center; margin: 18px 0 0; color: #9eb6bf; font-size: .68rem; }
.booking-picker > p i { width: 8px; height: 8px; background: #42e4ca; border-radius: 50%; box-shadow: 0 0 12px #42e4ca; }
.booking-delivery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 0; padding: 10px; list-style: none; }
.booking-delivery li { min-width: 0; padding: 15px; border-right: 1px solid rgba(107, 188, 209, .14); }
.booking-delivery li:nth-child(3n) { border-right: 0; }
.booking-delivery li:nth-child(n+4) { border-top: 1px solid rgba(107, 188, 209, .14); }
.booking-delivery span { color: #58dbcc; font-size: .55rem; font-weight: 900; }
.booking-delivery strong { display: block; margin: 7px 0 4px; color: #edf8fa; font-size: .75rem; }
.booking-delivery small { color: #829ca7; font-size: .6rem; line-height: 1.4; }
.integration-note { margin: 16px 0 0; padding: 12px 15px; color: #829ba6; background: rgba(10, 28, 41, .62); border-left: 2px solid #42e4ca; border-radius: 5px; font-size: .68rem; line-height: 1.55; }
.mobile-sales-story { display: grid; grid-template-columns: minmax(280px, .66fr) minmax(0, 1.34fr); gap: 20px; align-items: center; }
.sales-phone { width: min(100%, 350px); margin-inline: auto; padding: 18px; border-radius: 32px; box-shadow: 0 25px 70px rgba(0, 6, 15, .45); }
.sales-phone header { display: flex; gap: 9px; align-items: center; padding: 4px 5px 14px; }
.sales-phone header span { display: grid; }
.sales-phone header strong { color: #f0f8fa; font-size: .75rem; }
.sales-phone header small { color: #6be0d2; font-size: .58rem; }
.phone-lead-card { padding: 17px; background: rgba(9, 48, 67, .76); border: 1px solid rgba(69, 218, 209, .31); border-radius: 17px; }
.phone-lead-card small { color: #69e3d4; font-size: .55rem; font-weight: 900; }
.phone-lead-card strong { display: block; margin: 7px 0; color: #fff; }
.phone-lead-card p { color: #a2bbc5; font-size: .68rem; line-height: 1.5; }
.phone-lead-card span { color: #6be4d3; font-size: .64rem; font-weight: 850; }
.phone-chat { display: grid; gap: 8px; margin-top: 13px; }
.phone-chat p { width: 84%; margin: 0; padding: 10px 12px; color: #b9ccd3; background: rgba(3, 19, 30, .86); border-radius: 12px 12px 12px 4px; font-size: .64rem; line-height: 1.45; }
.phone-chat p.reply { justify-self: end; color: #eafffb; background: rgba(27, 119, 108, .55); border-radius: 12px 12px 4px 12px; }
.mobile-sales-points { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.mobile-sales-points article { min-height: 145px; padding: 20px; }
.mobile-sales-points span { color: #5bdccb; font-size: .58rem; font-weight: 900; }
.mobile-sales-points strong { display: block; margin: 16px 0 6px; color: #f2fafb; }
.mobile-sales-points small { color: #88a2ad; font-size: .68rem; line-height: 1.5; }
.reporting-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 18px; }
.lead-funnel { display: grid; gap: 7px; align-content: center; padding: 28px; }
.lead-funnel div { width: var(--funnel-width); display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; background: linear-gradient(90deg, rgba(36, 157, 184, .58), rgba(31, 191, 168, .25)); border: 1px solid rgba(88, 220, 213, .24); border-radius: 9px; }
.lead-funnel strong { color: #fff; font-size: 1rem; }
.lead-funnel span { color: #c1d7dc; font-size: .68rem; }
.recovery-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.recovery-metrics article { padding: 20px; }
.recovery-metrics strong { display: block; color: #5ee1d0; font-size: 2rem; }
.recovery-metrics span { color: #9ab2bc; font-size: .68rem; line-height: 1.45; }
.sales-kpis { display: grid; grid-template-columns: repeat(6, 1fr); gap: 9px; margin-bottom: 14px; }
.sales-kpis article { padding: 18px 15px; }
.sales-kpis small { display: block; min-height: 28px; color: #7f9ba6; font-size: .58rem; line-height: 1.35; }
.sales-kpis strong { display: block; margin-top: 9px; color: #f1fafb; font-size: 1.28rem; }
.sales-report-table { overflow-x: auto; padding: 9px; }
.sales-report-table table { width: 100%; border-collapse: collapse; color: #aac0c8; font-size: .69rem; }
.sales-report-table caption { padding: 12px; color: #f0f9fb; font-size: .78rem; font-weight: 850; text-align: left; }
.sales-report-table th, .sales-report-table td { padding: 13px; border-top: 1px solid rgba(102, 187, 208, .14); text-align: left; }
.sales-report-table tbody th { color: #e8f4f6; }
.sales-report-table td span { padding: 6px 8px; color: #67e2d1; background: rgba(35, 137, 120, .2); border-radius: 999px; font-size: .58rem; font-weight: 850; }
.sales-report-table td span.watch { color: #ffd078; background: rgba(121, 83, 17, .22); }

/* Sales and stock intelligence */
.intelligence-hero { position: relative; width: min(100% - 40px, 1480px); margin-inline: auto; display: grid; grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr); gap: clamp(42px, 6vw, 96px); align-items: center; padding: clamp(100px, 12vw, 160px) 0 clamp(62px, 8vw, 100px); }
.intelligence-hero::before { content: ""; position: absolute; inset: 8% -18% 0 38%; z-index: -1; background: radial-gradient(circle, rgba(39,205,180,.13), transparent 58%); }
.intelligence-hero .product-hero-copy h1 { font-size: clamp(3.1rem, 6vw, 6.2rem); }
.intelligence-build { display: grid; grid-template-columns: 1fr 180px; gap: 34px; align-items: center; padding: clamp(20px, 3vw, 34px); background: linear-gradient(145deg, rgba(10, 36, 55, .93), rgba(3, 14, 26, .97)); border: 1px solid rgba(90, 218, 231, .29); border-radius: 28px; box-shadow: 0 36px 100px rgba(0, 8, 19, .5); }
.intelligence-build-sources { display: grid; gap: 8px; }
.intelligence-build-sources span { position: relative; display: grid; padding: 12px 14px; color: #d6e7eb; background: rgba(5, 24, 38, .82); border: 1px solid rgba(96, 186, 209, .18); border-radius: 12px; font-size: .71rem; font-weight: 800; animation: fusion-source 7.5s ease-in-out infinite; animation-delay: calc(var(--fusion-index) * .75s); }
.intelligence-build-sources span::after { content: ""; position: absolute; top: 50%; left: 100%; width: 35px; border-top: 1px solid rgba(72,217,255,.35); }
.intelligence-build-sources small { margin-top: 3px; color: #78949f; font-size: .58rem; font-weight: 500; }
.intelligence-build-core { display: grid; place-items: center; min-height: 190px; padding: 20px; text-align: center; background: radial-gradient(circle, rgba(57, 220, 201, .25), rgba(6, 28, 42, .94) 67%); border: 1px solid rgba(79, 231, 212, .48); border-radius: 50%; box-shadow: 0 0 50px rgba(45, 218, 197, .16); }
.intelligence-build-core strong { color: #f2fcfb; font-size: .9rem; line-height: 1.2; }
.intelligence-build-core small { color: #67e0d0; font-size: .56rem; text-transform: uppercase; }
.opportunity-card-expanded { padding: clamp(22px, 3vw, 38px); background: radial-gradient(circle at 80% 0, rgba(54, 207, 186, .15), transparent 33%), linear-gradient(145deg, rgba(8, 31, 48, .95), rgba(3, 15, 26, .98)); border: 1px solid rgba(80, 220, 204, .32); border-radius: 26px; box-shadow: 0 30px 90px rgba(0, 8, 18, .42); }
.opportunity-reasons { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin: 22px 0; }
.opportunity-reasons article { padding: 15px; background: rgba(3, 18, 29, .7); border: 1px solid rgba(97, 184, 206, .16); border-radius: 13px; }
.opportunity-reasons span { color: #55decf; font-size: .59rem; font-weight: 900; text-transform: uppercase; }
.opportunity-reasons strong { display: block; margin: 8px 0 4px; color: #eff8fa; font-size: .77rem; }
.opportunity-reasons small { color: #79949f; font-size: .58rem; line-height: 1.45; }
.opportunity-finance-detailed div { padding: 18px; }
.opportunity-card-expanded footer { display: grid; grid-template-columns: auto 1fr; gap: 6px 12px; align-items: baseline; margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(103, 187, 207, .16); }
.opportunity-card-expanded footer strong { color: #65e1d2; font-size: .7rem; }
.opportunity-card-expanded footer span { color: #a1b8c1; font-size: .69rem; }
.opportunity-card-expanded footer small { grid-column: 1 / -1; color: #718b96; font-size: .6rem; line-height: 1.5; }
.market-pulse { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.market-pulse article { padding: 20px; }
.market-pulse span { color: #58dfcf; font-size: .59rem; font-weight: 900; text-transform: uppercase; }
.market-pulse strong { display: block; margin: 13px 0 6px; color: #f0f9fa; font-size: 1.25rem; }
.market-pulse small { color: #819ca7; font-size: .62rem; line-height: 1.45; }
.stock-gap-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.stock-gap-grid article { min-height: 180px; padding: 24px; }
.stock-gap-grid span { color: #56dfcf; font-size: .58rem; font-weight: 900; letter-spacing: .08em; }
.stock-gap-grid strong { display: block; margin: 24px 0 8px; color: #f0f9fa; font-size: 1rem; }
.stock-gap-grid p { color: #a0b7c0; font-size: .7rem; }
.stock-gap-grid small { color: #62dccc; font-size: .62rem; }
.dead-stock-expanded .vehicle-age-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 18px 0 0; }
.dead-stock-expanded .vehicle-age-card dl div { padding: 9px; background: rgba(3, 16, 27, .58); border-radius: 9px; }
.dead-stock-expanded dt { color: #78929e; font-size: .56rem; }
.dead-stock-expanded dd { margin: 4px 0 0; color: #edf7f9; font-size: .72rem; font-weight: 850; }
.recovery-pipeline-long { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.recovery-pipeline-long article { min-height: 180px; padding: 17px; }
.manager-brief { padding: clamp(20px, 3vw, 34px); }
.manager-brief header { display: flex; gap: 16px; align-items: center; padding-bottom: 18px; border-bottom: 1px solid rgba(97, 183, 205, .16); }
.manager-brief header span { color: #57dece; font-size: .62rem; font-weight: 900; }
.manager-brief header strong { color: #f0f9fa; font-size: 1rem; }
.manager-brief header small { margin-left: auto; color: #78939e; font-size: .6rem; }
.manager-brief > div { display: grid; grid-template-columns: repeat(6, 1fr); gap: 9px; padding-top: 18px; }
.manager-brief article { padding: 13px; background: rgba(3, 18, 29, .68); border-radius: 11px; }
.manager-brief article strong { display: block; color: #62e0d0; font-size: 1.65rem; }
.manager-brief article span { color: #91aab4; font-size: .6rem; line-height: 1.4; }
.professional-disclaimer { max-width: 960px; margin: 24px auto 0; padding: 16px 19px; color: #78939e; background: rgba(7, 25, 39, .7); border: 1px solid rgba(105, 181, 202, .14); border-radius: 13px; font-size: .65rem; line-height: 1.6; text-align: center; }

@keyframes fusion-source { 0%, 100% { border-color: rgba(100,190,211,.2); box-shadow: none; transform: translateX(0); } 18%, 30% { color: #effdfb; border-color: rgba(69,226,207,.62); box-shadow: 0 0 20px rgba(39,204,183,.12); transform: translateX(3px); } }
@keyframes fusion-spin { to { transform: rotate(360deg); } }
@keyframes fusion-flow { to { stroke-dashoffset: -1; } }

@keyframes phone-alert-in { 0%, 14% { opacity: .2; transform: translateY(12px); } 22%, 84% { opacity: 1; transform: translateY(0); } 95%, 100% { opacity: .2; transform: translateY(-5px); } }
@keyframes signal-pulse { 0%, 16% { border-color: transparent; box-shadow: none; } 22%, 34% { border-color: rgba(71, 221, 209, .65); box-shadow: 0 0 22px rgba(41, 205, 191, .15); } 42%, 100% { border-color: transparent; box-shadow: none; } }

@media (max-width: 1080px) {
  .product-story-hero { grid-template-columns: 1fr; min-height: auto; }
  .intelligence-hero { grid-template-columns: 1fr; }
  .product-visual-shell { width: min(100%, 820px); margin-inline: auto; }
  .workflow-demo-grid,
  .assistant-demo,
  .dead-stock-visual { grid-template-columns: 1fr; }
  .product-suite-grid,
  .assurance-grid,
  .package-extension-grid { grid-template-columns: 1fr 1fr; }
  .package-extension-intelligence { grid-column: 1 / -1; }
  .recovery-pipeline { grid-template-columns: 1fr 1fr; }
  .recovery-pipeline-long { grid-template-columns: repeat(3, 1fr); }
  .recovery-pipeline article:nth-child(2)::after { display: none; }
  .recovery-pipeline-long article:nth-child(2)::after { display: block; }
  .recovery-pipeline-long article:nth-child(3n)::after { display: none; }
  .intelligence-teaser { grid-template-columns: 1fr; }
  .sales-kpis,
  .manager-brief > div { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 720px) {
  .product-story-hero,
  .intelligence-hero,
  .product-section,
  .product-final-cta,
  .product-suite-bridge { width: min(100% - 28px, 1480px); }
  .product-story-hero { padding-top: 72px; gap: 34px; }
  .product-hero-copy h1 { font-size: clamp(2.75rem, 14vw, 4.4rem); }
  .product-visual-shell { padding: 15px; border-radius: 22px; }
  .product-visual-shell::after { position: static; display: inline-flex; margin: 0 0 14px; }
  .workflow-switcher,
  .assistant-category-tabs { grid-template-columns: 1fr; }
  body.product-story-site .workflow-flow { width: 100%; }
  body.product-story-site .workflow-stage { width: 100%; grid-template-columns: 36px minmax(0, 1fr); }
  .workflow-stage b { grid-column: 2; }
  .booking-chain,
  .booking-engine,
  .mobile-sales-story,
  .reporting-grid,
  .opportunity-signals,
  .signal-pipeline,
  .product-suite-grid,
  .assurance-grid,
  .package-extension-grid,
  .recovery-pipeline,
  .recovery-pipeline-long,
  .market-pulse,
  .stock-gap-grid,
  .opportunity-reasons { grid-template-columns: 1fr; }
  .data-fusion { grid-template-columns: 1fr; }
  .fusion-connections,
  .fusion-sources > span::before,
  .fusion-sources > span::after,
  .fusion-result::before,
  .fusion-result::after,
  .intelligence-build-sources span::after { display: none; }
  .fusion-core { width: 150px; min-height: 150px; margin-inline: auto; }
  .intelligence-build { grid-template-columns: 1fr; }
  .intelligence-build-core { width: 180px; margin-inline: auto; }
  .booking-delivery { grid-template-columns: 1fr 1fr; }
  .booking-delivery li:nth-child(n) { border-right: 0; border-top: 1px solid rgba(107, 188, 209, .14); }
  .booking-delivery li:nth-child(-n+2) { border-top: 0; }
  .mobile-sales-points,
  .recovery-metrics { grid-template-columns: 1fr 1fr; }
  .sales-kpis,
  .manager-brief > div { grid-template-columns: 1fr 1fr; }
  .package-extension-sales { transform: none; }
  .package-extension-intelligence { grid-column: auto; }
  .recovery-pipeline article::after { content: "\2193"; top: auto; right: auto; bottom: -15px; left: 50%; transform: translateX(-50%); }
  .recovery-pipeline article:nth-child(2)::after { display: block; }
  .recovery-pipeline-long article:nth-child(3n)::after { display: block; }
  .booking-chain span::after { content: "↓"; right: auto; left: 50%; top: auto; bottom: -14px; transform: translateX(-50%); }
  .assistant-demo { padding-top: 46px; }
  .assistant-panel { min-height: 470px; }
  .assistant-result-metrics,
  .opportunity-finance { grid-template-columns: 1fr; }
  .score-dial { width: 70px; }
  .opportunity-card-expanded header { align-items: flex-start; }
  .opportunity-card-expanded footer { grid-template-columns: 1fr; }
  .opportunity-card-expanded footer small { grid-column: auto; }
  .product-final-cta > div { grid-template-columns: 1fr; }
  .product-final-cta .button { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .product-reveal { opacity: 1; transform: none; transition: none; }
  .phone-notification,
  .signal-pipeline span::after,
  .fusion-sources span,
  .fusion-connection-line,
  .fusion-output-line,
  .fusion-core::before,
  .fusion-core::after,
  .intelligence-build-sources span { animation: none !important; }
  .workflow-switcher button,
  .assistant-category-tabs button,
  .assistant-question-list button,
  .product-suite-grid a,
  .package-extension-card,
  .age-meter i { transition: none !important; }
}

body[data-theme="light"].product-story-site {
  background: radial-gradient(circle at 10% 8%, rgba(55, 151, 192, .13), transparent 28%), #eef5f8;
}
body[data-theme="light"].product-story-site .product-hero-copy h1,
body[data-theme="light"].product-story-site .product-section-heading h2 { color: #0b2a3d; }
body[data-theme="light"].product-story-site .product-hero-copy > p:not(.eyebrow),
body[data-theme="light"].product-story-site .product-section-heading > p:last-child { color: #567180; }