/* Sinal: the public product demonstration owns its light; application routes keep their own surfaces. */
.ci-landing {
  --ci-landing-glass:color-mix(in srgb,var(--ci-surface) 94%,transparent);
  --ci-landing-shadow:var(--ci-elev-2,0 22px 56px color-mix(in srgb,var(--ci-space) 40%,transparent));
  --ci-landing-aurora:var(--ci-aurora,radial-gradient(ellipse at 68% 35%,color-mix(in srgb,var(--ci-cyan) 15%,transparent),transparent 64%),radial-gradient(ellipse at 35% 68%,color-mix(in srgb,var(--ci-action) 24%,transparent),transparent 68%));
}
.ci-landing::before { display:none; }
.ci-landing .site-header { background:var(--ci-space); border-bottom:1px solid color-mix(in srgb,var(--ci-line) 72%,transparent); }
@supports (backdrop-filter:blur(16px)) {
  .ci-landing .site-header { background:color-mix(in srgb,var(--ci-space) 86%,transparent); backdrop-filter:blur(16px); }
}
.ci-landing .btn, .ci-landing .ci-signal-replay {
  border-radius:12px;
  transition:transform var(--ci-dur-fast,180ms) var(--ci-ease-out,cubic-bezier(.16,1,.3,1)),box-shadow var(--ci-dur,220ms) var(--ci-ease-out,cubic-bezier(.16,1,.3,1));
}
.ci-landing .btn--primary { background:linear-gradient(180deg,color-mix(in srgb,var(--ci-on-action) 8%,transparent),transparent 54%),var(--ci-action); color:var(--ci-on-action); box-shadow:0 8px 24px color-mix(in srgb,var(--ci-action) 24%,transparent); border-color:transparent; }
.ci-landing .btn--primary:hover { background:var(--ci-action-hover); color:var(--ci-on-action); }
.ci-landing .btn:active:not(:disabled), .ci-landing .ci-signal-replay:active:not(:disabled) { transform:scale(.98); }
.ci-landing .ci-launch { position:relative; padding:56px 0 64px; isolation:isolate; }
.ci-landing .ci-launch-grid { display:grid; grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr); gap:48px; align-items:center; }
.ci-landing .ci-launch-copy { min-width:0; padding-bottom:20px; }
.ci-landing .ci-launch-copy h1 { font-size:clamp(2.65rem,4.7vw,4.25rem); line-height:1.1; max-width:15ch; margin:0 0 24px; letter-spacing:-.035em; text-wrap:balance; }
.ci-landing .ci-launch-copy h1 > span { color:var(--ci-cyan); }
.ci-landing .ci-lead { max-width:46ch; color:var(--ci-muted); font-size:1.0625rem; line-height:1.7; margin:0; }
.ci-landing .ci-cta-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.ci-landing .ci-launch .btn--lg, .ci-landing .ci-boarding .btn--lg { min-height:52px; padding:14px 22px; }
.ci-landing .ci-cta-arrow::before { content:'arrow_forward'; }
.ci-landing .ci-promises { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; list-style:none; padding:28px 0 0; margin-top:40px; margin-bottom:0; border-top:1px solid var(--ci-line); }
.ci-landing .ci-promises li { display:flex; align-items:center; gap:10px; color:var(--ci-muted); font-size:.8125rem; line-height:1.6; min-width:0; }
.ci-landing .ci-promises .msr { color:var(--ci-cyan); font-size:22px; flex:none; }

