.real-photo { margin: 0; min-width: 0; overflow: hidden; border-radius: 16px; background: #edf2f3; }
.real-photo img { width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; display: block; }
.real-photo figcaption { padding: 13px 18px; color: #47677c; font-size: 12px; }
.real-photo--wide img { aspect-ratio: 2.3/1; object-position: center 48%; }
.real-feature { margin-top: -26px; margin-bottom: 35px; }
.real-home-bridge { padding: 80px 0; background: white; }
.real-home-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 70px; align-items: center; }
.real-home-grid h2 { font-size: clamp(30px,3.5vw,49px); }
.real-home-grid p:not(.eyebrow) { color: #47677c; margin: 23px 0; }
.real-sequence-wrap { padding-block: 30px 70px; }
.terminal-fork__branch .real-photo { margin-bottom: 30px; }
.story-sequence { padding: 30px 0 8px; }
.story-sequence__heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.story-sequence__heading h3 { font-size: 22px; font-weight: 600; line-height: 1.25; margin: 0; }
.story-sequence__heading > span { display: none; font-size: 12px; color: #47677c; }
.story-ready .story-sequence__heading > span { display: block; }
.story-sequence__steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 26px; }
.story-step { border-top: 2px solid #d9e5e6; padding-top: 18px; transition: border-color .25s; }
.story-step button { appearance: none; border: 0; padding: 0; background: transparent; color: #08375f; display: flex; align-items: center; gap: 13px; font-weight: 600; font-size: 15px; cursor: default; text-align: left; }
.story-ready .story-step button { cursor: pointer; }
.story-step button span { font-size: 12px; color: #537980; font-weight: 450; }
.story-step p { font-size: 14px; color: #47677c; margin: 13px 0 0; line-height: 1.65; }
.story-step.is-selected { border-top-color: #168473; }
.story-step.is-selected button span { color: #168473; }
.story-step.is-selected p { color: #08375f; }
.cap-art { border-radius: 10px; }
.cap-enhanced .cap-panel:not([hidden]) .cap-art { animation: none; }
html.js [data-reveal] { opacity: 1; transform: none; filter: none; transition: none; }
@media(max-width:700px) {
 .real-home-bridge { padding: 42px 0; }
 .real-home-grid { grid-template-columns: 1fr; gap: 27px; }
 .real-feature { margin-top: 0; }
 .real-photo--wide img { aspect-ratio: 3/2; }
 .story-sequence__steps { grid-template-columns: 1fr; gap: 20px; }
 .story-sequence__heading { align-items: flex-start; }
 .story-sequence__heading > span { max-width: 80px; text-align: right; }
 .story-sequence__heading h3 { font-size: 20px; }
 .story-step { padding-top: 14px; }
 .story-step p { margin-left: 30px; }
}
@media(prefers-reduced-motion:reduce) { .story-step{ transition: none; } }
.cap-flow-control { font: inherit; color: inherit; border: 0; background: transparent; padding: 0; text-align: left; cursor: pointer; }
.platform-hero, .payments-hero { padding-block: 70px; }
.platform-signal-section { padding-block: 48px; }
.platform-signal-section .real-photo img { aspect-ratio: 2.2/1; }
.payment-chapter { padding-block: 65px; }
.signal-field__caption { margin-top: 32px; }
.signal-field__caption h2 { font-size: clamp(25px,3vw,38px); max-width: 800px; }
@media(max-width:700px) {
 .platform-hero, .payments-hero { padding-block: 42px; }
 .payment-chapter, .platform-signal-section { padding-block: 38px; }
 .platform-signal-section .real-photo img { aspect-ratio: 3/2; }
}