.process-preview{color:var(--ink);--story-line:#dce6e2;--story-muted:#566c65}.example-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:38px;display:grid}.example-selector{gap:10px;display:grid}.example-selector button{text-align:left;border:1px solid var(--story-line);width:100%;color:var(--ink);font:inherit;cursor:pointer;background:#f6f8f7;border-radius:8px;align-items:flex-start;gap:13px;padding:21px 18px;transition:background .2s,border-color .2s;display:flex}.example-selector button[aria-pressed=true]{background:#e5f2ed;border-color:#75ac9c;box-shadow:inset 3px 0 #087d70}.example-number{font:11px var(--mono);color:#588373;padding-top:4px}.example-selector small{color:var(--story-muted);margin-bottom:7px;font-size:11px;display:block}.example-selector strong{font-size:17px;font-weight:650;line-height:1.35;display:block}.example-arrow{color:#327564;margin-left:auto;font-size:18px}.example-selection-note{color:var(--story-muted);padding:12px 18px;font-size:13px;line-height:1.6}.example-story{border:1px solid var(--story-line);background:#f4f7f5;border-radius:12px;min-width:0;overflow:hidden}.story-context{border-bottom:1px solid var(--story-line);color:var(--story-muted);justify-content:space-between;align-items:center;gap:12px;padding:19px 26px;font-size:11px;display:flex}.preview-disclosure{color:#35695c;white-space:nowrap;background:#e1eee8;border-radius:4px;padding:5px 8px;font-size:10px}.story-problem{letter-spacing:-.015em;padding:24px 26px 0;font-size:21px;font-weight:600;line-height:1.4}.scene-area{padding:24px 26px 0}.scene-window{background:#fff;border:1px solid #d2dfd8;border-radius:9px;min-height:340px;animation:.4s ease-out scene-enter;overflow:hidden;box-shadow:0 12px 30px #102f2310}.scene-tool{color:#3c6358;background:#f9fbfa;border-bottom:1px solid #e4ebe7;align-items:center;gap:10px;padding:13px 18px;font-size:12px;font-weight:600;display:flex}.scene-window-dots{letter-spacing:3px;color:#6b8178;margin-left:auto;font-size:20px;line-height:1}.artifact-heading{align-items:center;gap:20px;padding:24px 24px 15px;display:flex}.artifact-heading h3{letter-spacing:-.02em;max-width:520px;font-size:21px;line-height:1.25}.mail-folder{color:#5b6e65;border-bottom:1px solid #ecf0ed;justify-content:space-between;gap:12px;padding:11px 24px;font-size:11px;display:flex}.mail-folder span:last-child{background:#e9f0ec;border-radius:4px;padding-inline:6px}.mail-artifact .artifact-heading{padding-block:17px}.artifact-mail-list{padding:0 14px 18px}.artifact-mail-row{border-top:1px solid #e7ede9;align-items:flex-start;gap:12px;padding:15px 10px;display:flex}.artifact-mail-row.is-highlighted{background:#f1f8f4;border:1px solid #c0dbce;border-radius:5px}.mail-avatar{color:#32755e;background:#e1eee6;border-radius:6px;flex-shrink:0;place-items:center;width:29px;height:29px;font-size:17px;display:grid}.artifact-mail-row b{color:#3e6253;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.artifact-mail-row p{color:#334e42;font-size:14px;line-height:1.6}.artifact-fields{padding:0 24px 22px}.artifact-fields>div{border-bottom:1px solid #e5ece7;grid-template-columns:minmax(120px,.8fr) minmax(0,1.4fr);align-items:start;gap:18px;padding:15px 0;font-size:14px;display:grid}.artifact-fields>div:last-child{border:0}.artifact-fields dt{color:#5d7468;padding-top:2px;font-size:12px}.artifact-fields dd{color:#213d31;font-weight:550;line-height:1.5}.artifact-fields .has-warning{background:#fff6e9;border-color:#f0dfc0;border-radius:4px;margin-inline:-10px;padding-inline:10px}.artifact-fields .has-warning dd{color:#936028}.warning-symbol{vertical-align:1px;border:1px solid;border-radius:50%;place-items:center;width:14px;height:14px;margin-right:7px;font-size:10px;display:inline-grid}.record-tms .artifact-heading{border-left:3px solid #7ba796}.document-edge{background:#fafbf9;border:1px solid #e3e9e4;align-items:center;gap:8px;margin:0 24px 12px;padding:10px 14px;display:flex}.document-edge span{font:10px var(--mono);color:#7e6951;margin-right:10px}.document-edge i{background:#dfe8df;width:18%;height:4px;display:block}.document-edge i:last-child{width:9%}.conversation-messages{gap:14px;padding:4px 24px 24px;display:grid}.conversation-message{background:#edf5f0;border:1px solid #dce9df;border-radius:8px;max-width:93%;padding:14px 16px}.conversation-message b{color:#40735b;margin-bottom:7px;font-size:11px;display:block}.conversation-message p{color:#284336;font-size:14px;line-height:1.6}.conversation-message.from-partner{background:#f5f5ef;border-color:#e7e7d9;margin-left:28px}.call-wave{align-items:center;gap:3px;height:24px;margin-left:auto;display:flex}.call-wave i{background:#3a9676;border-radius:3px;width:3px;height:8px;animation:1.4s ease-in-out infinite call-wave;display:block}.call-wave i:nth-child(2n){height:17px;animation-delay:.2s}.call-wave i:nth-child(3){height:23px;animation-delay:.4s}.scene-note{color:var(--story-muted);min-height:36px;margin-top:13px;font-size:12px;line-height:1.5}.scene-oversight{background:#eaf4ee;border:1px solid #a7c7b8;border-left:4px solid #087d70;border-radius:7px;margin-top:16px;padding:18px}.scene-oversight[data-kind=approval],.scene-oversight[data-kind=alert]{background:#fff6e7;border-color:#d7b77d #d7b77d #d7b77d #a56818}.oversight-label{text-transform:uppercase;letter-spacing:.06em;color:#755022;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.scene-oversight>strong{font-size:15px;line-height:1.4;display:block}.scene-oversight p{color:#41564b;margin-top:7px;font-size:13px;line-height:1.6}.scene-oversight button{color:#fff;font:inherit;cursor:pointer;text-align:left;background:#075c50;border:0;border-radius:6px;max-width:100%;margin-top:14px;padding:11px 18px;font-size:14px;font-weight:650}.scene-oversight button span{opacity:.85;margin-top:4px;font-size:10px;font-weight:400;display:block}.scene-oversight>b{color:#075c50;margin-top:12px;font-size:12px;display:block}.scene-oversight button:disabled{opacity:.45;cursor:default}.clarification-form{border-top:1px solid #d7c9ac;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding-top:15px;display:flex}.clarification-form label{width:100%;font-size:13px;font-weight:650;display:block}.clarification-form textarea{resize:vertical;color:#213d31;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #b5bfb6;border-radius:6px;padding:12px;font-size:13px;line-height:1.5;display:block}.clarification-form textarea:focus-visible{outline-offset:2px;outline:2px solid #087d70}.clarification-form button{margin-top:0}.clarification-form .clarification-suggestion{color:#075c50;background:0 0;margin-right:auto;padding:8px 0;font-size:12px;text-decoration:underline}.story-controls{justify-content:space-between;align-items:center;gap:12px;padding:12px 26px 0;display:flex}.story-step-heading{align-items:center;gap:12px;min-width:0;display:flex}.story-step-count{font:10px var(--mono);color:#5a7b6b;white-space:nowrap}.story-step-heading b{font-size:13px;font-weight:600}.story-buttons{flex-shrink:0;gap:6px;display:flex}.story-buttons button{color:#295e47;cursor:pointer;background:#fff;border:1px solid #d1dfd6;border-radius:50%;place-items:center;min-width:35px;min-height:35px;font-size:16px;display:grid}.story-buttons button:disabled{opacity:.3;cursor:default}.story-progress{gap:6px;padding:10px 26px 16px;display:flex}.story-progress button{cursor:pointer;background:0 0;border:0;flex:1;min-height:24px;padding:8px 0}.story-progress button>span{background:#dce6df;border-radius:4px;height:3px;display:block}.story-progress button[data-complete=true]>span{background:#8bb5a2}.story-progress button[aria-pressed=true]>span{background:#087d70}.story-benefit{background:#e4efe8;border-top:1px solid #d1e0d6;padding:21px 26px 24px}.story-benefit>span{color:#37654e;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.story-benefit p{color:#3c5847;font-size:14px;line-height:1.6}.story-benefit>b{color:#204b34;margin-top:10px;font-size:13px;font-weight:650;line-height:1.6;display:block}.example-disclaimer{color:var(--story-muted);max-width:840px;margin:20px 0 0 auto;font-size:12px;line-height:1.6}.process-preview[data-playing=false] .call-wave i{animation-play-state:paused}@keyframes scene-enter{0%{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes call-wave{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1)}}@media (max-width:1000px){.example-layout{grid-template-columns:245px minmax(0,1fr);gap:22px}.example-selector button{gap:9px;padding:17px 13px}.example-selector strong{font-size:15px}.story-context,.story-controls,.story-benefit,.scene-area{padding-left:20px;padding-right:20px}.story-problem{padding-inline:20px;font-size:19px}}@media (max-width:740px){.example-layout{grid-template-columns:1fr;gap:22px}.example-selector{grid-template-columns:1fr 1fr;gap:9px}.example-selector button{padding:14px 12px}.example-selector small{margin-bottom:5px;font-size:10px}.example-selector strong{font-size:14px}.example-number,.example-arrow{display:none}.example-selection-note{grid-column:1/-1;padding:2px 0 0;font-size:12px}.story-context{flex-wrap:wrap;gap:8px;padding:14px 16px}.story-problem{padding:18px 16px 0;font-size:19px}.scene-area{padding:18px 12px 0}.scene-window{min-height:380px}.scene-tool{padding:12px 14px;font-size:11px}.artifact-heading{padding:20px 16px 13px}.artifact-heading h3{font-size:20px}.mail-folder{padding:10px 16px}.artifact-mail-list{padding-inline:10px}.artifact-mail-row{gap:8px;padding:13px 10px}.mail-avatar{width:24px;height:24px;font-size:14px}.artifact-mail-row p{font-size:13px}.artifact-fields{padding:0 16px 18px}.artifact-fields>div{grid-template-columns:1fr;gap:4px;padding:11px 0;font-size:14px}.artifact-fields dt{font-size:11px}.conversation-messages{gap:12px;padding:3px 16px 20px}.conversation-message{max-width:100%;padding:12px}.conversation-message p{font-size:13px}.conversation-message.from-partner{margin-left:16px}.scene-note{min-height:48px;font-size:11px}.story-controls{align-items:flex-start;padding:9px 14px 0}.story-step-heading{flex-direction:column;align-items:flex-start;gap:4px}.story-step-heading b{font-size:12px}.story-progress{padding:5px 14px 10px}.story-benefit{padding:18px 16px}.story-benefit p{font-size:13px}.example-disclaimer{margin-top:16px;font-size:11px}}@media (prefers-reduced-motion:reduce){.scene-window,.call-wave i{animation:none}.example-selector button{transition:none}}