/* Two inspectable screens overlap gently; only the foreground screen performs the signal. */
.ci-landing .ci-product-scene { position:relative; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); min-width:0; width:100%; margin:0; perspective:1400px; isolation:isolate; }
.ci-landing .ci-product-scene::before { content:''; position:absolute; inset:-70px -32px -20px; z-index:-1; background:var(--ci-landing-aurora); pointer-events:none; }
.ci-landing .ci-overview { grid-column:1 / 12; grid-row:1; padding:20px 24px 24px; min-width:0; border-radius:16px; background:var(--ci-landing-glass); box-shadow:var(--ci-landing-shadow); transform:rotateY(-7deg) rotateX(2deg) rotate(-2deg); transform-origin:70% 50%; }
.ci-landing .ci-overview__bar { display:flex; align-items:center; gap:8px; color:var(--ci-text); font-size:.75rem; }
.ci-landing .ci-overview__bar > .msr { color:var(--ci-cyan); font-size:20px; }
.ci-landing .ci-overview__bar > .msr:last-child { margin-left:auto; color:var(--ci-muted); }
.ci-landing .ci-overview h2 { font-size:1.125rem; line-height:1.4; margin:18px 0; }
.ci-landing .ci-overview__metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0; }
.ci-landing .ci-overview__metrics > div { min-width:0; }
.ci-landing .ci-overview__metrics dt { color:var(--ci-muted); font-size:.75rem; line-height:1.5; }
.ci-landing .ci-overview__metrics dd { margin:10px 0 0; min-height:12px; }
.ci-landing .ci-overview .ci-skeleton { display:block; width:78%; height:9px; border-radius:5px; background:color-mix(in srgb,var(--ci-muted) 22%,var(--ci-surface)); animation:none; }
.ci-landing .ci-overview .ci-skeleton::after { content:none; }
.ci-landing .ci-overview__chart { margin-top:20px; color:var(--ci-cyan); }
.ci-landing .ci-overview__chart svg { display:block; width:100%; height:68px; }
.ci-landing .ci-overview__line { clip-path:inset(0); }
.ci-landing .ci-preview { position:relative; grid-column:2 / -1; grid-row:2; z-index:1; min-width:0; margin:-34px 0 0; background:var(--ci-surface); border-radius:16px; box-shadow:var(--ci-landing-shadow); overflow:hidden; transform:rotateY(-4deg) rotate(1deg); transform-origin:40% 0; transition:transform var(--ci-dur,220ms) var(--ci-ease-out,cubic-bezier(.16,1,.3,1)); }
.ci-landing .ci-preview__heading { display:flex; align-items:center; gap:10px; padding:18px 22px; color:var(--ci-text); background:var(--ci-raised); }
.ci-landing .ci-preview__heading > .msr { color:var(--ci-cyan); font-size:22px; }
.ci-landing .ci-preview__heading h2 { margin:0; font-size:1.125rem; line-height:1.4; color:inherit; }
.ci-landing .ci-preview__body { padding:22px; }
.ci-landing .ci-preview__subject { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.ci-landing .ci-preview__subject > .msr { color:var(--ci-cyan); font-size:24px; flex:none; }
.ci-landing .ci-preview__subject h3 { flex:1; min-width:130px; margin:0; font-size:.9375rem; line-height:1.5; }
.ci-landing .ci-signal-approve { display:inline-flex; align-items:center; justify-content:center; gap:5px; flex:none; min-height:32px; padding:5px 9px; border-radius:9px; color:var(--ci-text); background:var(--ci-raised); font-size:.75rem; transition:transform var(--ci-dur-fast,180ms) var(--ci-ease-out,cubic-bezier(.16,1,.3,1)),box-shadow var(--ci-dur,220ms) var(--ci-ease-out,cubic-bezier(.16,1,.3,1)); }
.ci-landing .ci-signal-approve .msr { font-size:16px; color:var(--ci-cyan); }
.ci-landing .ci-preview__evidence { margin:18px 0; display:grid; gap:10px; }
.ci-landing .ci-preview__evidence > div { display:grid; grid-template-columns:122px minmax(0,1fr); gap:10px; border-bottom:1px solid var(--ci-line); padding-bottom:10px; font-size:.75rem; line-height:1.6; }
.ci-landing .ci-preview__evidence dt { color:var(--ci-muted); }
.ci-landing .ci-preview__evidence dd { margin:0; color:var(--ci-text); }
.ci-landing .ci-signal-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0; margin:20px 0 0; list-style:none; }
.ci-landing .ci-signal-steps li { display:flex; align-items:flex-start; gap:7px; color:var(--ci-muted); font-size:.75rem; line-height:1.55; }
.ci-landing .ci-signal-steps .msr { color:var(--ci-muted); font-size:18px; flex:none; margin-top:1px; }
.ci-landing .ci-preview[data-state="review"] [data-signal-step="review"],
.ci-landing .ci-preview[data-state="approved"] [data-signal-step="approved"],
.ci-landing .ci-preview[data-state="sending"] [data-signal-step="sending"],
.ci-landing .ci-preview[data-state="returning"] [data-signal-step="sending"],
.ci-landing .ci-preview[data-state="confirmed"] [data-signal-step="confirmed"] { color:var(--ci-text); }
.ci-landing .ci-preview[data-state="review"] [data-signal-step="review"] .msr,
.ci-landing .ci-preview[data-state="approved"] [data-signal-step="approved"] .msr,
.ci-landing .ci-preview[data-state="sending"] [data-signal-step="sending"] .msr,
.ci-landing .ci-preview[data-state="returning"] [data-signal-step="sending"] .msr,
.ci-landing .ci-preview[data-state="confirmed"] [data-signal-step="confirmed"] .msr { color:var(--ci-cyan); }
.ci-landing .ci-signal-route { display:flex; align-items:center; gap:12px; margin-top:20px; padding-top:16px; border-top:1px solid var(--ci-line); color:var(--ci-muted); font-size:.75rem; }
.ci-landing .ci-signal-route > span:first-child { flex:none; }
.ci-landing .ci-signal-route__line { position:relative; flex:1; min-width:16px; height:2px; border-radius:2px; background:var(--ci-line); overflow:hidden; }
.ci-landing .ci-signal-route__line::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,transparent,var(--ci-cyan),transparent); background-size:45% 100%; background-repeat:no-repeat; background-position:-100% 0; opacity:0; }
.ci-landing .ci-signal-node { display:flex; align-items:center; gap:6px; flex:none; padding:7px 9px; border-radius:9px; color:var(--ci-muted); background:var(--ci-raised); transition:box-shadow var(--ci-dur,220ms) var(--ci-ease-out,cubic-bezier(.16,1,.3,1)); }
.ci-landing .ci-signal-node .msr { font-size:18px; }
.ci-landing .ci-preview[data-state="returning"] .ci-signal-node,
.ci-landing .ci-preview[data-state="confirmed"] .ci-signal-node { color:var(--ci-cyan); box-shadow:0 6px 20px color-mix(in srgb,var(--ci-cyan) 18%,transparent); }
.ci-landing .ci-preview[data-state="confirmed"] .ci-signal-route__line { background:var(--ci-cyan); }
.ci-landing .ci-signal-footer { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; min-height:44px; margin-top:14px; }
.ci-landing .ci-preview__status { display:flex; align-items:center; gap:6px; flex:1 1 200px; min-width:0; margin:0; color:var(--ci-muted); font-size:.75rem; line-height:1.6; }
.ci-landing .ci-preview__status .msr { font-size:18px; flex:none; }
.ci-landing .ci-preview[data-state="confirmed"] .ci-preview__status { color:var(--ci-success); }
.ci-landing .ci-signal-replay { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:7px 10px; border:1px solid var(--ci-line); color:var(--ci-text); background:var(--ci-surface); font:inherit; font-size:.75rem; cursor:pointer; }
.ci-landing .ci-signal-replay .msr { font-size:18px; }
.ci-landing .ci-signal-replay:disabled { cursor:default; }
.ci-landing .ci-signal-replay[aria-disabled="true"] { cursor:default; }
.ci-landing .ci-product-scene figcaption { grid-column:1 / -1; grid-row:3; color:var(--ci-muted); font-size:.75rem; padding-top:18px; text-align:right; }

