/* Motion is an enhancement: all text and controls remain visible without JS. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
    scroll-behavior: auto !important;
  }
  [data-motion-reveal], [data-motion-lift] { translate: none !important; }
}
@media print {
  [data-motion-reveal], [data-motion-lift] { opacity: 1 !important; translate: none !important; }
}

.reveal { opacity: 1; transform: none; transition: none; }
/* Narrow phones: translated pricing labels must not impose a grid minimum. */
.cost-grid > *, .pricing-grid > * { min-width: 0; }
@media (max-width: 760px) {
  .cost-grid, .pricing-grid { grid-template-columns: minmax(0, 1fr); }
  .price-card .button { white-space: normal; text-align: center; min-height: 48px; }
  .ai-cost-value { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .ai-cost-value strong { overflow-wrap: anywhere; }
  .cost-card-head { flex-wrap: wrap; }
}

.motion-journey { --mj-accent:#b6a5ff; --mj-rgb:182,165,255; --mj-bg:#11122c; box-sizing:border-box; position:relative; isolation:isolate; width:100%; min-width:0; padding:30px; color:#f3f5ff; border:1px solid #ffffff29; border-radius:28px; background:radial-gradient(ellipse at 90% 0%,rgba(var(--mj-rgb),.21),transparent 58%),var(--mj-bg); box-shadow:0 24px 64px #02061226; overflow:hidden; text-align:left; }
.motion-journey *, .motion-journey *::before, .motion-journey *::after { box-sizing:border-box; }
.motion-journey[data-journey-theme=gold] { --mj-accent:#edc773; --mj-rgb:237,199,115; --mj-bg:#09192f; }
.motion-journey[data-journey-theme=blue] { --mj-accent:#8bd7ff; --mj-rgb:139,215,255; --mj-bg:#071a30; }
.mj-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:28px; }
.mj-kicker { color:var(--mj-accent); font-family:inherit; line-height:1.6; font-size:10px; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
.mj-replay { display:inline-flex; flex:none; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:9px 15px; border:1px solid #ffffff32; border-radius:999px; color:#fff; background:#ffffff08; font:inherit; font-size:12px; font-weight:650; cursor:pointer; }
.mj-replay:hover { background:#ffffff18; border-color:var(--mj-accent); }
.mj-replay:disabled { cursor:default; opacity:.5; }
.mj-track { position:relative; display:grid; grid-template-columns:repeat(var(--steps),minmax(0,1fr)); align-items:center; gap:12px; min-height:66px; margin:10px 0 20px; }
.mj-track-line, .mj-track-fill { position:absolute; top:50%; left:calc(50% / var(--steps)); right:calc(50% / var(--steps)); height:2px; background:#ffffff1f; transform-origin:left center; }
.mj-track-fill { background:var(--mj-accent); box-shadow:0 0 18px rgba(var(--mj-rgb),.4); }
.mj-node { position:relative; display:grid; place-items:center; justify-self:center; width:58px; height:58px; border-radius:18px; border:1px solid #ffffff29; color:#9eabc1; background:var(--mj-bg); }
.mj-node svg { width:28px; height:28px; }
.mj-node[data-active=true] { color:#0b1730; border-color:var(--mj-accent); background:var(--mj-accent); box-shadow:0 0 0 7px rgba(var(--mj-rgb),.1),0 6px 30px rgba(var(--mj-rgb),.2); }
.mj-node[data-complete=true] { color:var(--mj-accent); border-color:var(--mj-accent); }
.mj-buttons { display:grid; grid-template-columns:repeat(var(--steps),minmax(0,1fr)); gap:8px; margin-bottom:24px; }
.mj-step { min-width:0; min-height:82px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:8px; padding:12px; border:1px solid #ffffff19; border-radius:12px; background:#ffffff04; color:#d0d9e9; text-align:left; font:inherit; cursor:pointer; }
.mj-step:hover { background:#ffffff0e; }
.mj-step[aria-pressed=true] { color:#fff; border-color:rgba(var(--mj-rgb),.65); background:rgba(var(--mj-rgb),.12); }
.mj-step-number { color:var(--mj-accent); font-size:10px; font-weight:750; letter-spacing:.08em; }
.mj-step-title { font-size:12px; line-height:1.45; font-weight:650; overflow-wrap:anywhere; }
.mj-panel { display:grid; grid-template-columns:80px minmax(0,1fr); align-items:center; gap:22px; min-height:180px; padding:24px; border:1px solid #ffffff20; border-radius:18px; background:linear-gradient(115deg,#ffffff0a,#ffffff03); }
.mj-symbol { display:grid; place-items:center; width:80px; height:94px; border:1px solid rgba(var(--mj-rgb),.35); border-radius:20px; color:var(--mj-accent); background:rgba(var(--mj-rgb),.07); }
.mj-symbol svg { width:44px; height:44px; }
.mj-count { color:var(--mj-accent); font-size:10px; letter-spacing:.14em; margin-bottom:8px; }
.motion-journey .mj-copy h3 { color:#fff; font-size:clamp(19px,2.1vw,28px); letter-spacing:-.035em; line-height:1.15; font-weight:650; margin:0 0 10px; text-wrap:balance; }
.motion-journey .mj-copy p { color:#c1cee0; font-size:13px; line-height:1.65; margin:0; max-width:68ch; }
.mj-link { display:inline-flex; align-items:center; min-height:40px; margin-top:12px; font-size:12px; font-weight:700; color:var(--mj-accent); text-decoration:none; }
.mj-link[hidden] { display:none; }
.mj-link:hover { text-decoration:underline; text-underline-offset:4px; }
.motion-journey .mj-preference { margin:18px 0 0; color:#a0b2ca; font-size:10px; line-height:1.6; }
.motion-journey button:focus-visible, .motion-journey a:focus-visible { outline:3px solid var(--mj-accent); outline-offset:4px; }
@media(max-width:600px) {
  .motion-journey { padding:20px 16px; border-radius:22px; }
  .mj-top { margin-bottom:18px; }
  .mj-track { gap:6px; }
  .mj-node { width:45px; height:45px; border-radius:13px; }
  .mj-node svg { width:23px; height:23px; }
  .mj-buttons { gap:5px; }
  .mj-step { padding:9px 7px; min-height:95px; gap:7px; }
  .mj-step-title { font-size:11px; }
  .mj-panel { grid-template-columns:48px minmax(0,1fr); gap:13px; padding:18px 14px; min-height:215px; }
  .mj-symbol { width:48px; height:63px; border-radius:13px; }
  .mj-symbol svg { width:29px; height:29px; }
  .motion-journey .mj-copy h3 { font-size:21px; }
  .motion-journey .mj-copy p { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .motion-journey *, .motion-journey *::before, .motion-journey *::after { animation:none!important; transition:none!important; } }

html[data-motion-design="2"] .hero { height:auto; min-height:850px; background:radial-gradient(ellipse at 15% 30%,#13223d,transparent 60%),#050a14; }
html[data-motion-design="2"] .hero-media { inset:70px 3% 180px 52%; border-radius:36px; border:1px solid #ffffff22; box-shadow:0 30px 90px #0008; }
html[data-motion-design="2"] .hero-media video, html[data-motion-design="2"] .hero-media img { object-position:62% center; }
html[data-motion-design="2"] .hero-shade { background:linear-gradient(90deg,#050a1400 45%,#050a1400); }
html[data-motion-design="2"] .hero-content { min-height:850px; padding-top:105px; padding-bottom:180px; }
html[data-motion-design="2"] .hero-copy { width:45%; max-width:640px; }
html[data-motion-design="2"] .hero h1 { font-size:clamp(52px,5.8vw,88px); line-height:.98; }
html[data-motion-design="2"] .hero-lede { font-size:18px; line-height:1.6; margin:26px 0 20px; }
html[data-motion-design="2"] .service-identity { font-size:11px; line-height:1.7; }
html[data-motion-design="2"] .hero-metrics { border:1px solid #ffffff20; border-radius:20px; background:#ffffff06; padding:23px; bottom:38px; }
html[data-motion-design="2"] .video-control { bottom:193px; right:calc(3% + 18px); }
.visible-agent-journey { padding:100px 0; background:#eef3f9; }
.agent-journey-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:64px; align-items:center; }
.agent-journey-intro h2 { color:#102442; font-size:clamp(38px,4.2vw,62px); letter-spacing:-.045em; line-height:1.08; margin:0 0 24px; }
.agent-journey-intro h2 span { color:#416791; }
.agent-journey-intro p { color:#52657d; font-size:16px; line-height:1.8; }
@media(max-width:1000px) { .agent-journey-grid { grid-template-columns:minmax(0,1fr); gap:32px; } .agent-journey-intro { max-width:700px; } html[data-motion-design="2"] .hero h1 { font-size:56px; } }
@media(max-width:760px) {
  html[data-motion-design="2"] .hero { min-height:0; }
  html[data-motion-design="2"] .hero-media { inset:28px 20px auto; height:290px; border-radius:26px; }
  html[data-motion-design="2"] .hero-content { min-height:0; height:auto; padding-top:356px; padding-bottom:38px; }
  html[data-motion-design="2"] .hero-copy { width:100%; max-width:none; }
  html[data-motion-design="2"] .hero h1 { font-size:clamp(44px,10vw,68px); line-height:1.02; }
  html[data-motion-design="2"] .hero-lede { font-size:16px; }
  html[data-motion-design="2"] .hero-metrics { position:static; margin-top:36px; padding:20px 14px; gap:20px 0; grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-motion-design="2"] .hero-metrics div { min-width:0; padding:0 12px; }
  html[data-motion-design="2"] .hero-metrics div:first-child { padding-left:12px; }
  html[data-motion-design="2"] .video-control { top:272px; bottom:auto; right:34px; }
  html[data-motion-design="2"] .scroll-cue { display:none; }
  .visible-agent-journey { padding:54px 0; }
}