/* Four chapters, with the conversation as the first full-size card. */
.scroll-story{height:1270svh}.journey-progress{height:100%}
.capture-card{z-index:1}.model-card{z-index:2;transform:translateX(80%) scale(.32)}.draft-card{z-index:3;transform:translateX(105.6%) scale(.115)}.final-card{z-index:4}
.capture-layout{display:grid;grid-template-columns:38% 62%;height:calc(100% - 51px)}
.meeting-source{padding:26px 28px 20px;background:linear-gradient(140deg,#f5f8f5,#eef5f0);border-right:1px solid #e2ebe3;display:flex;flex-direction:column;min-width:0}
.meeting-source h2{font-size:29px;line-height:1.12;letter-spacing:-.055em;margin-top:11px}.meeting-source h2 span{color:#648575}.meeting-intro{font-size:9px;line-height:1.7;color:#85958a;margin-top:12px}
.meeting-recording{margin-top:23px;padding:14px 15px 12px;background:#ffffffb8;border:1px solid #dce7de;border-radius:9px}.recording-heading{display:flex;align-items:center;gap:6px;color:#577963;font-size:9px}.recording-heading>span:last-child{margin-left:auto;font-variant-numeric:tabular-nums;color:#93a391}.meeting-wave{height:48px;display:flex;align-items:center;justify-content:space-between;gap:3px;margin:8px 0}.meeting-wave i{width:3px;height:var(--wave);background:linear-gradient(#77b7a0,#158771);border-radius:4px;transform:scaleY(.75)}.is-current .meeting-wave i{animation:meeting-wave 2.8s var(--delay) infinite ease-in-out}.recording-status{font-size:7px;color:#7d9a83}.transcript-excerpt{margin-top:18px}.transcript-excerpt>span{font-size:6px;letter-spacing:.08em;color:#93a58f}.transcript-excerpt p{font-size:9px;line-height:1.65;color:#55715e;margin:6px 0 12px}.capture-client-link{display:flex;align-items:center;gap:5px;font-size:7px;color:#8a9e87;margin-top:auto;padding-top:8px}.capture-client-link svg{width:11px;height:11px}
.capture-main{display:flex;flex-direction:column;min-width:0;padding:26px 28px 12px}.capture-heading h3{font-size:25px;letter-spacing:-.05em;line-height:1.2;margin-top:9px}.capture-tabs{display:flex;gap:4px;margin:20px 0 14px;padding:4px;background:#f3f6f2;border-radius:7px}.capture-tabs button{flex:1;padding:8px 6px;background:transparent;border-radius:5px;font-size:9px;color:#8c9b87;white-space:nowrap}.capture-tabs button[aria-selected=true]{background:#fff;color:#3f7055;box-shadow:0 2px 5px #284c2910}
.capture-panels{position:relative;flex:1;min-height:0}.capture-panel{height:100%;display:flex;flex-direction:column;padding:17px 18px;border:1px solid #e4ebe0;border-radius:9px;background:linear-gradient(120deg,#fcfdfb,#fff)}.capture-panel[hidden]{display:none}.output-heading{display:flex;align-items:center;gap:7px;color:#4e7257}.output-heading svg{width:14px;height:14px}.output-heading strong{font-size:11px;letter-spacing:-.02em}.output-status{font-size:6px;margin-left:auto;white-space:nowrap;color:#849c79;padding:4px 6px;background:#f0f5eb;border-radius:4px}.note-meta{font-size:7px;color:#9caa95;margin-top:8px;padding-bottom:13px;border-bottom:1px solid #edf1e8}.capture-panel h4{font-size:9px;color:#65825d;font-weight:500;margin:15px 0 6px}.capture-panel>p:not(.note-meta){font-size:9px;line-height:1.8;color:#8b9b81}.output-source{font-size:7px;color:#8fa284;display:flex;align-items:center;gap:5px;margin-top:auto;padding-top:13px}.output-source svg{width:10px;height:10px}.capture-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px}.capture-actions>span{font-size:7px;line-height:1.5;color:#92a08c}.capture-actions button{font-size:8px;white-space:nowrap;padding:11px 13px;gap:9px}.capture-actions svg{width:12px;height:12px}.capture-demo-note{font-size:6px;color:#adb7a7;text-align:right;margin-top:7px}.meeting-task{display:flex;gap:9px;align-items:center;padding:13px 0;border-bottom:1px solid #edf1e8}.meeting-task i{width:12px;height:12px;border:1px solid #c8d9c3;border-radius:3px;flex-shrink:0}.meeting-task strong{font-size:9px;color:#637e5b;display:block}.meeting-task span{font-size:7px;color:#97a58e;display:block;margin-top:5px}.email-address{font-size:8px;color:#839677;margin-top:12px;padding:8px 0;border-top:1px solid #edf1e8;border-bottom:1px solid #edf1e8}.email-address>span{color:#a5b19c;margin-right:14px}.email-subject{font-size:10px;color:#58754f;margin-top:12px}.email-body{font-size:8px;line-height:1.65;color:#8a9a7f}.email-body p{margin-top:8px}
/* The saved scenario, the firm's template, then Generate: a single reading order. */
.builder-source{padding:23px 23px 14px}.builder-source h2{font-size:26px;margin-top:9px}.builder-intro{font-size:9px;margin-top:9px}.scenario-source{margin-top:16px;padding:11px 12px}.scenario-source label,.template-source label{display:block;font-size:8px;color:#82957d;line-height:1.5}.scenario-source select,.template-source select{width:100%;min-width:0;font:500 11px Advium,sans-serif;letter-spacing:-.025em;color:#476c4d;background:#fff;border:0;border-radius:3px;padding:8px 15px 8px 0;cursor:pointer;text-overflow:ellipsis}.scenario-source select:focus-visible,.template-source select:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.scenario-source small,.template-source small{display:block;font-size:7px;color:#9aaa91}.scenario-source em{margin-top:8px;padding-top:7px;font-size:7px}.source-chart-block{margin-top:12px}.source-chart-block .draft-mini-chart{height:37px;margin-top:6px}.source-chart-heading,.source-chart-note{font-size:6px}.template-source{padding:11px 12px;background:#fff;border:1px solid #dce7d9;border-radius:8px;margin-top:12px}.builder-source>.generate-advice{margin-top:12px;width:100%;justify-content:space-between;padding:11px 12px;font-size:9px}.builder-brand{padding-top:9px;margin-top:auto;font-size:6px}.builder-brand .firm-symbol{font-size:23px}.builder-brand small{font-size:5px}.builder-actions>#selected-template-label{font-size:7px;color:#688460}.retirement-template .page-face{background:#f2f7f3}.retirement-template .cover-title h3{color:#1b6b59}
@keyframes meeting-wave{0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1)}}
@media(max-height:800px) and (min-width:701px){.meeting-source{padding:18px 23px 14px}.meeting-source h2{font-size:25px}.meeting-intro{font-size:8px;margin-top:9px}.meeting-recording{margin-top:14px;padding:10px 12px}.meeting-wave{height:36px;margin:4px 0}.meeting-wave i{max-height:33px}.transcript-excerpt{margin-top:12px}.transcript-excerpt p{font-size:8px;margin:4px 0 8px}.capture-main{padding:18px 23px 10px}.capture-heading h3{font-size:22px}.capture-tabs{margin:13px 0 10px}.capture-tabs button{padding:6px;font-size:8px}.capture-panel{padding:12px 14px}.capture-panel h4{font-size:8px;margin:10px 0 4px}.capture-panel>p:not(.note-meta){font-size:8px;line-height:1.6}.note-meta{padding-bottom:9px}.output-heading strong{font-size:10px}.output-source{font-size:6px;padding-top:8px}.capture-actions{margin-top:10px}.capture-actions button{padding:9px 10px;font-size:7px}.meeting-task{padding:10px 0}.email-subject{margin-top:8px;font-size:9px}.email-body{font-size:7px;line-height:1.5}.email-body p{margin-top:6px}.email-address{padding:6px 0;margin-top:8px}.builder-source{padding:15px 20px 10px}.builder-source h2{font-size:22px;margin-top:6px}.builder-intro{font-size:8px;margin-top:6px}.scenario-source{margin-top:10px;padding:8px 10px}.scenario-source select,.template-source select{font-size:10px;padding-block:6px}.scenario-source em{margin-top:6px;padding-top:5px}.source-chart-block{margin-top:8px}.source-chart-block .draft-mini-chart{height:27px}.template-source{padding:8px 10px;margin-top:9px}.builder-source>.generate-advice{padding:8px 10px;margin-top:9px}.builder-brand{padding-top:6px}.builder-brand .firm-symbol{font-size:18px}}
@media(max-width:1100px) and (min-width:701px){.meeting-source{padding-inline:18px}.meeting-source h2{font-size:24px}.capture-main{padding-inline:18px}.capture-heading h3{font-size:21px}.capture-tabs button{font-size:8px}.output-heading strong{font-size:9px}.output-status{font-size:5px}.capture-actions{align-items:flex-start;flex-direction:column;gap:6px}.capture-demo-note{display:none}.builder-source{padding-inline:15px}}
@media(max-width:700px){.scroll-story{height:1230svh}.capture-layout{height:calc(100% - 39px);grid-template-columns:1fr}.meeting-source{display:none}.capture-main{padding:15px 16px 10px}.capture-heading .overline{font-size:6px}.capture-heading h3{font-size:20px;margin-top:6px}.capture-tabs{margin:12px 0 9px}.capture-tabs button{font-size:7px;padding:6px 4px}.capture-panel{padding:11px 12px}.output-heading strong{font-size:9px}.output-heading svg{width:11px;height:11px}.output-status{font-size:5px;padding:3px 4px}.note-meta{font-size:6px;padding-bottom:8px;margin-top:6px}.capture-panel h4{font-size:8px;margin:9px 0 4px}.capture-panel>p:not(.note-meta){font-size:7px;line-height:1.65}.output-source{font-size:6px;padding-top:8px}.capture-actions{margin-top:9px}.capture-actions>span{font-size:5px}.capture-actions button{font-size:6px;padding:8px;gap:5px}.capture-actions svg{width:9px;height:9px}.capture-demo-note{font-size:4px;margin-top:5px}.meeting-task{padding:9px 0}.meeting-task strong{font-size:8px}.meeting-task span{font-size:6px}.email-address{font-size:7px;margin-top:8px;padding:5px 0}.email-subject{font-size:8px;margin-top:8px}.email-body{font-size:6px;line-height:1.6}.email-body p{margin-top:6px}.builder-source{padding:16px 9px 9px}.builder-source h2{font-size:17px;margin-top:6px}.builder-intro{font-size:6px;margin-top:7px}.scenario-source{margin-top:12px;padding:7px 6px}.scenario-source label,.template-source label{font-size:5px}.scenario-source select,.template-source select{font-size:6px;padding:6px 0}.scenario-source small,.template-source small{font-size:4px;line-height:1.5}.scenario-source em{font-size:4px;margin-top:5px;padding-top:5px}.source-chart-block{margin-top:10px}.source-chart-heading,.source-chart-note{font-size:3.5px}.source-chart-block .draft-mini-chart{height:26px;margin-top:5px}.template-source{margin-top:10px;padding:7px 6px;border-radius:5px}.builder-source>.generate-advice{font-size:5px;padding:8px 6px;margin-top:10px;gap:2px}.builder-source>.generate-advice svg{width:7px;height:7px}.builder-brand{font-size:4px;padding-top:7px;gap:3px}.builder-brand small{font-size:3px}.builder-brand .firm-symbol{font-size:17px}.builder-actions>#selected-template-label{font-size:4px}.journey-progress{left:5px;width:24px}.progress-dot{gap:3px}.progress-dot>span{display:block;position:absolute;top:19px;left:-1px;font-size:4px}.progress-dot>i{margin-left:4px}.progress-track{left:6px}.capture-card:before{content:'Meeting captured · Transcript ready';position:absolute;right:15px;top:15px;font-size:5px;color:#7c9b83}.capture-card .linked-status{display:none}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}.is-current .meeting-wave i{animation:none}}
/* Keep every output and primary action inside the card at each desktop height. */
.capture-layout,.soa-builder-layout{grid-template-rows:minmax(0,1fr)}
.capture-main,.meeting-source,.builder-source,.builder-main{min-height:0}
.builder-source .builder-intro{display:none}
.builder-source .source-chart-note{display:none}
.builder-source .source-chart-block{margin-top:10px}
.builder-source .draft-mini-chart{height:28px}
.builder-source .scenario-source{margin-top:13px}
.builder-source .builder-brand{font-size:6px}
.builder-source .builder-brand small{display:none}
@media(min-width:701px){.scene{height:clamp(390px,calc(100svh - 410px),500px)}.capture-actions{flex-shrink:0}.capture-panel{min-height:0}.meeting-source h2{font-size:27px}.meeting-recording{margin-top:17px}.transcript-excerpt p{font-size:8px}.capture-panel>p:not(.note-meta){font-size:8px}.capture-panel h4{margin-top:12px}}
@media(max-height:900px) and (min-width:701px){.builder-source{padding:16px 20px 12px}.builder-source h2{font-size:23px;margin-top:6px}.builder-source .overline{font-size:7px}.builder-source .source-chart-block,.builder-source .builder-brand{display:none}.builder-source .scenario-source{margin-top:17px;padding:10px}.builder-source .template-source{margin-top:15px;padding:10px}.builder-source>.generate-advice{margin-top:15px;font-size:8px;padding:10px}.builder-source select{font-size:10px}.meeting-source{padding:19px 23px 14px}.meeting-source h2{font-size:24px}.meeting-recording{margin-top:12px;padding:10px}.meeting-wave{height:32px;margin:5px 0}.meeting-wave i{max-height:30px}.meeting-intro{font-size:8px;margin-top:8px}.transcript-excerpt{margin-top:10px}.transcript-excerpt p{font-size:7px;margin:4px 0 7px}.capture-main{padding:19px 23px 10px}.capture-heading h3{font-size:21px}.capture-tabs{margin:12px 0 10px}.capture-tabs button{font-size:8px;padding:6px}.capture-panel{padding:11px 13px}.capture-panel h4{font-size:8px;margin:9px 0 4px}.capture-panel>p:not(.note-meta){font-size:7px}.capture-actions{margin-top:9px}.capture-actions button{font-size:7px;padding:9px}.output-heading strong{font-size:9px}.capture-panel .note-meta{padding-bottom:8px}.output-source{font-size:6px;padding-top:8px}.email-body{font-size:7px}.meeting-task{padding:9px 0}.capture-demo-note{font-size:5px}}
@media(max-width:700px){.builder-source .source-chart-block{display:none}.builder-source .builder-brand{font-size:4px}.builder-source .scenario-source{margin-top:14px}.builder-source .template-source{margin-top:14px}.builder-source>.generate-advice{margin-top:14px}}
#capture-panel-0 h4,#capture-panel-0>p:not(.note-meta){transition:opacity .45s,color .45s}
.capture-card:not(.has-note) #capture-panel-0 h4,.capture-card:not(.has-note) #capture-panel-0>p:not(.note-meta){opacity:.35}
@media(prefers-reduced-motion:reduce){#capture-panel-0 h4,#capture-panel-0>p:not(.note-meta){transition:none}}