/* A message moves through a workflow. The full editor is optional, not the composition. */
.home-ai-section .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home-ai-section{--paper:#fafaf9;--ink:#23221f;--muted:rgb(35 34 31 / 64%);--line:rgb(35 34 31 / 17%);background:var(--paper);color:var(--ink);padding-block:70px 42px;border-top:1px solid var(--line);overflow:clip}
.home-ai-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.home-ai-eyebrow{margin:0 0 20px;font-size:11px;color:var(--muted);line-height:1.6}.home-ai-copy h2{font-size:clamp(42px,4.6vw,66px);font-weight:500;line-height:1.08;letter-spacing:-.055em;margin:0}.home-ai-service{font-size:12px;margin-bottom:8px;flex:none}
.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;border-block:1px solid var(--line);min-height:65px}.demo-scenarios{display:flex;gap:30px}.demo-scenarios button,.demo-tabs button{border:0;background:none;color:var(--muted);font:inherit;font-size:12px;line-height:1.5;min-height:48px;padding:10px 0;position:relative;cursor:pointer}.demo-scenarios button[aria-pressed=true],.demo-tabs button[aria-selected=true]{color:var(--ink)}.demo-scenarios button[aria-pressed=true]::after,.demo-tabs button[aria-selected=true]::after{content:'';position:absolute;bottom:5px;left:0;right:0;height:1px;background:var(--ink)}.demo-live-note{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.demo-live-note i{width:4px;height:4px;border-radius:50%;background:currentColor}
.visual-scene{position:relative;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:45px;align-items:start;min-height:390px;padding:32px 25px 0;isolation:isolate}.scene-network{position:absolute;left:0;top:0;width:100%;height:360px;z-index:-1;overflow:visible;fill:none;stroke:var(--ink);stroke-width:1}.network-mobile{display:none}.network-base{opacity:.14}.network-light{stroke-dasharray:1;stroke-dashoffset:1;stroke-width:1.4;opacity:0}.flow-token{opacity:0;fill:var(--paper)}.flow-token path{stroke-width:1.5}
.scene-source,.scene-outcome{position:relative;min-width:0}.scene-envelope{position:relative;width:205px;max-width:100%;margin:4px auto 10px;filter:drop-shadow(0 14px 12px rgb(0 0 0 / 8%));transform:rotate(-9deg);transition:transform 450ms cubic-bezier(.22,1,.36,1)}.scene-envelope svg{display:block;width:100%;overflow:visible;fill:var(--paper);stroke:var(--ink);stroke-width:.8;stroke-linejoin:round}.envelope-back{fill:#ebeae7}.envelope-front{fill:#f4f4f1}.envelope-fold{fill:none;stroke-opacity:.35}.envelope-letter{transform-origin:50% 70%;transition:transform 450ms cubic-bezier(.22,1,.36,1)}.envelope-letter>path+path{fill:none;stroke-width:1.5;stroke-opacity:.45}.envelope-letter circle{fill:var(--ink);stroke:none}.scene-message-dot{position:absolute;right:15px;top:43px;background:var(--ink);color:var(--paper);border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:11px;box-shadow:0 0 0 5px var(--paper)}
.scene-caption{display:block;font-size:9px;line-height:1.7;color:var(--muted);letter-spacing:.035em}.scene-source-copy{max-width:250px;margin:auto}.scene-summary{font-size:13px;line-height:1.7;margin:9px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px;overflow-wrap:anywhere}.demo-text-button{display:inline-flex;align-items:center;gap:6px;padding:9px 0;min-height:42px;background:none;border:0;border-radius:0;color:var(--ink);font:inherit;font-size:11px;line-height:1.5;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.demo-text-button>span{font-size:13px}
.scene-machine{position:relative;width:264px;height:264px;margin:9px auto 0;display:grid;place-items:center}.machine-core{position:relative;width:165px;height:165px;border-radius:50%;background:radial-gradient(circle at 33% 23%,#77756f 0,#36352f 20%,#171713 54%,#080806 90%);box-shadow:inset 0 0 3px #fff9,inset -9px -8px 22px #000,0 19px 35px #0002;display:grid;place-items:center;z-index:2;transform:rotate(-8deg);transition:transform 500ms cubic-bezier(.22,1,.36,1)}.machine-core>span{font-size:48px;font-weight:500;letter-spacing:-.06em;color:#fff}.machine-core>i{position:absolute;width:115px;height:23px;top:15px;border-radius:50%;background:linear-gradient(#ffffff36,transparent);filter:blur(7px);transform:rotate(-25deg)}.machine-halo{position:absolute;inset:6px;border:1px solid rgb(35 34 31 / 25%);border-radius:50%;transform:rotate(-28deg) scaleY(.52);pointer-events:none}.halo-two{transform:rotate(52deg) scaleY(.74);border-color:rgb(35 34 31 / 18%)}.halo-three{inset:0;border-style:dashed;border-color:rgb(35 34 31 / 11%);transform:rotate(0deg)}.halo-one::before{content:'';position:absolute;left:11px;top:30px;width:7px;height:7px;background:var(--ink);border-radius:50%;box-shadow:0 0 0 4px var(--paper)}.machine-phase{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:11px;background:var(--paper);padding:2px 8px;line-height:1.4;z-index:3}.machine-caption{position:absolute;top:calc(100% + 7px);font-size:9px;color:var(--muted);letter-spacing:.035em;white-space:nowrap}
.scene-paper{width:174px;height:184px;margin:-1px auto 7px;transform:rotate(8deg);transition:transform 550ms cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 12px 12px #0000000a)}.scene-paper svg{width:100%;height:100%;fill:none;stroke:var(--ink);stroke-width:1.2;overflow:visible}.output-back{fill:#f0efeb;stroke-opacity:.2}.output-front>path:first-child{fill:var(--paper);stroke-opacity:.55}.paper-corner{stroke-opacity:.35}.output-lines{opacity:.13;stroke-width:2}.output-mail,.output-calendar,.output-support{stroke-width:1.6;opacity:.5}.output-calendar,.output-support{display:none}.output-stamp{opacity:0;transform-origin:163px 165px;transform:scale(.5);transition:opacity 200ms,transform 400ms cubic-bezier(.22,1,.36,1)}.output-stamp circle{fill:var(--ink);stroke:none}.output-stamp path{stroke:var(--paper);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.scene-outcome-copy{max-width:260px;margin:auto}.scene-result-placeholder strong{font-weight:400;font-size:16px;line-height:1.5;display:block;margin:9px 0;color:var(--muted)}.scene-result-visual{display:none}.scene-result-tag{display:block;font-size:26px;line-height:1.35;letter-spacing:-.035em;font-weight:500;margin-top:6px;overflow-wrap:anywhere}.scene-values{display:flex;gap:5px 10px;flex-wrap:wrap;font-size:10px;line-height:1.65;color:var(--muted);margin-top:7px}.scene-values span{max-width:100%;overflow-wrap:anywhere}.scene-values span+span::before{content:'·';margin-right:10px}.scene-details-button{margin-top:3px}.scene-details-button:disabled{visibility:hidden}
.demo-playbar{display:flex;align-items:center;justify-content:center;gap:22px;margin:0 0 22px;min-height:52px}.demo-play-actions{display:flex;align-items:center;gap:18px;flex:none}.demo-run{display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:12px;min-height:49px;padding:13px 24px;white-space:nowrap}.play-icon{font-size:10px}.demo-status{font-size:11px;line-height:1.65;color:var(--muted);margin:0;max-width:36ch;min-height:18px}.demo-reset{color:var(--muted)}.demo-progress-track{height:1px;background:var(--line);overflow:hidden}.demo-progress-track>span{display:block;width:0;height:100%;background:var(--ink);transition:width 700ms cubic-bezier(.22,1,.36,1)}.demo-stage[data-state=running][data-phase="0"] .demo-progress-track>span{width:28%}.demo-stage[data-phase="1"] .demo-progress-track>span{width:58%}.demo-stage[data-phase="2"] .demo-progress-track>span{width:86%}.demo-stage[data-phase="3"] .demo-progress-track>span{width:100%}
.demo-input-editor,.demo-detail-drawer{padding:22px 0 28px;border-bottom:1px solid var(--line);animation:drawer-in 300ms cubic-bezier(.22,1,.36,1) both}.demo-drawer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:13px}.demo-drawer-top h3{font-size:20px;font-weight:500;letter-spacing:-.025em;line-height:1.5;margin:0}.demo-input-editor form{display:grid;grid-template-columns:1fr 220px;gap:15px 35px}.demo-input-editor textarea,.demo-draft{width:100%;display:block;resize:vertical;padding:15px 17px;min-height:120px;max-height:360px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:0;font:inherit;font-size:15px;line-height:1.8}.demo-options{display:flex;flex-direction:column;gap:7px;justify-content:center}.demo-options label{display:flex;align-items:center;gap:12px;min-height:43px;font-size:12px;cursor:pointer}.demo-options input{width:17px;height:17px;accent-color:var(--ink);margin:0}.demo-error{font-size:12px;line-height:1.7;margin:0;border-left:2px solid var(--ink);padding-left:12px;grid-column:1/-1}.demo-tabs{display:flex;gap:25px;margin-bottom:22px}.demo-tabs button{min-height:43px}.demo-detail-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.48fr);gap:70px}.demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;margin:0 0 25px}.demo-fields>div{min-width:0}.demo-fields dt{font-size:11px;color:var(--muted);margin-bottom:5px;line-height:1.5}.demo-fields dd{font-size:14px;margin:0;line-height:1.7;overflow-wrap:anywhere}.demo-task-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:12px}.demo-task-heading h4{font-size:12px;font-weight:500;line-height:1.6;margin:0}.demo-task-heading>span{font-size:11px}.demo-tasks{list-style:none;padding:0;margin:0}.demo-tasks li{font-size:12px;line-height:1.7;padding:12px 0;border-bottom:1px solid var(--line)}.demo-tasks li::before{content:'↳';margin-right:10px}.demo-missing,.demo-no-tasks,.demo-context-note,.demo-approved,.demo-disclosure{font-size:11px;line-height:1.8;color:var(--muted);margin:16px 0 0;overflow-wrap:anywhere}.demo-context-note{margin-top:0}.demo-disclosure{font-size:10px;margin-top:25px}.demo-approve{font-size:12px;min-height:45px;margin-top:20px}.demo-draft:not([readonly]){border-color:var(--ink)}
.demo-foot{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:18px}.demo-foot>span{font-size:10px;color:var(--muted)}.demo-foot .text-link{font-size:11px;min-height:40px;display:flex;align-items:center}.demo-stage [hidden]{display:none!important}.demo-stage button:disabled{cursor:default;opacity:.5}.demo-stage button:focus-visible,.demo-stage a:focus-visible,.demo-stage textarea:focus-visible,.demo-stage input:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.demo-stage button:disabled[aria-pressed=true]{opacity:1}
.demo-stage[data-state=running] .scene-envelope{animation:envelope-send 3600ms cubic-bezier(.22,1,.36,1) both}.demo-stage[data-state=running] .envelope-letter{animation:letter-open 3600ms cubic-bezier(.22,1,.36,1) both}.demo-stage[data-state=running] .machine-core{animation:core-work 1800ms ease-in-out infinite}.demo-stage[data-state=running] .halo-one{animation:orbit-work 2600ms linear infinite}.demo-stage[data-state=running] .halo-two{animation:orbit-cross 3200ms linear infinite}.demo-stage[data-state=running] .halo-three{animation:orbit-dash 12000ms linear infinite}.demo-stage[data-state=running] .network-light{opacity:1;animation:wire-draw 1000ms cubic-bezier(.22,1,.36,1) both}.demo-stage[data-state=running] .network-out{animation-delay:1900ms}.demo-stage[data-state=running] .flow-token{animation:token-in 1200ms cubic-bezier(.45,0,.25,1) infinite}.demo-stage[data-state=running] .flow-token-b{animation-delay:500ms}.demo-stage[data-state=running] .flow-token-c{animation:token-out 1200ms 1800ms cubic-bezier(.45,0,.25,1) infinite}.demo-stage[data-state=running] .mobile-token{animation:token-down 1500ms ease-in-out infinite}.demo-stage[data-phase="2"] .scene-paper{transform:rotate(-2deg) translateY(-9px)}.demo-stage[data-state=running] .output-lines{stroke-dasharray:120;animation:paper-write 1100ms 1700ms both}
.demo-stage[data-state=ready] .scene-result-visual,.demo-stage[data-state=approved] .scene-result-visual{display:block;animation:result-arrive 500ms cubic-bezier(.22,1,.36,1) both}.demo-stage[data-state=ready] .scene-paper,.demo-stage[data-state=approved] .scene-paper{transform:rotate(-3deg);animation:paper-arrive 650ms cubic-bezier(.22,1,.36,1) both}.demo-stage[data-state=ready] .output-stamp,.demo-stage[data-state=approved] .output-stamp{opacity:1;transform:scale(1)}.demo-stage[data-state=ready] .output-lines,.demo-stage[data-state=approved] .output-lines{opacity:.6}.demo-stage[data-state=ready] .machine-core,.demo-stage[data-state=approved] .machine-core{transform:rotate(0deg)}.demo-stage[data-scenario=planning] .output-mail,.demo-stage[data-scenario=support] .output-mail{display:none}.demo-stage[data-scenario=planning] .output-calendar,.demo-stage[data-scenario=support] .output-support{display:block}
@keyframes envelope-send{0%,100%{transform:rotate(-9deg)}28%{transform:translateX(8px) rotate(-3deg)}50%{transform:translateX(-3px) rotate(-9deg)}}
@keyframes letter-open{0%,100%{transform:translateY(0)}20%,60%{transform:translateY(-25px)}}
@keyframes core-work{50%{transform:rotate(8deg) scale(1.045)}}
@keyframes orbit-work{from{transform:rotate(-28deg) scaleY(.52)}to{transform:rotate(332deg) scaleY(.52)}}
@keyframes orbit-cross{from{transform:rotate(52deg) scaleY(.74)}to{transform:rotate(-308deg) scaleY(.74)}}
@keyframes orbit-dash{to{transform:rotate(360deg)}}
@keyframes wire-draw{to{stroke-dashoffset:0}}
@keyframes token-in{0%{opacity:0;transform:translateX(-30px)}20%,80%{opacity:1}100%{opacity:0;transform:translateX(220px)}}
@keyframes token-out{0%{opacity:0;transform:translateX(-130px)}20%,80%{opacity:1}100%{opacity:0;transform:translateX(100px)}}
@keyframes token-down{0%{opacity:0;transform:translateY(-50px)}20%,80%{opacity:1}100%{opacity:0;transform:translateY(200px)}}
@keyframes paper-write{from{stroke-dashoffset:120;opacity:.2}to{stroke-dashoffset:0;opacity:.7}}
@keyframes result-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes paper-arrive{0%{transform:rotate(8deg) translateY(12px);opacity:.3}65%{transform:rotate(-6deg) translateY(-3px)}100%{transform:rotate(-3deg);opacity:1}}
@keyframes drawer-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px) and (min-width:761px){.visual-scene{gap:12px;padding-inline:0;min-height:375px}.scene-machine{width:220px;height:220px;margin-top:20px}.machine-core{width:145px;height:145px}.machine-core>span{font-size:43px}.scene-envelope{width:180px;margin-top:15px}.scene-paper{width:165px;margin-top:8px}.scene-source-copy,.scene-outcome-copy{max-width:210px}.scene-summary{font-size:12px}.scene-result-tag{font-size:23px}.demo-playbar{margin-top:5px}.demo-live-note{font-size:9px}}
@media(max-width:760px){.home-ai-section{padding-block:46px 30px}.home-ai-top{display:block;margin-bottom:24px}.home-ai-eyebrow{font-size:10px;margin-bottom:16px}.home-ai-copy h2{font-size:clamp(33px,7.5vw,48px);line-height:1.1}.home-ai-service{display:inline-block;font-size:11px;min-height:40px;padding-block:12px;margin:12px 0 0}.demo-toolbar{min-height:58px;justify-content:center;gap:15px}.demo-scenarios{width:100%;justify-content:space-between;gap:10px}.demo-scenarios button{font-size:11px;min-height:52px}.demo-live-note{display:none}.visual-scene{display:grid;grid-template-columns:1fr;gap:0;min-height:0;padding:22px 0 8px}.scene-network{height:100%;width:100%}.network-desktop{display:none}.network-mobile{display:block}.scene-source{display:grid;grid-template-columns:100px 1fr;gap:17px;align-items:center;z-index:1;background:var(--paper);min-height:110px}.scene-envelope{width:105px;margin:0;transform:rotate(-8deg)}.scene-message-dot{width:18px;height:18px;font-size:9px;top:15px;right:2px;box-shadow:0 0 0 3px var(--paper)}.scene-source-copy{margin:0;max-width:none}.scene-caption{font-size:9px}.scene-summary{font-size:12px;margin-top:4px;min-height:36px;line-height:1.6;-webkit-line-clamp:2}.demo-text-button{font-size:11px;min-height:42px;padding-block:9px}.scene-machine{width:176px;height:176px;margin:5px auto 17px}.machine-core{width:113px;height:113px;box-shadow:inset 0 0 3px #fff9,inset -7px -6px 18px #000,0 15px 26px #0002}.machine-core>span{font-size:33px}.machine-core>i{width:75px;top:10px;left:8px}.machine-halo{inset:3px}.halo-three{inset:0}.halo-one::before{left:3px;top:27px;width:5px;height:5px}.machine-caption{display:none}.machine-phase{font-size:10px;bottom:3px}.scene-outcome{display:grid;grid-template-columns:100px 1fr;gap:17px;align-items:center;min-height:145px;background:var(--paper);z-index:1}.scene-paper{width:98px;height:111px;margin:0;transform:rotate(8deg)}.scene-outcome-copy{max-width:none;margin:0;min-width:0}.scene-result-placeholder strong{font-size:15px;margin-top:5px}.scene-result-tag{font-size:23px;margin-top:3px}.scene-values{font-size:10px;gap:2px 9px;margin-top:5px}.scene-values span+span::before{margin-right:8px}.scene-details-button{margin-top:0}.demo-playbar{display:block;text-align:center;margin:5px 0 20px}.demo-play-actions{justify-content:center;gap:22px}.demo-run{font-size:12px;min-height:47px}.demo-status{font-size:10px;max-width:none;margin:12px 0 0;min-height:17px}.demo-foot{gap:14px;padding-top:12px}.demo-foot>span{font-size:9px;max-width:20ch;line-height:1.6}.demo-foot .text-link{font-size:10px;white-space:nowrap}.demo-input-editor,.demo-detail-drawer{padding-block:19px 23px}.demo-drawer-top{margin-bottom:10px}.demo-drawer-top h3{font-size:19px}.demo-input-editor form{display:block}.demo-input-editor textarea,.demo-draft{font-size:16px;min-height:140px;line-height:1.75;padding:12px}.demo-options{display:flex;flex-direction:row;flex-wrap:wrap;gap:3px 20px;margin-top:10px}.demo-options label{font-size:11px;gap:8px}.demo-detail-columns{display:block}.demo-detail-aside{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.demo-fields{gap:20px}.demo-fields dd{font-size:13px}.demo-missing,.demo-context-note{font-size:11px}.demo-tabs{margin-bottom:18px}.demo-error{margin-top:12px}}
@media(max-width:360px){.home-ai-copy h2{font-size:31px}.scene-source,.scene-outcome{grid-template-columns:88px 1fr;gap:13px}.scene-envelope{width:90px}.scene-paper{width:87px;height:102px}.scene-result-tag{font-size:21px}.scene-machine{width:165px;height:165px}.machine-core{width:105px;height:105px}.scene-summary{font-size:11px}.demo-scenarios button{font-size:10px}.demo-foot>span{font-size:8px}}
.scene-result-title{display:block;font-size:11px;line-height:1.5;margin-top:8px}.scene-task-count{display:inline-flex;align-items:center;gap:5px;font-size:9px;line-height:1.6;margin-top:8px;color:var(--muted)}.scene-task-count i{font-style:normal;display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:9px}.scene-task-count>span{font-variant-numeric:tabular-nums}.demo-stage[data-state=running] .scene-result-placeholder{visibility:hidden}
@media(max-width:760px){.demo-stage{display:flex;flex-direction:column}.demo-toolbar{order:0}.demo-playbar{order:1;margin:18px 0 0}.visual-scene{order:2}.demo-progress{order:3}.demo-input-editor{order:4}.demo-detail-drawer{order:5}.scene-source{min-height:100px}.scene-machine{width:155px;height:155px;margin:0 auto 10px}.machine-core{width:104px;height:104px}.machine-core>span{font-size:31px}.scene-outcome{min-height:130px}.scene-machine .halo-one::before{top:23px}.demo-status{margin-top:9px}.scene-caption{font-size:8px}.demo-foot{align-items:start}}
@media(prefers-reduced-motion:reduce){.home-ai-section *,.home-ai-section *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.flow-token,.mobile-token{display:none!important}}

/* Keep the AI team name within the orb at every breakpoint. */
.machine-core>span{font-size:32px;letter-spacing:-.04em;white-space:nowrap}
@media(max-width:760px){.machine-core>span{font-size:22px}}
/* One team, visibly branching into separate prepared outputs. */
.scene-network .network-base{opacity:.26}.branch-packet{fill:var(--ink);stroke:none;opacity:0}
.multi-outcome{padding-top:0}.multi-outcome>.scene-caption{margin:0 0 9px 4px}.outcome-stack{display:grid;gap:6px}.outcome-row{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:13px;min-height:88px;opacity:.35;transition:opacity 250ms;position:relative;min-width:0}.outcome-glyph{width:60px;height:74px;transform:rotate(6deg);filter:drop-shadow(0 6px 7px #0000000a)}.outcome-summary .outcome-glyph{transform:rotate(-6deg)}.outcome-tasks .outcome-glyph{transform:rotate(4deg)}.outcome-glyph svg{width:100%;height:100%;fill:none;stroke:var(--ink);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.outcome-doc{fill:var(--paper);stroke-opacity:.6}.outcome-fold{stroke-opacity:.3}.outcome-summary-lines,.outcome-mail-icon,.outcome-task-icon,.outcome-calendar-icon{display:none}.outcome-summary .outcome-summary-lines,.outcome-draft .outcome-mail-icon,.outcome-tasks .outcome-task-icon{display:block}.demo-stage[data-scenario=planning] .outcome-summary .outcome-summary-lines{display:none}.demo-stage[data-scenario=planning] .outcome-summary .outcome-calendar-icon{display:block}.outcome-text{min-width:0}.outcome-name{display:block;font-size:12px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.outcome-state,.multi-outcome .scene-result-placeholder>span{display:block;font-size:10px;line-height:1.7;margin-top:5px;color:var(--muted)}.multi-outcome .scene-result-tag{font-size:18px;line-height:1.4;letter-spacing:-.025em;margin-top:4px}.multi-outcome .scene-values{font-size:9px;gap:0 7px;margin-top:4px}.multi-outcome .scene-values span+span::before{margin-right:7px}.multi-outcome>.scene-details-button{margin-left:73px;margin-top:8px}.demo-stage[data-state=ready] .outcome-row,.demo-stage[data-state=approved] .outcome-row{opacity:1;animation:team-output-in 450ms cubic-bezier(.22,1,.36,1) both}.demo-stage[data-state=ready] .outcome-draft,.demo-stage[data-state=approved] .outcome-draft{animation-delay:140ms}.demo-stage[data-state=ready] .outcome-tasks,.demo-stage[data-state=approved] .outcome-tasks{animation-delay:280ms}.demo-stage[data-state=running][data-phase="2"] .outcome-glyph svg{stroke-dasharray:210;animation:team-output-draw 1000ms both}.demo-stage[data-state=running] .branch-top{animation:team-packet-top 1300ms 1700ms ease-in-out infinite}.demo-stage[data-state=running] .branch-mid{animation:team-packet-mid 1300ms 1900ms ease-in-out infinite}.demo-stage[data-state=running] .branch-bottom{animation:team-packet-bottom 1300ms 2100ms ease-in-out infinite}.demo-stage[data-state=running] .flow-token-c{display:none}
@keyframes team-output-in{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}
@keyframes team-output-draw{from{stroke-dashoffset:210}to{stroke-dashoffset:0}}
@keyframes team-packet-top{0%{opacity:0;transform:translate(0,0)}20%,80%{opacity:1}100%{opacity:0;transform:translate(115px,-70px)}}
@keyframes team-packet-mid{0%{opacity:0;transform:translate(0,0)}20%,80%{opacity:1}100%{opacity:0;transform:translate(115px,24px)}}
@keyframes team-packet-bottom{0%{opacity:0;transform:translate(0,0)}20%,80%{opacity:1}100%{opacity:0;transform:translate(115px,118px)}}
@media(max-width:1100px) and (min-width:761px){.outcome-row{grid-template-columns:49px 1fr;gap:9px}.outcome-glyph{width:49px;height:65px}.outcome-name{font-size:11px}.multi-outcome .scene-result-tag{font-size:16px}.multi-outcome>.scene-details-button{margin-left:58px}}
@media(max-width:760px){.multi-outcome{display:block;min-height:0;background:transparent;padding-top:15px}.multi-outcome>.scene-caption{text-align:center;margin:0 0 12px}.outcome-stack{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:11px}.outcome-row{display:flex;flex-direction:column;gap:8px;min-height:0;text-align:center}.outcome-glyph{width:59px;height:72px;flex:none}.outcome-text{width:100%}.outcome-name{font-size:10px;line-height:1.5;font-weight:500}.outcome-state,.multi-outcome .scene-result-placeholder>span{font-size:9px;line-height:1.7;margin-top:4px}.multi-outcome .scene-result-tag{font-size:14px;line-height:1.5;margin-top:4px}.multi-outcome .scene-values{font-size:8px;line-height:1.6;display:block}.multi-outcome .scene-values>span{display:block}.multi-outcome .scene-values span+span::before{content:none}.multi-outcome>.scene-details-button{display:flex;width:max-content;margin:12px auto 0}.scene-machine{margin-bottom:15px}.demo-stage[data-state=ready] .outcome-row,.demo-stage[data-state=approved] .outcome-row{animation-name:result-arrive}}
@media(max-width:360px){.outcome-stack{gap:8px}.outcome-glyph{width:52px;height:65px}.outcome-name{font-size:9px}.multi-outcome .scene-result-tag{font-size:13px}}
@media(prefers-reduced-motion:reduce){.home-ai-section *,.home-ai-section *::before{animation:none!important;transition:none!important}.branch-packet{display:none}}

.demo-stage:has([data-demo-output-task-row][hidden]) .branch-line-bottom,.demo-stage:has([data-demo-output-task-row][hidden]) .branch-bottom{display:none}

/* Autoplay has a quiet pause control instead of a primary play button. */
.demo-playbar{min-height:36px;margin-bottom:18px;gap:20px}.demo-autopause{font-size:11px;color:var(--muted);min-height:40px}.demo-status{font-size:10px}.demo-playbar>[hidden]{display:none!important}
@media(max-width:760px){.demo-playbar{display:flex;justify-content:center;gap:15px;margin-top:8px;margin-bottom:0}.demo-status{margin:0;max-width:29ch;text-align:left}.demo-autopause{flex:none}}