/* Guided product narrative: all screenshots are visible inline. */
.walkthrough{background:var(--dark);color:var(--bg);padding-top:70px;padding-bottom:35px}
.walkthrough .eyebrow{color:var(--gold);font-size:10px}
.walkthrough-heading{max-width:760px}
.walkthrough-heading h2{font-size:clamp(34px,4.5vw,54px);margin:18px 0}
.walkthrough-heading>p:last-child{font-size:16px;color:#bac5d4;line-height:1.8;max-width:650px}
.story-navigation{display:flex;flex-wrap:wrap;gap:12px 30px;padding:20px 0;margin:28px 0 8px;border-top:1px solid #34465f;border-bottom:1px solid #34465f;font-size:13px;color:var(--gold)}
.story-navigation a{padding:7px 0}
.story-navigation a:hover{color:white}
.story-chapter{padding:42px 0;border-bottom:1px solid #34465f;scroll-margin-top:24px}
.chapter-heading{max-width:760px;margin-bottom:24px}
.chapter-heading h3{font-size:clamp(27px,3.3vw,37px);line-height:1.2;letter-spacing:-.8px;margin:15px 0}
.chapter-heading>p:last-child{font-size:15px;color:#bac5d4;line-height:1.8;margin:0}
.story-visual{margin:0;min-width:0;border:1px solid #42536b;border-radius:5px;overflow:hidden;background:#15263d}
.story-visual img{display:block;width:100%;height:auto}
.story-visual figcaption{padding:10px 14px;font-size:11px;color:#bac5d4;line-height:1.6}
.chapter-tools{font-size:12px;line-height:2;color:#bac5d4;margin:16px 0 0;max-width:1050px}
.story-step{display:grid;grid-template-columns:minmax(210px,.32fr) minmax(0,1fr);align-items:center;gap:34px;padding-top:46px;scroll-margin-top:24px}
.story-copy{min-width:0}
.story-step-number{font:10px monospace;letter-spacing:2px;color:var(--gold)}
.story-copy h4{font-size:24px;line-height:1.3;letter-spacing:-.4px;font-weight:500;margin:16px 0}
.story-copy p{font-size:14px;line-height:1.85;color:#bac5d4;margin:0}
.story-copy .story-assumption{font-size:11px;line-height:1.8;color:#aebdd0;margin-top:16px;border-top:1px solid #34465f;padding-top:12px}
.story-step-reverse{grid-template-columns:minmax(0,1fr) minmax(210px,.32fr)}
.story-step-reverse .story-copy{grid-column:2;grid-row:1}
.story-step-reverse .story-visual{grid-column:1;grid-row:1}
.story-reports{border-bottom:0}
.report-previews{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.report-previews .story-visual{background:#fff}
.requirements{padding-top:65px;padding-bottom:65px}
.requirements-heading{max-width:700px}
.requirements-heading p:last-child{color:var(--muted);font-size:15px;line-height:1.8}
.requirements-table-wrap{margin-top:28px}
.requirements-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.8}
.requirements-table th,.requirements-table td{vertical-align:top;padding:16px 18px;border-bottom:1px solid var(--line)}
.requirements-table th{width:25%;min-width:160px;font-weight:600;color:var(--ink)}
.requirements-table td{color:var(--muted)}
.requirements-table tr:nth-child(odd){background:#18263a04}
.requirements-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:20px}
@media(max-width:900px){.story-step,.story-step-reverse{grid-template-columns:1fr;gap:20px;padding-top:32px}.story-step-reverse .story-copy,.story-step-reverse .story-visual{grid-column:auto;grid-row:auto}.story-copy{max-width:660px}.story-copy h4{font-size:25px;margin:10px 0}.story-copy p{font-size:14px}.story-copy .story-assumption{margin-top:10px;padding-top:8px}.story-visual figcaption{font-size:11px}}
@media(max-width:600px){.walkthrough{padding-top:44px;padding-bottom:20px}.story-chapter{padding:30px 0}.chapter-heading{margin-bottom:18px}.chapter-heading h3{font-size:29px}.story-navigation{font-size:12px;gap:5px 20px;margin-top:22px;padding:14px 0}.walkthrough-heading>p:last-child{font-size:14px}.chapter-heading>p:last-child{font-size:14px}.chapter-tools{font-size:11px;line-height:1.9}.report-previews{grid-template-columns:1fr;gap:20px}.requirements{padding-top:44px;padding-bottom:44px}.requirements-table,.requirements-table tbody,.requirements-table tr,.requirements-table th,.requirements-table td{display:block;width:100%}.requirements-table th{border:0;padding:12px 14px 0}.requirements-table td{font-size:13px;padding:4px 14px 14px}.requirements-heading p:last-child{font-size:14px}}