/* The route runs once per explicit play; default and interrupted screens remain fully legible. */
.ci-landing .ci-preview[data-motion="playing"] { transform:rotateY(-4deg) rotate(1deg) translateY(-2px); will-change:transform; }
.ci-landing .ci-preview[data-motion="playing"] .ci-signal-route__line::after { will-change:background-position,opacity; }
.ci-landing .ci-preview[data-motion="playing"][data-state="approved"] .ci-signal-approve { transform:scale(.96); box-shadow:0 6px 20px color-mix(in srgb,var(--ci-cyan) 18%,transparent); }
.ci-landing .ci-preview[data-motion="playing"][data-state="sending"] .ci-signal-route__line::after { opacity:1; animation:ci-landing-signal-out var(--ci-dur-focal,700ms) var(--ci-ease-out,cubic-bezier(.16,1,.3,1)) both; }
.ci-landing .ci-preview[data-motion="playing"][data-state="returning"] .ci-signal-route__line::after { opacity:1; animation:ci-landing-signal-back var(--ci-dur-focal,700ms) var(--ci-ease-out,cubic-bezier(.16,1,.3,1)) both; }
.ci-landing .ci-product-scene:has(.ci-preview[data-motion="playing"]) .ci-overview__line { will-change:clip-path; animation:ci-landing-chart var(--ci-dur-focal,700ms) var(--ci-ease-out,cubic-bezier(.16,1,.3,1)) both; }
@keyframes ci-landing-signal-out { from { background-position:-100% 0; } to { background-position:200% 0; } }
@keyframes ci-landing-signal-back { from { background-position:200% 0; } to { background-position:-100% 0; } }
@keyframes ci-landing-chart { from { clip-path:inset(0 100% 0 0); } to { clip-path:inset(0); } }

