.market-fit { background: var(--color-paper); }
.market-fit-layout { display: grid; grid-template-columns: var(--grid-market-fit); gap: var(--space-16); align-items: center; }
.market-fit-photo, .operational-photo, .operational-product, .control-visual { overflow: hidden; border: var(--border-thin) solid var(--color-line); background: var(--color-paper); box-shadow: var(--shadow-premium); }
.market-fit-photo img { width: var(--size-full); aspect-ratio: var(--market-photo-aspect); object-fit: cover; }
.market-fit-photo figcaption, .operational-photo figcaption, .operational-product figcaption, .control-visual figcaption { padding: var(--space-3) var(--space-4); border-top: var(--border-thin) solid var(--color-line); color: var(--color-steel); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--media-caption-tracking); line-height: var(--media-caption-leading); }
.market-fit-rail { display: grid; gap: var(--space-4); margin-top: var(--space-10); }
.market-fit-rail article { display: grid; grid-template-columns: var(--grid-benefit); gap: var(--space-4); padding-top: var(--space-4); border-top: var(--border-thin) solid var(--color-line); }
.market-fit-rail span { grid-row: span 2; color: var(--color-signal-deep); font-family: var(--font-mono); font-size: var(--text-xs); }
.market-fit-rail h3 { font-size: var(--text-md); }
.market-fit-rail p { color: var(--color-steel); font-size: var(--text-sm); line-height: var(--leading-body); }
.operational-flow { background: var(--color-ink-rich); }
.operational-top { display: grid; grid-template-columns: var(--grid-operational-top); gap: var(--space-10); align-items: stretch; min-width: var(--zero); }
.operational-copy { display: grid; align-content: space-between; gap: var(--space-10); min-width: var(--zero); }
.operational-copy .section-intro { width: var(--size-full); max-width: var(--content-module); min-width: var(--zero); }
.operational-product, .operational-photo { border-color: var(--color-line-dark); background: var(--color-ink-panel); box-shadow: var(--shadow-premium-dark); }
.operational-product img { width: var(--size-full); aspect-ratio: var(--operational-product-aspect); object-fit: contain; object-position: top; }
.operational-photo img { width: var(--size-full); height: var(--size-full); aspect-ratio: var(--operational-photo-aspect); object-fit: cover; }
.operational-product figcaption, .operational-photo figcaption { border-color: var(--color-line-dark); color: var(--color-steel-dark); }
.operational-steps { display: grid; grid-template-columns: var(--grid-operational-steps); margin-top: var(--space-16); border-top: var(--border-thin) solid var(--color-line-dark); }
.operational-steps button { min-width: var(--zero); min-height: var(--operational-step-min-height); padding: var(--space-5); border-right: var(--border-thin) solid var(--color-line-dark); color: var(--color-paper); text-align: left; }
.operational-steps button:last-child { border-right: var(--zero); }
.operational-steps span, .operational-steps strong, .operational-steps small { display: block; }
.operational-steps span { color: var(--color-signal); font-family: var(--font-mono); font-size: var(--text-xs); }
.operational-steps strong { margin-top: var(--space-5); font-size: var(--text-base); }
.operational-steps small { margin-top: var(--space-2); color: var(--color-steel-dark); font-size: var(--text-sm); line-height: var(--leading-body); }
.operational-steps button[aria-pressed="true"] { background: var(--color-glass); box-shadow: inset var(--zero) var(--operational-step-active-offset) var(--zero) var(--color-signal); }
.operational-steps button:focus-visible { outline-color: var(--color-signal); }
.operational-preview { display: grid; gap: var(--space-3); max-width: var(--operational-preview-width); margin-top: var(--space-8); }
.operational-preview > span { color: var(--color-signal); font-family: var(--font-mono); font-size: var(--text-xs); }
.operational-preview > strong { color: var(--color-paper); font-size: var(--text-lg); }
.operational-preview p { color: var(--color-steel-dark); line-height: var(--leading-body); }
.operational-note { margin-top: var(--space-8); padding-top: var(--space-5); border-top: var(--border-thin) solid var(--color-line-dark); color: var(--color-steel-dark); font-size: var(--text-sm); }
.operational-note strong { color: var(--color-paper); }
.control-layout { display: grid; grid-template-columns: var(--grid-control-focus); gap: var(--space-16); align-items: center; }
.control-visual { border-color: var(--color-line-dark); background: var(--color-ink-panel); box-shadow: var(--shadow-premium-dark); }
.control-visual img { width: var(--size-full); aspect-ratio: var(--control-visual-aspect); object-fit: contain; }
.control-visual figcaption { border-color: var(--color-line-dark); color: var(--color-steel-dark); }
.readiness-visual { overflow: hidden; border: var(--border-thin) solid var(--color-line); background: var(--color-paper); box-shadow: var(--shadow-premium); }
.readiness-visual img { width: var(--size-full); }