/* Four product stories, each with a readable illustrated demonstration. */
.feature-hero{padding-bottom:38px}
.feature-hero .hero-copy{max-width:800px}
.feature-index{max-width:1160px;margin:34px auto 0;border-top:1px solid #53544b;display:grid;grid-template-columns:repeat(4,1fr)}
.feature-index a{display:flex;gap:12px;padding:18px 10px 4px;font-size:16px;align-items:center}
.feature-index span{color:#e4ed73;font:13px 'Courier New',monospace}
.feature-section{padding:78px 4%;scroll-margin-top:20px}
.feature-section.light{background:#efeee6;color:#171816;--feature-rule:#bdc0b0}
.feature-section.dark{background:#171816;color:#efeee6;--feature-rule:#53544b}
.feature-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(270px,.82fr) minmax(0,1.6fr);gap:60px;align-items:center}
.feature-copy .eyebrow{font-size:14px;margin-bottom:22px}
.feature-copy h2{font:400 clamp(36px,3.4vw,52px)/1.06 Georgia,serif;letter-spacing:-.04em;margin-bottom:24px}
.feature-copy>p:not(.eyebrow){font-size:18px;line-height:1.6}
.feature-copy .feature-payoff{margin:28px 0;border-left:2px solid #828d39;padding-left:17px}
.dark .feature-payoff{border-color:#e4ed73;color:#e4ed73}
.capture-link{font-size:15px;text-decoration:underline;text-underline-offset:5px;display:inline-block;padding:9px 0}
.feature-demo{min-width:0;--demo-blue:#2c32a9}

.feature-inner{max-width:1360px;grid-template-columns:minmax(260px,.65fr) minmax(0,1.8fr);gap:44px}
.real-capture{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#e9eaf0;border:1px solid #a5a79d;cursor:zoom-in}
.real-screen{display:block;width:100%;height:100%;object-fit:contain;transform-origin:var(--focus,50% 50%);transform:scale(var(--zoom,1));transition:transform 1.2s ease}
.demo-feedback{font-size:17px;line-height:1.5;min-height:62px;padding:16px 0 8px;margin:0}
.demo-controls{display:flex;align-items:center;gap:12px;border-top:1px solid var(--feature-rule);border-bottom:1px solid var(--feature-rule);padding:10px 0}
.demo-play{flex:0 0 94px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:600;padding:10px 12px;background:#e4ed73;color:#171816;min-height:46px}
.demo-steps{display:flex;flex:1;min-width:0;gap:6px}
.demo-steps button{flex:1;border-bottom:2px solid transparent;font-size:14px;padding:6px;line-height:1.3;min-height:46px;color:inherit}
.demo-steps span{display:block;font:11px 'Courier New',monospace;margin-bottom:4px;opacity:.7}
.demo-steps button[aria-pressed=true]{border-color:currentColor;font-weight:bold}
.screen-expand{font-size:13px;white-space:nowrap;padding:12px 0}
.demo-disclosure{font-size:13px;line-height:1.5;margin-top:12px;opacity:.8}
.feature-section button:focus-visible,.feature-section a:focus-visible,.feature-index a:focus-visible{outline:3px solid #82932b;outline-offset:3px}
@media(max-width:1050px){.feature-inner{grid-template-columns:1fr;max-width:900px;gap:26px}.feature-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}.feature-copy .eyebrow{grid-column:1/-1}.feature-copy h2{grid-row:2/5}.feature-copy .feature-payoff{display:none}.feature-copy .capture-link{align-self:start}.demo-feedback{min-height:54px}}
@media(max-width:650px){.feature-section{padding:44px 5%}.feature-inner{gap:24px}.feature-copy{display:block}.feature-copy h2{font-size:38px;margin-bottom:18px}.feature-copy .eyebrow{margin-bottom:14px}.feature-index{grid-template-columns:1fr 1fr}.feature-index a{font-size:14px}.demo-feedback{font-size:16px;min-height:82px}.demo-controls{gap:6px;flex-wrap:wrap}.demo-play{flex-basis:80px;padding:8px;font-size:13px}.demo-steps button{font-size:12px;padding:4px}.screen-expand{width:100%;text-align:right;padding:4px 0}.demo-disclosure{font-size:12px}}
@media(prefers-reduced-motion:reduce){.real-screen{transition:none}}