.ci-landing .ci-platform, .ci-landing .ci-journey, .ci-landing .ci-faq { padding:80px 0; border-top:1px solid var(--ci-line); }
.ci-landing .ci-section-heading { margin-bottom:40px; max-width:65ch; }
.ci-landing .ci-section-heading h2 { font-size:clamp(1.8rem,3vw,2.5rem); line-height:1.25; margin:0 0 16px; max-width:28ch; }
.ci-landing .ci-section-heading p { color:var(--ci-muted); margin:0; font-size:1rem; }
.ci-landing .ci-feature-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.ci-landing .ci-feature-group { min-width:0; }
.ci-landing .ci-feature-group > h3 { margin:0 0 28px; padding-bottom:16px; border-bottom:1px solid var(--ci-line); font-size:1.125rem; }
.ci-landing .ci-feature-group ul { list-style:none; margin:0; padding:0; display:grid; gap:28px; }
.ci-landing .ci-feature-group li { display:flex; align-items:flex-start; gap:12px; min-width:0; transition:transform var(--ci-dur-fast,180ms) var(--ci-ease-out,cubic-bezier(.16,1,.3,1)); }
.ci-landing .ci-feature-group li > .msr { display:grid; place-items:center; width:36px; height:36px; color:var(--ci-cyan); background:var(--ci-raised); border-radius:10px; font-size:22px; flex:0 0 36px; transition:box-shadow var(--ci-dur,220ms) var(--ci-ease-out,cubic-bezier(.16,1,.3,1)); }
.ci-landing .ci-feature-group li > div { min-width:0; }
.ci-landing .ci-feature-group h4 { color:var(--ci-text); margin:3px 0 8px; font-size:.9375rem; line-height:1.5; font-weight:700; }
.ci-landing .ci-feature-group p { color:var(--ci-muted); font-size:.875rem; margin:0; line-height:1.65; }
.ci-landing .ci-feature-group p + p { margin-top:8px; }
.ci-landing .ci-feature-group p strong { font-weight:600; }
.ci-landing .ci-platform-note { color:var(--ci-muted); font-size:.8125rem; margin:40px 0 0; }
.ci-landing .ci-journey { background:color-mix(in srgb,var(--ci-surface) 60%,var(--ci-space)); }
.ci-landing .ci-journey-list { position:relative; list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.ci-landing .ci-journey-list::before { content:''; position:absolute; left:20px; right:calc(33.333% - 44px); top:20px; height:1px; background:linear-gradient(90deg,var(--ci-action),var(--ci-cyan)); clip-path:inset(0); }
.ci-landing .ci-journey-list[data-in-view="true"]::before { animation:ci-landing-journey var(--ci-dur-focal,700ms) var(--ci-ease-out,cubic-bezier(.16,1,.3,1)) both; }
.ci-landing .ci-journey-list li { position:relative; display:grid; gap:18px; justify-items:start; align-content:start; min-width:0; }
.ci-landing .ci-journey-number { position:relative; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:var(--ci-raised); color:var(--ci-cyan); font-size:1rem; font-weight:700; font-variant-numeric:tabular-nums; }
.ci-landing .ci-journey-list h3 { font-size:1.0625rem; margin:0 0 12px; }
.ci-landing .ci-journey-list p { color:var(--ci-muted); font-size:.875rem; margin:0; line-height:1.7; }
.ci-landing .ci-availability { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; border-top:1px solid var(--ci-line); margin-top:40px; padding-top:24px; color:var(--ci-muted); }
.ci-landing .ci-availability > .msr { color:var(--ci-cyan); font-size:20px; }
.ci-landing .ci-availability p { margin:0; font-size:.8125rem; }
.ci-landing .ci-availability strong { font-weight:600; }
@keyframes ci-landing-journey { from { clip-path:inset(0 100% 0 0); } to { clip-path:inset(0); } }

.ci-landing .pricing { padding:80px 0; border-top:1px solid var(--ci-line); background:none; }
.ci-landing .pricing__head { text-align:left; margin-bottom:40px; }
.ci-landing .pricing__title { margin:0 0 16px; font-size:2.5rem; }
.ci-landing .pricing__subtitle { margin:0; color:var(--ci-muted); max-width:66ch; }
.ci-landing .ci-plans { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.ci-landing .ci-plan-cell { min-width:0; }
.ci-landing .plan { position:relative; margin:0; padding:24px 18px; height:100%; display:grid; grid-template-rows:144px 1fr auto; gap:24px; background:var(--ci-landing-glass); border:1px solid var(--ci-line); border-radius:16px; }
.ci-landing .plan__snake { height:100%; animation:none; }
.ci-landing .plan--featured { border-color:var(--ci-cyan); background:linear-gradient(var(--ci-surface),var(--ci-surface)) padding-box,linear-gradient(135deg,var(--ci-action),var(--ci-cyan)) border-box; border:1px solid transparent; }
.ci-landing .plan--featured:hover { border-color:transparent; }
.ci-landing .plan__badge { position:absolute; top:20px; right:14px; margin:0; padding:4px 8px; font-size:.75rem; }
.ci-landing .plan__top { display:grid; grid-template-rows:36px 24px 48px; gap:12px; margin:0; }
.ci-landing .plan__icon { display:inline-flex; width:36px; height:36px; align-items:center; justify-content:center; font-size:22px; border-radius:10px; }
.ci-landing .plan__icon.msr { color:var(--ci-cyan); -webkit-text-fill-color:var(--ci-cyan); text-shadow:none; }
.ci-landing .plan__price, .ci-landing .plan__name { margin:0; align-self:center; }
.ci-landing .plan__name { font-size:1rem; }
.ci-landing .plan__amount { font-size:2.25rem; }
.ci-landing .plan__amount--free { font-size:1.4rem; }
.ci-landing .plan__period { font-size:.75rem; }
.ci-landing .plan__body { display:grid; grid-template-rows:72px 1fr; gap:20px; }
.ci-landing .plan__lead { margin:0; font-size:.875rem; line-height:1.7; }
.ci-landing .plan__features { margin:0; display:grid; gap:16px; align-content:start; color:var(--ci-muted); font-size:.8125rem; line-height:1.7; }
.ci-landing .plan__features li::before { background:var(--ci-cyan); box-shadow:none; }
.ci-landing .plan__cta { margin:0; width:100%; padding:10px 12px; font-size:.8125rem; animation:none; }

.ci-landing .ci-faq-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:64px; }
.ci-landing .ci-faq details { border-top:1px solid var(--ci-line); padding:18px 0; }
.ci-landing .ci-faq summary { display:flex; align-items:center; justify-content:space-between; gap:16px; cursor:pointer; font-weight:600; min-height:44px; font-size:.9375rem; list-style:none; }
.ci-landing .ci-faq summary::marker { content:''; }
.ci-landing .ci-faq summary::-webkit-details-marker { display:none; }
.ci-landing .ci-faq-arrow { color:var(--ci-cyan); flex:none; font-size:22px; transition:transform var(--ci-dur,220ms) var(--ci-ease-out,cubic-bezier(.16,1,.3,1)); }
.ci-landing .ci-faq-arrow::before { content:'expand_more'; }
.ci-landing .ci-faq details[open] .ci-faq-arrow { transform:rotate(180deg); }
.ci-landing .ci-faq-answer { display:grid; grid-template-rows:0fr; transition:grid-template-rows var(--ci-dur,220ms) var(--ci-ease-out,cubic-bezier(.16,1,.3,1)); }
.ci-landing .ci-faq-answer > div { min-height:0; overflow:hidden; }
.ci-landing .ci-faq details[open] .ci-faq-answer { grid-template-rows:1fr; }
.ci-landing .ci-faq details[data-enhanced="true"][data-expanded="true"] .ci-faq-answer { grid-template-rows:1fr; }
.ci-landing .ci-faq details[data-expanded="false"] .ci-faq-answer { grid-template-rows:0fr; }
.ci-landing .ci-faq details[data-expanded="false"] .ci-faq-arrow { transform:rotate(0); }
.ci-landing .ci-faq details p { color:var(--ci-muted); max-width:65ch; margin:12px 0 0; font-size:.875rem; line-height:1.8; }
.ci-landing .ci-boarding { position:relative; isolation:isolate; padding:80px 0; color:var(--ci-text); background:var(--ci-space); overflow:hidden; }
.ci-landing .ci-boarding::before { content:''; position:absolute; inset:-100% -10%; z-index:-1; background:var(--ci-landing-aurora); pointer-events:none; }
.ci-landing .ci-boarding-inner { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.ci-landing .ci-boarding h2 { font-size:clamp(1.8rem,3vw,2.5rem); line-height:1.3; margin:0 0 16px; }
.ci-landing .ci-boarding p { color:var(--ci-text); margin:0; font-size:.9375rem; }

@media (hover:hover) and (pointer:fine) {
  .ci-landing .btn:hover:not(:disabled), .ci-landing .ci-signal-replay:hover:not(:disabled) { transform:translateY(-1px); box-shadow:var(--ci-elev-1,0 8px 22px color-mix(in srgb,var(--ci-space) 25%,transparent)); }
  .ci-landing .btn--primary:hover:not(:disabled) { box-shadow:0 10px 26px color-mix(in srgb,var(--ci-action) 28%,transparent); }
  .ci-landing .btn:active:not(:disabled), .ci-landing .ci-signal-replay:active:not(:disabled) { transform:scale(.98); }
  .ci-landing .ci-feature-group li:hover { transform:translateY(-1px); }
  .ci-landing .ci-feature-group li:hover > .msr { box-shadow:0 6px 20px color-mix(in srgb,var(--ci-cyan) 18%,transparent); }
  .ci-landing .ci-signal-replay[aria-disabled="true"]:hover, .ci-landing .ci-signal-replay[aria-disabled="true"]:active { transform:none; box-shadow:none; }
}
@media (max-width:1100px) {
  .ci-landing .ci-launch-grid { gap:28px; }
  .ci-landing .ci-plans { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
  .ci-landing .ci-feature-groups { gap:24px; }
  .ci-landing .ci-preview { grid-column:1 / -1; }
  .ci-landing .ci-preview__subject h3 { flex-basis:160px; }
}
@media (max-width:760px) {
  .ci-landing .ci-launch { padding:40px 0 48px; }
  .ci-landing .ci-launch-grid, .ci-landing .ci-faq-grid { grid-template-columns:1fr; gap:40px; }
  .ci-landing .ci-launch-copy { padding-bottom:0; }
  .ci-landing .ci-launch-copy h1 { max-width:17ch; font-size:clamp(2.5rem,8vw,3.5rem); }
  .ci-landing .ci-lead { max-width:48ch; }
  .ci-landing .ci-product-scene { width:100%; max-width:560px; margin-inline:auto; perspective:none; }
  .ci-landing .ci-overview { grid-column:1 / -1; transform:none; }
  .ci-landing .ci-preview { grid-column:1 / -1; margin-top:16px; transform:none; }
  .ci-landing .ci-preview[data-motion="playing"] { transform:translateY(-2px); }
  .ci-landing .ci-product-scene::before { inset:-20px -12px; }
  .ci-landing .ci-promises { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 24px; margin-top:32px; }
  .ci-landing .ci-platform, .ci-landing .ci-journey, .ci-landing .ci-faq, .ci-landing .pricing { padding:48px 0; }
  .ci-landing .ci-feature-groups, .ci-landing .ci-journey-list { grid-template-columns:1fr; gap:32px; }
  .ci-landing .ci-feature-group > h3 { margin-bottom:24px; }
  .ci-landing .ci-feature-group ul { gap:24px; }
  .ci-landing .ci-feature-group p { max-width:56ch; }
  .ci-landing .ci-journey-list::before { top:20px; bottom:40px; left:20px; right:auto; height:auto; width:1px; background:linear-gradient(var(--ci-action),var(--ci-cyan)); }
  .ci-landing .ci-journey-list li { grid-template-columns:40px minmax(0,1fr); gap:16px; align-items:start; }
  .ci-landing .ci-journey-list h3 { margin-top:5px; }
  .ci-landing .ci-plans { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ci-landing .ci-boarding-inner { flex-direction:column; align-items:flex-start; }
  .ci-landing .ci-availability { align-items:flex-start; gap:12px; }
  .ci-landing .ci-availability > .msr { display:none; }
  .ci-landing .ci-availability p { flex-basis:100%; }
}
@media (max-width:480px) {
  .ci-landing .ci-launch-copy h1 { font-size:2.5rem; max-width:14ch; }
  .ci-landing .ci-launch .btn { width:100%; }
  .ci-landing .ci-promises { gap:18px; }
  .ci-landing .ci-promises li { align-items:flex-start; font-size:.75rem; }
  .ci-landing .ci-promises .msr { font-size:20px; margin-top:1px; }
  .ci-landing .ci-overview { padding:18px; }
  .ci-landing .ci-overview__metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  .ci-landing .ci-overview__chart svg { height:58px; }
  .ci-landing .ci-preview__heading, .ci-landing .ci-preview__body { padding:18px; }
  .ci-landing .ci-preview__heading h2 { font-size:1.0625rem; }
  .ci-landing .ci-preview__subject h3 { min-width:0; flex-basis:calc(100% - 40px); }
  .ci-landing .ci-signal-approve { margin-left:34px; }
  .ci-landing .ci-preview__evidence > div { grid-template-columns:1fr; gap:4px; }
  .ci-landing .ci-signal-steps { grid-template-columns:1fr; gap:12px; }
  .ci-landing .ci-signal-route { gap:10px; }
  .ci-landing .ci-signal-node { padding:7px; gap:4px; }
  .ci-landing .ci-signal-footer { align-items:flex-start; }
  .ci-landing .ci-preview__status { flex-basis:100%; }
  .ci-landing .ci-product-scene figcaption { text-align:left; }
  .ci-landing .ci-plans { grid-template-columns:1fr; }
  .ci-landing .plan { padding:24px; grid-template-rows:144px 1fr auto; }
  .ci-landing .plan__body { grid-template-rows:auto 1fr; }
  .ci-landing .plan__badge { right:24px; }
  .ci-landing .ci-boarding { padding:56px 0; }
  .ci-landing .ci-boarding .btn { width:100%; }
}
/* No effect depends on motion: the illustration, signal path and final list are visible without it. */
@media (prefers-reduced-motion:reduce) {
  .ci-landing .btn, .ci-landing .btn:hover:not(:disabled), .ci-landing .btn:active:not(:disabled),
  .ci-landing .ci-signal-replay, .ci-landing .ci-signal-replay:hover:not(:disabled), .ci-landing .ci-signal-replay:active:not(:disabled) { transition:none; transform:none; }
  .ci-landing .ci-overview, .ci-landing .ci-preview, .ci-landing .ci-preview[data-motion="playing"] { transition:none; transform:none; will-change:auto; }
  .ci-landing .ci-signal-approve, .ci-landing .ci-preview[data-motion="playing"][data-state="approved"] .ci-signal-approve { transition:none; transform:none; }
  .ci-landing .ci-signal-node { transition:none; }
  .ci-landing .ci-preview[data-motion="playing"] .ci-signal-route__line::after,
  .ci-landing .ci-preview[data-motion="playing"][data-state="sending"] .ci-signal-route__line::after,
  .ci-landing .ci-preview[data-motion="playing"][data-state="returning"] .ci-signal-route__line::after { animation:none; opacity:0; will-change:auto; }
  .ci-landing .ci-overview__line, .ci-landing .ci-product-scene:has(.ci-preview[data-motion="playing"]) .ci-overview__line { animation:none; clip-path:inset(0); will-change:auto; }
  .ci-landing .ci-feature-group li, .ci-landing .ci-feature-group li:hover { transition:none; transform:none; }
  .ci-landing .ci-feature-group li > .msr { transition:none; }
  .ci-landing .ci-journey-list[data-in-view="true"]::before { animation:none; clip-path:inset(0); }
  .ci-landing .ci-faq-arrow, .ci-landing .ci-faq-answer { transition:none; }
}