/* The same four-pane interface is populated by each offer's scene data. */
.offer-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:3rem}.offer-demo{min-width:0}.offer-hero-grid h1{font-size:clamp(2.65rem,4vw,4.15rem)}.story-strip{border-block:1px solid var(--line);padding-block:1.5rem;margin-bottom:2rem;display:grid;grid-template-columns:250px 1fr;gap:2rem}.story-strip .eyebrow{margin:.2rem 0}.story-strip blockquote{font-size:1.1rem;color:var(--muted);line-height:1.7;margin:0;max-width:850px}
.demo-top{padding:.8rem 1rem;gap:1rem}.demo-top .mono{font-size:.75rem;letter-spacing:0;max-width:60%;text-align:right;line-height:1.5}.demo-top>span:first-child{white-space:nowrap;font-size:.8125rem}.demo-grid{--split-x:50%;--split-y:50%;height:480px;grid-template-columns:minmax(0,var(--split-x)) minmax(0,1fr);grid-template-rows:minmax(0,var(--split-y)) minmax(0,1fr);transition:grid-template-columns .65s ease,grid-template-rows .65s ease;gap:1px;isolation:isolate}.demo-grid .work-pane{min-height:0;padding:.9rem;gap:0;cursor:default;overflow:hidden;display:flex;flex-direction:column}.demo-grid .work-pane:hover{background:#141416}.demo-grid .work-pane.active{background:#141d21}.pane-focus{display:flex;align-items:start;justify-content:space-between;gap:.4rem;padding:0 0 .6rem;color:#c2c6d0;background:none;border:0;text-align:left;font-family:var(--mono);font-size:.75rem;line-height:1.4;width:100%;min-width:0}.pane-focus>span:last-child{color:#8e9aa8;text-align:right;max-width:48%;overflow-wrap:anywhere}.pane-focus>span:first-child{white-space:nowrap}.pane-focus:hover>span{color:#00d1ff}.speaker-row{display:flex;align-items:center;gap:.6rem;min-height:47px;margin-bottom:.6rem;flex-shrink:0}.speaker-avatar{width:47px;height:47px;flex-shrink:0;border-radius:10px;background-image:url('../media/speaker-strip.png');background-size:300% 100%;background-position:0 0;background-color:#18262c;border:1px solid #2b525e}.speaker-label{font-size:.75rem;color:#b8dce5;display:block;margin-bottom:.25rem;line-height:1.35}.speaker-wave{display:flex;align-items:center;height:16px;gap:3px}.speaker-wave i{display:block;width:3px;height:4px;border-radius:2px;background:#00d1ff;opacity:.45}.speaker-wave i:nth-child(2n){height:9px}.speaker-wave i:nth-child(3n){height:13px}.mic-icon{width:18px;height:18px;color:#69bccf;flex-shrink:0;margin-left:auto}.chat-feed{display:flex;flex-direction:column;gap:.45rem;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#2b4954 transparent;padding-right:2px}.chat-bubble{font-size:.8125rem;line-height:1.5;color:#d9e4eb;background:#20333b;border:1px solid #2d4b56;border-radius:7px;padding:.5rem .6rem;overflow-wrap:anywhere}.chat-bubble.asa{background:#1b1e24;border-color:#31363e;color:#c0c7d2}.chat-author{font-family:var(--mono);font-size:.75rem;color:#74cfe4;display:block;line-height:1.3;margin-bottom:.3rem}.chat-bubble.asa .chat-author{color:#a8b2c3}.file-list{display:flex;flex-direction:column;gap:.65rem;margin:.5rem 0;min-height:0;overflow:auto;scrollbar-width:thin}.file-item{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;min-width:0}.file-icon{display:flex;align-items:center;justify-content:center;width:24px;height:29px;flex-shrink:0;border:1px solid #3b4550;border-radius:4px;color:#9aabc0;font-size:1rem}.file-name{min-width:0;flex:1;font-size:.8125rem;color:#dde3eb;line-height:1.5;overflow-wrap:anywhere}.file-name small{display:block;font-size:.75rem;color:#858f9e;margin-top:.1rem}.file-state{font-size:1rem;color:#596778}.file-item[data-state=running]{background:#16252b;border-radius:5px}.file-item[data-state=running] .file-state{color:#00d1ff}.file-item[data-state=done] .file-state{color:#8ad5b0}.pane-progress{margin-top:auto;padding-top:.7rem;font-size:.75rem;color:#8f9cae;line-height:1.5}.progress-track{height:3px;display:block;background:#29353f;overflow:hidden;margin-top:.5rem;border-radius:3px}.progress-track i{display:block;height:100%;width:0;background:#00d1ff;transition:width .15s linear}.agents-caption{display:flex;justify-content:space-between;gap:.3rem;font-size:.75rem;color:#8594a7;margin:.35rem 0 .6rem}.parallel-sign{color:#00d1ff;letter-spacing:2px}.agent-list{display:flex;flex-direction:column;gap:.65rem;min-height:0;overflow:auto;scrollbar-width:thin}.agent-row{display:flex;align-items:center;gap:.55rem;min-width:0}.agent-symbol{height:24px;width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #374455;border-radius:6px;background:#1c2632;font-family:var(--mono);font-size:.75rem;color:#a4b9cf}.agent-copy{flex:1;min-width:0;font-size:.8125rem;line-height:1.4;color:#d7dfe9;overflow-wrap:anywhere}.agent-copy small{display:block;margin-top:.25rem;font-size:.75rem;line-height:1.35;color:#77879b}.agent-copy b{font-weight:400;color:inherit}.agent-check{color:#8299b6;font-size:1rem;flex-shrink:0}.agent-row[data-state=running] .agent-symbol{color:#00d1ff;border-color:#247184}.agent-row[data-state=running] .agent-copy b,.agent-row[data-state=running] .agent-check{color:#00d1ff}.agent-row[data-state=done] .agent-check{color:#8ad5b0}.agent-log{font-family:var(--mono);font-size:.75rem;line-height:1.5;color:#7d8d9f;border-top:1px solid #283540;padding-top:.55rem;margin-top:auto;overflow-wrap:anywhere}.result-pane .approval-title{font-size:1.05rem;line-height:1.4;letter-spacing:-.02em;margin:.45rem 0 .65rem;color:#e5eff4}.result-preview{min-height:0;overflow:auto;scrollbar-width:thin}.preview-fields{display:flex;flex-direction:column;gap:.5rem}.preview-fields>div{display:flex;justify-content:space-between;gap:.5rem;font-size:.75rem;line-height:1.5;align-items:start}.preview-fields span{color:#7f91a4;flex-shrink:0}.preview-fields strong{color:#b9c6d7;font-size:.75rem;font-weight:400;text-align:right;overflow-wrap:anywhere}.demo[data-result-ready=false] .preview-fields{opacity:.5}.decision-note{font-size:.75rem;color:#879cad;line-height:1.45;display:block;margin-top:auto;padding-top:.6rem}.decision-button{min-height:34px;background:#194a58;color:#a9edff;border:1px solid #376d7c;border-radius:5px;font-size:.8125rem;line-height:1.4;padding:.45rem .55rem;margin-top:.6rem;width:100%;flex-shrink:0}.decision-button:hover:not(:disabled){background:#236478}.decision-button:disabled{opacity:.5}.demo[data-approved=true] .decision-button{background:#173b2b;border-color:#32634a;color:#a4dab8;opacity:1}.demo .willpad{left:var(--split-x);top:var(--split-y);transition:left .65s ease,top .65s ease;touch-action:none;cursor:grab;width:52px;height:52px;box-shadow:0 0 28px #00d1ff35}.demo[data-dragging=true] .willpad{cursor:grabbing;transition:none}.demo[data-dragging=true] .demo-grid{transition:none}.demo .willpad-menu{top:calc(var(--split-y) + 28px);left:var(--split-x);max-width:calc(100% - 25px)}.demo-transport{display:flex;align-items:center;gap:.75rem;padding:.85rem .9rem;background:#10151a;border-top:1px solid #263641;min-height:79px}.demo-transport>div{flex:1;min-width:0;line-height:1.5}.demo-transport [data-demo-message]{display:block;font-size:.8125rem;color:#d2e4ed}.demo-transport small{display:block;font-size:.75rem;color:#768b9c;margin-top:.25rem}.demo-play,.demo-restart{width:32px;height:32px;flex-shrink:0;border:1px solid #2c4d5c;color:#87d7ea;background:#16262e;border-radius:50%;line-height:1;font-size:.875rem;padding:0}.demo-restart{font-size:1.35rem;border:0;background:transparent}.demo-play:hover,.demo-restart:hover{background:#21414f}.demo-timeline{display:flex;gap:.3rem;padding:.5rem .9rem .8rem;background:#10151a;flex-wrap:wrap}.demo-timeline button{flex:1;min-width:40px;border:1px solid #2b3945;background:#141c24;color:#8496aa;border-radius:4px;font-size:.75rem;line-height:1.4;padding:.4rem .2rem;min-height:29px}.demo-timeline button[aria-pressed=true]{background:#123744;border-color:#296576;color:#abebfb}.demo-disclaimer{font-size:.75rem;padding:.65rem .9rem;color:#8995a6;line-height:1.6}.demo[data-speaking=true][data-playing=true] .speaker-avatar{animation:speaker-talk .62s steps(1) infinite}.demo[data-speaking=true][data-playing=true] .speaker-wave i{animation:voice-bar .65s ease-in-out infinite alternate;opacity:1}.speaker-wave i:nth-child(2){animation-delay:.12s!important}.speaker-wave i:nth-child(3){animation-delay:.26s!important}.speaker-wave i:nth-child(4){animation-delay:.06s!important}.speaker-wave i:nth-child(5){animation-delay:.18s!important}.speaker-wave i:nth-child(6){animation-delay:.3s!important}.demo[data-speaking=true][data-playing=true] .willpad:before{content:'';position:absolute;inset:-9px;border:1px solid #00d1ff90;border-radius:50%;animation:voice-ring .9s ease-out infinite;pointer-events:none}.demo[data-playing=true] [data-state=running] .file-state,.demo[data-playing=true] [data-state=running] .agent-check{animation:status-pulse .8s ease-in-out infinite alternate}.demo[data-playing=false] *{animation-play-state:paused!important}.how-demo{max-width:880px}.how-demo .demo-grid{height:500px}.how-demo .work-pane{min-height:0}
@keyframes speaker-talk{0%,100%{background-position:0 0}28%,78%{background-position:50% 0}52%{background-position:100% 0}}@keyframes voice-bar{from{transform:scaleY(.5)}to{transform:scaleY(1.7)}}@keyframes voice-ring{from{transform:scale(.8);opacity:.8}to{transform:scale(1.45);opacity:0}}@keyframes status-pulse{from{opacity:.35}to{opacity:1}}
@media(max-width:1150px){.demo-grid{height:500px}.demo-grid .work-pane{padding:.75rem}.pane-focus{font-size:.75rem}.speaker-row{gap:.4rem}.speaker-avatar{width:41px;height:41px}.chat-bubble{font-size:.75rem}.file-name,.agent-copy{font-size:.75rem}.agent-log{font-size:.75rem}.offer-hero-grid{gap:2rem}.result-pane .approval-title{font-size:1rem}.preview-fields>div{flex-direction:column;gap:0}.preview-fields strong{text-align:left}}
@media(max-width:900px){.offer-hero-grid{grid-template-columns:1fr}.offer-demo{max-width:700px;justify-self:center;width:100%}.demo-grid{height:490px}.story-strip{grid-template-columns:1fr;gap:.75rem}.file-name,.agent-copy,.chat-bubble{font-size:.8125rem}.preview-fields>div{flex-direction:row;gap:.5rem}.preview-fields strong{text-align:right}}
@media(max-width:620px){.demo-top{padding:.7rem .65rem}.demo-top .mono{font-size:.75rem;max-width:50%}.demo-top>span:first-child{font-size:.75rem;white-space:normal}.demo-grid,.how-demo .demo-grid{height:560px}.demo-grid .work-pane{padding:.65rem .55rem}.pane-focus{gap:.25rem;flex-wrap:wrap;padding-bottom:.5rem}.pane-focus>span:last-child{max-width:none;text-align:left;color:#76a6b8}.speaker-row{gap:.4rem;margin:.1rem 0 .5rem}.speaker-avatar{width:38px;height:38px;flex-shrink:0}.speaker-label{font-size:.75rem;line-height:1.4}.mic-icon{display:none}.speaker-wave{gap:2px}.speaker-wave i{width:2px}.chat-bubble{font-size:.75rem;padding:.4rem .45rem;line-height:1.5}.chat-author{font-size:.75rem}.file-list{gap:.7rem}.file-name{font-size:.75rem}.file-name small{font-size:.75rem}.file-icon{width:17px;height:24px;font-size:.8125rem}.file-item{gap:.3rem}.file-state{font-size:.875rem}.pane-progress{font-size:.75rem}.agents-caption{font-size:.75rem;line-height:1.5}.agent-row{gap:.35rem;align-items:start}.agent-symbol{width:19px;height:23px;font-size:.75rem}.agent-copy{font-size:.75rem;line-height:1.5}.agent-copy small{font-size:.75rem;line-height:1.5}.agent-log{font-size:.75rem;line-height:1.5;padding-top:.45rem}.agent-list{gap:.7rem}.agent-check{font-size:.875rem}.result-pane .approval-title{font-size:.9375rem;line-height:1.5;margin:.3rem 0 .5rem}.preview-fields{gap:.45rem}.preview-fields>div{flex-direction:column;gap:0;font-size:.75rem}.preview-fields strong{text-align:left;font-size:.75rem}.decision-button{font-size:.75rem;min-height:39px;padding:.45rem .3rem}.decision-note{font-size:.75rem}.demo .willpad{width:46px;height:46px;border-width:5px}.demo-transport{padding:.75rem .65rem;gap:.6rem}.demo-transport [data-demo-message]{font-size:.75rem}.demo-transport small{font-size:.75rem}.demo-timeline{padding:.45rem .65rem .7rem;gap:.25rem}.demo-timeline button{font-size:.75rem;min-width:40px;padding:.4rem .15rem}.demo-disclaimer{font-size:.75rem;padding:.65rem;line-height:1.6}.story-strip blockquote{font-size:1rem}.offer-hero-grid h1{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){.demo-grid,.demo .willpad{transition:none!important}.demo *{animation:none!important}}