/* Homepage-only refinements: preserve shared page styles and brand assets. */
.ci-home .ci-header .ci-brand { width: 104px; flex-shrink: 0; }
.ci-home .ci-header .ci-brand img { width: 100%; height: auto; image-rendering: auto; }
.ci-home .ci-hero { padding-bottom: 32px; }
.ci-home .ci-hero-grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 32px 64px; }
.ci-home .ci-hero h1 { font-size: clamp(36px, 3.7vw, 50px); }
.ci-home .ci-hero-support { padding-top: 30px; }
.ci-hero-showcase { margin-top: 36px; }
.ci-home .ci-product-window { box-shadow: none; }
.ci-hero-showcase .ci-product-window { border-radius: var(--ci-radius); }
.ci-home .ci-stats { padding-block: 30px; }
.ci-home .ci-stats h2.ci-section-title { margin-bottom: 24px; }
.ci-home .ci-lifecycle-nav { gap: 20px; }
.ci-home .ci-lifecycle-nav button { font-size: 15px; padding-inline: 12px; min-height: 62px; }
.ci-home .ci-stage-step { font-size: 11px; }
.ci-home .ci-stage-arrow { right: -20px; width: 20px; font-size: 18px; color: var(--ci-slate); }
.ci-home .ci-lifecycle-nav button[aria-selected="true"] { box-shadow: inset 0 3px var(--ci-orange); }
.ci-home .ci-lifecycle-indicator { background: var(--ci-orange); }
.ci-home .ci-lifecycle[data-enhanced] .ci-stage { grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); padding: 24px; gap: 24px; background: var(--ci-white); min-height: 350px; }
.ci-home .ci-lifecycle .ci-product-window { border: 0; border-radius: var(--ci-radius); }
.ci-home .ci-stage-visual > .ci-concept { animation: ci-stage-enter 190ms ease-out; }
.ci-home-feature-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(32px,5vw,64px); align-items: start; }
.ci-home-feature-detail { min-width: 0; }
.ci-home-feature-detail > .ci-supporting-points { margin-top: 28px; }
.ci-concept, .ci-workflow-demo { margin: 0; padding: 28px; border-radius: var(--ci-radius-lg); background: var(--ci-background-blue); }
.ci-concept figcaption, .ci-workflow-demo figcaption { color: var(--ci-text-secondary); font-size: 12px; line-height: 1.6; margin-bottom: 24px; }
.ci-concept ol { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.ci-concept li { color: var(--ci-slate); font-weight: 500; padding: 14px 0; border-top: 1px solid var(--ci-border); }
.ci-concept li:last-child { color: var(--ci-cta); }
.ci-concept--verify { background: var(--ci-white); border: 1px solid var(--ci-border); }
.ci-concept--verify ol { border-left: 2px solid var(--ci-orange); padding-left: 20px; gap: 0; }
.ci-concept--verify li { border: 0; }
.ci-workflow-demo { background: var(--ci-background-alt); }
.ci-workflow-demo ol { padding: 0; margin: 0; list-style: none; }
.ci-workflow-demo li { position: relative; padding-bottom: 28px; }
.ci-workflow-demo li:not(:last-child)::before { content: ''; position: absolute; left: 19px; top: 40px; bottom: 0; width: 2px; background: var(--ci-border); transition: background-color 190ms; }
.ci-workflow-demo li[data-complete]::before { background: var(--ci-orange); }
.ci-workflow-demo li:last-child { padding-bottom: 0; }
.ci-workflow-demo button { appearance: none; border: 0; background: transparent; text-align: left; display: flex; gap: 16px; align-items: center; padding: 0; color: var(--ci-slate); font: 600 16px/1.5 var(--ci-font); cursor: pointer; min-height: 44px; }
.ci-workflow-demo button span { display: grid; place-items: center; border: 1px solid var(--ci-border); width: 40px; height: 40px; border-radius: 50%; background: var(--ci-white); font-size: 12px; flex-shrink: 0; transition: background-color 190ms, border-color 190ms; }
.ci-workflow-demo button[aria-pressed="true"] span { border-color: var(--ci-orange); background: var(--ci-orange-soft); color: var(--ci-cta); }
.ci-home .ci-workflow-demo li p { margin: 4px 0 0 56px; font-size: 13px; }
.ci-home-workflow--1 .ci-story-copy { grid-column: 2; grid-row: 1; }
.ci-home-workflow--1 .ci-home-feature-detail { grid-column: 1; grid-row: 1; }
.ci-home-workflow--2 .ci-home-feature-grid { grid-template-columns: minmax(0,1fr); gap: 28px; }
.ci-home-workflow--2 .ci-story-copy { max-width: 780px; }
.ci-home-workflow--2 .ci-home-feature-detail > .ci-supporting-points { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin: 0 0 28px; }
.ci-home-workflow--2 .ci-product-window { border-radius: var(--ci-radius); }
.ci-home-workflow--3 .ci-home-feature-detail { border-left: 2px solid var(--ci-orange); padding-left: 32px; }
.ci-home-workflow--3 .ci-home-feature-detail > .ci-supporting-points { margin-top: 0; }
.ci-home .ci-automation .ci-process { margin-bottom: 0; }
@media (max-width: 1100px) {
  .ci-home .ci-lifecycle-nav button { flex: 0 0 auto; padding-inline: 16px; }
}
@media (max-width: 991px) {
  .ci-home .ci-hero-grid, .ci-home-feature-grid { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .ci-home .ci-hero-support { padding-top: 0; }
  .ci-home .ci-lifecycle[data-enhanced] .ci-stage { grid-template-columns: minmax(0,1fr); }
  .ci-home .ci-lifecycle[data-enhanced] .ci-stage-copy { min-height: 0; }
  .ci-home .ci-stage-visual { min-height: 0; display: block; }
  .ci-home-workflow--1 .ci-story-copy, .ci-home-workflow--1 .ci-home-feature-detail { grid-column: auto; grid-row: auto; }
}
@media (max-width: 600px) {
  .ci-home .ci-header .ci-brand { width: 90px; }
  .ci-home .ci-hero-grid { gap: 24px; }
  .ci-home .ci-hero-showcase { margin-top: 28px; }
  .ci-home .ci-lifecycle[data-enhanced] .ci-stage { padding: 20px; }
  .ci-home-workflow--2 .ci-home-feature-detail > .ci-supporting-points { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .ci-concept, .ci-workflow-demo { padding: 24px 20px; }
  .ci-home-workflow--3 .ci-home-feature-detail { padding-left: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .ci-home .ci-stage-visual > .ci-concept { animation: none; }
  .ci-workflow-demo *, .ci-workflow-demo li::before { transition: none !important; }
}
/* A single interface frame keeps more of the actual product visible. */
.ci-home .ci-product-visual { padding: 0; border: 0; background: transparent; border-radius: var(--ci-radius); }
.ci-home .ci-hero-showcase { max-width: 1040px; }
.ci-home .ci-product-visual figcaption { padding-inline: 2px; }