/* Scroll is the timeline, not a slide transition. Default state is readable. */
.scroll-design .reveal{opacity:1;transform:none}
.scroll-scene,.scroll-chapter{--scene-progress:1;--scene-drift:0;--cover:0}
.workspace-depth{position:relative;isolation:isolate;perspective:1800px}
.workspace-depth::before,.workspace-depth::after{content:"";position:absolute;inset:-8px 17px 12px;border:1px solid #ded3f5;border-radius:18px;background:#f4efff;z-index:-1;pointer-events:none;transform-origin:center bottom;transform:rotateX(calc((1 - var(--scene-progress))*14deg)) translateY(calc((1 - var(--scene-progress))*-18px))}
.workspace-depth::after{inset:-15px 32px 25px;background:#eefaf4;border-color:#d3ecdf;z-index:-2;transform:rotateX(calc((1 - var(--scene-progress))*20deg)) translateY(calc((1 - var(--scene-progress))*-26px))}
.scroll-design .people-parallax{position:relative;z-index:1;transform:translateY(calc(var(--scene-drift)*-28px))}
.people-parallax img{display:block;width:100%;height:auto}
.people-satellites{position:absolute;inset:0;z-index:3;pointer-events:none}
.people-satellite{position:absolute;background:#fff;border:1px solid #e3daf5;box-shadow:0 12px 28px #46337e12;border-radius:13px;padding:12px 16px;display:flex;align-items:center;gap:8px;color:#5c4484;font-size:11px}
.people-satellite .icon{width:17px;height:17px;color:var(--purple)}
.satellite-one{top:13%;left:2%;transform:translate(calc((1 - var(--scene-progress))*-32px),calc(var(--scene-drift)*22px)) rotate(-5deg)}
.satellite-two{right:-2%;bottom:24%;transform:translate(calc((1 - var(--scene-progress))*32px),calc(var(--scene-drift)*-18px)) rotate(4deg);border-color:#c6eada;color:#277757}
.satellite-two .icon{color:var(--green)}
.scroll-crm .timeline{position:relative}
.scroll-crm .timeline::after{content:"";position:absolute;left:15px;top:42px;bottom:47px;width:2px;background:linear-gradient(var(--purple),var(--mint));transform:scaleY(var(--scene-progress));transform-origin:top;pointer-events:none;z-index:0}
.scroll-crm .timeline-entry{position:relative;z-index:1;animation:none;transform:translateX(calc((1 - var(--scene-progress))*var(--entry-shift,20px)))}
.scroll-crm .timeline-entry:nth-child(2){--entry-shift:42px}
.scroll-crm .timeline-entry:nth-child(3){--entry-shift:64px}
.scroll-crm .timeline-icon{position:relative;z-index:2}
.scroll-crm.scene-interacted .timeline-entry{transform:none}
.scroll-crm .account-illustration{overflow:hidden}
.automation-layout{position:relative}
.automation-route{position:absolute;bottom:8%;left:34%;width:27%;height:80px;pointer-events:none;z-index:0;opacity:.6}
.automation-route svg{width:100%;height:100%;overflow:visible;fill:none;stroke:#9778ec;stroke-width:2;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--scene-progress)*100)}
.automation-route>span{display:grid;place-items:center;position:absolute;left:calc(var(--scene-progress)*85%);top:35px;width:25px;height:25px;background:#e6faf1;color:var(--green);border:1px solid #c8e8d9;border-radius:50%}
.automation-route .icon{width:13px;height:13px}
.automation-copy,.automation-lab{position:relative;z-index:1}
.scroll-design .media-section{background:linear-gradient(#fbfaff,#fff);padding-bottom:60px}
.scroll-chapters{margin-top:36px}
.chapter-navigation{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 32px}
.chapter-navigation a{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;background:#fff;border:1px solid #e7e0f2;border-radius:100px;font-size:11px;color:#5e4b77;text-decoration:none}
.chapter-navigation a>span{font-size:9px;color:#8d78b0}
.chapter-navigation a:hover{background:#eee8ff;border-color:#c4b4f2;color:var(--purple)}
.scroll-cue{margin-left:auto;display:flex;align-items:center;gap:7px;color:#8c7c9d;font-size:10px}
.scroll-cue .icon{height:15px;width:15px;transform:rotate(90deg)}
.chapter-stack{position:relative;isolation:isolate;padding-bottom:30px}
.chapter-marker{height:0;scroll-margin-top:16px}
.scroll-chapter{position:relative;border:1px solid #dfd5f6;border-radius:25px;display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;padding:48px;margin:0 0 45px;min-height:520px;overflow:hidden;background:#eee8ff;isolation:isolate;box-shadow:0 16px 55px -30px #48306d35;transform-origin:50% 0}
.scroll-stacking .scroll-chapter{position:sticky;top:calc(105px + var(--chapter)*16px);transform:scale(calc(1 - var(--cover)*.035))}
.scroll-stacking .scroll-chapter:focus-within{transform:none}
.chapter-sell{background:#e2f6ec;border-color:#cae9da}
.chapter-deliver{background:#f3efff;border-color:#ded4f6}
.chapter-measure{background:#d8f3e8;border-color:#c5e5d7}
.chapter-copy{align-self:center;z-index:2;min-width:0}
.chapter-eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;color:#71559c}
.chapter-eyebrow .icon{width:20px;height:20px}
.chapter-sell .chapter-eyebrow,.chapter-measure .chapter-eyebrow{color:#32735b}
.chapter-copy h3{font-size:37px;line-height:1.12;font-weight:600;letter-spacing:-1.4px;color:#34224f;margin:22px 0 18px;max-width:340px}
.chapter-copy>p{font-size:13px;line-height:1.9;color:#78638e;margin:0 0 23px;max-width:360px}
.chapter-copy ul{padding:0;margin:0;list-style:none;display:grid;gap:13px;font-size:11px;color:#5b4477}
.chapter-copy li{display:flex;align-items:flex-start;gap:8px;line-height:1.6}
.chapter-copy li .icon{flex:0 0 15px;height:15px;color:#648b75;margin-top:1px}
.chapter-link{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;border-bottom:1px solid #9b85b9;color:#5f3e90;font-size:11px;font-weight:600;padding:7px 0;margin-top:24px;cursor:pointer}
.chapter-link .icon{height:15px;width:15px}
.chapter-link:hover{gap:14px}
.chapter-visual{align-self:center;min-width:0;z-index:1}
.chapter-scene{position:relative;padding:24px;border:1px solid #e6def0;background:#fff;border-radius:16px;box-shadow:0 22px 40px -25px #56307845}
.chapter-caption{font-size:10px;line-height:1.8;color:#78618c;margin:18px 10px 0;max-width:500px}
.chapter-watermark{font-size:170px;font-weight:700;line-height:1;letter-spacing:-10px;position:absolute;bottom:-32px;left:35px;color:#8464c10a;pointer-events:none;z-index:-1}
.scene-browser{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:10px;color:#7f6a92;border-bottom:1px solid #f0eaf6;padding-bottom:15px;margin-bottom:20px}
.scene-browser>span{display:flex;align-items:center;gap:6px}
.scene-browser .icon{width:15px;height:15px;color:#7852bd}
.scene-dots{display:flex;gap:4px!important}
.scene-dots i{height:5px;width:5px;border-radius:50%;background:#d7cae7}
.scene-dots i:last-child{background:#7ad8b3}
.scene-pill{border-radius:20px;padding:5px 8px;background:#f1edfc;color:#7850ab;font-size:8px;white-space:nowrap}
.scene-plan-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}
.scene-plan-head small,.scene-kicker,.scene-result-copy>small{font-size:8px;font-weight:600;letter-spacing:1.3px;color:#9b88af}
.scene-plan-head h4{font-size:19px;letter-spacing:-.5px;margin:7px 0 0;color:#47315f;font-weight:550}
.scene-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#eee5ff;color:#7a57a7;font-size:9px;flex-shrink:0}
.scene-table-head,.scene-plan-row{display:grid;grid-template-columns:1.6fr .7fr .7fr .85fr;gap:8px;align-items:center}
.scene-table-head{font-size:8px;color:#8b769d;background:#f8f5fc;padding:10px;border-radius:6px}
.scene-table-head>span:not(:first-child),.scene-plan-row>span:not(:first-child),.scene-plan-row>strong{text-align:center}
.scene-plan-row{padding:15px 10px;border-bottom:1px solid #f2edf7;font-size:10px}
.scene-plan-row>span:first-child>b{display:block;font-size:10px;color:#664881}
.scene-plan-row small{display:block;font-size:8px;margin-top:4px;color:#9a85ad}
.scene-plan-row strong{font-size:10px;font-weight:600;color:#675078}
.scene-allocation{position:relative;display:grid;place-items:center;min-height:29px}
.scene-allocation i{position:absolute;inset:0;background:#eee6ff;border-radius:5px;transform:scaleX(clamp(0,calc(var(--scene-progress)*1.6 - var(--row)*.2),1));transform-origin:left}
.scene-allocation b{z-index:1;position:relative;color:#7752aa;font-size:11px;font-weight:600}
.scene-plan-row:nth-child(3) .scene-allocation i{background:#dff5ea}
.scene-total{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#877295;padding-top:19px}
.scene-total strong{font-size:24px;letter-spacing:-.8px;color:#6135a0}
.scene-note{display:flex;gap:7px;align-items:center;font-size:8px;color:#5d8b73;border-top:1px solid #eee9f3;margin-top:16px;padding-top:13px}
.scene-note .icon{width:14px;height:14px}
.chapter-sell .chapter-scene{background:transparent;border:0;box-shadow:none;padding:12px 25px 14px}
.scene-proposal{position:relative;padding:27px;border:1px solid #ded4ed;background:#fff;border-radius:10px;box-shadow:0 20px 30px -20px #73509c55;transform:rotate(calc((1 - var(--scene-progress))*-5deg)) translateY(calc((1 - var(--scene-progress))*20px))}
.scene-proposal-back{position:absolute;inset:8px 30px 20px 25px;border:1px solid #c7ddcf;border-radius:10px;background:#f7fffa;transform:rotate(calc(-5deg + var(--scene-progress)*1deg))}
.scene-paper-brand{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:9px;color:#7b6791}
.scene-paper-brand>span{display:flex;gap:6px;align-items:center;font-weight:600}
.scene-paper-brand .icon{height:17px;width:17px;color:var(--purple)}
.scene-paper-brand>small{font-size:8px}
.scene-paper-rule{height:3px;background:linear-gradient(90deg,var(--purple) 62%,var(--mint) 62%);margin:17px 0 24px;transform:scaleX(var(--scene-progress));transform-origin:left}
.scene-proposal h4{font-size:30px;line-height:1.18;letter-spacing:-1px;color:#523c68;margin:13px 0}
.scene-proposal p{font-size:10px;color:#8f7b9e;margin:0 0 24px}
.scene-investment{display:grid;grid-template-columns:1fr auto;gap:13px;font-size:10px;color:#8d749f;padding-bottom:18px}
.scene-investment b{color:#68477d;font-weight:600}
.scene-paper-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eae1f1;padding-top:17px;gap:10px;font-size:10px;color:#7a5e8e}
.scene-paper-total strong{font-size:29px;color:#634199;letter-spacing:-1px}
.scene-version{display:flex;gap:6px;align-items:center;font-size:8px;color:#668370;margin-top:20px}
.scene-version .icon{height:12px;width:12px}
.scene-float-note{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:7px;padding:12px 15px;background:#fbfaff;border:1px solid #d9cbed;border-radius:9px;color:#735190;box-shadow:0 10px 30px #63517618;font-size:10px;transform:translateY(calc((1 - var(--scene-progress))*25px)) rotate(3deg)}
.scene-float-note .icon{width:15px;height:15px}
.scene-review-items{display:grid;gap:12px;position:relative}
.scene-review-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e9e0f2;padding:17px 14px;border-radius:10px;transform:translateX(calc((1 - var(--scene-progress))*(18px + var(--row)*22px)))}
.scene-review-item>div{flex:1}
.scene-review-item b{font-size:11px;font-weight:600;color:#614776}
.scene-review-item p{font-size:10px;color:#8e759f;margin:6px 0}
.scene-review-item small{font-size:8px;color:#8563a1}
.scene-review-item>.icon{width:14px;height:14px;color:#a48bba}
.scene-review-icon{width:32px;height:32px;display:grid;place-items:center;background:#eee7ff;border-radius:9px;flex-shrink:0}
.scene-review-icon.mint{background:#dff6ea;color:#38916c}
.scene-review-icon .icon{width:17px;height:17px}
.scene-review-footer{display:flex;align-items:center;gap:9px;color:#8e7a9c;font-size:9px;padding-top:18px}
.scene-review-footer>.icon{margin-left:auto;width:17px;height:17px;color:#69a487}
.scene-review-rail{position:absolute;left:52px;top:87px;bottom:70px;border-left:2px solid #cbb7ec;transform:scaleY(var(--scene-progress));transform-origin:top}
.scene-results{display:flex;align-items:center;gap:23px;padding:5px 0 21px}
.scene-ring{position:relative;flex:0 0 145px;height:145px}
.scene-ring>svg{width:100%;height:100%;fill:none;stroke-width:9;transform:rotate(-90deg)}
.ring-track{stroke:#eee9f6}
.ring-value{stroke:#7350d9;stroke-linecap:round;stroke-dasharray:calc(var(--scene-progress)*91.6667) 100}
.scene-ring>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.scene-ring b{font-size:34px;letter-spacing:-1.5px;color:#5c4280;font-weight:600}
.scene-ring b>span{font-size:18px;color:#ae9bc0;font-weight:450;letter-spacing:-.5px}
.scene-ring small{font-size:7px;color:#927ea3}
.scene-result-copy h4{font-size:24px;line-height:1.22;letter-spacing:-.6px;margin:9px 0;color:#4e365f}
.scene-result-copy p{font-size:10px;color:#8f789a;margin:0}
.scene-result-bars{display:grid;gap:13px;padding:10px 0 23px}
.scene-result-bars>div{display:flex;align-items:center;gap:12px;font-size:9px;color:#8b759b}
.scene-result-bars>div>span{width:85px;flex-shrink:0}
.scene-result-bars>div>i{height:9px;flex:1;background:#f1edf7;border-radius:4px;overflow:hidden}
.scene-result-bars b{display:block;height:100%;width:100%;background:#ac94ed;border-radius:4px;transform:scaleX(var(--scene-progress));transform-origin:left}
.scene-result-bars .aired{width:91.6667%;background:#57c89b}
.scene-result-bars strong{width:17px;text-align:right;color:#6c527f;font-weight:600}
.scene-report-links{display:flex;gap:8px;padding-top:15px;border-top:1px solid #f0e8f6;flex-wrap:wrap}
.scene-report-links>span{display:flex;align-items:center;gap:5px;background:#f7f3fc;border-radius:5px;font-size:9px;padding:7px 9px;color:#87689e}
.scene-report-links .icon{width:13px;height:13px}
.chapter-example{text-align:center;font-size:10px;color:#a28bb5;margin:0}
.chapter-bottom{margin-top:22px}
.scroll-channels .channel-icon{transform:rotate(calc((1 - var(--scene-progress))*-9deg)) translateY(calc((1 - var(--scene-progress))*17px))}
.scroll-channels .channel:nth-child(2) .channel-icon{transform:rotate(calc((1 - var(--scene-progress))*9deg)) translateY(calc((1 - var(--scene-progress))*-17px))}
.scroll-channels .future-channel .channel-icon{transform:none}
.assistant-source-trail{position:relative;display:flex;justify-content:space-around;gap:8px;padding:0 6px 46px;z-index:1}
.assistant-source-trail>span{display:flex;align-items:center;gap:5px;color:#7c6594;border:1px solid #e8dff2;background:#fff;border-radius:6px;padding:8px 10px;font-size:9px;transform:translateY(calc((1 - var(--scene-progress))*-16px))}
.assistant-source-trail>span:first-child{transform:translate(calc((1 - var(--scene-progress))*-25px),calc((1 - var(--scene-progress))*-12px))}
.assistant-source-trail>span:last-of-type{transform:translate(calc((1 - var(--scene-progress))*25px),calc((1 - var(--scene-progress))*-12px))}
.assistant-source-trail>span>.icon{width:13px;height:13px;color:var(--purple)}
.assistant-source-trail>svg{position:absolute;bottom:0;left:10%;width:80%;height:46px;fill:none;stroke:#b89bdb;stroke-width:1.5;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--scene-progress)*100)}
.scroll-assistant .assistant-window{position:relative;z-index:1}
.scroll-assistant .assistant-spark-decoration{top:70px}
.scroll-assistant .source-chip{box-shadow:0 0 0 calc(var(--scene-progress)*3px) #ddf7e940}
.connection-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0;fill:none;stroke:#e8dff3;stroke-width:2}
.connection-wires .wire-fill{stroke:#a78bd7;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--scene-progress)*100)}
.connection-wires .wire-fill:nth-child(n+7){stroke:#63b895}
.scroll-connections .tool-cluster,.scroll-connections .connection-center{z-index:1}
.scroll-connections .connection-line{display:none}
.scroll-connections .connection-center{transform:scale(calc(.91 + var(--scene-progress)*.09))}
.scroll-why .why-icon{transform:rotate(calc((1 - var(--scene-progress))*-15deg))}
.scroll-why .why-grid article{position:relative}
.scroll-why .why-grid article::after{content:"";position:absolute;bottom:-16px;left:0;right:20px;height:2px;background:linear-gradient(90deg,#b49af0,#9be3c4);transform:scaleX(var(--scene-progress));transform-origin:left}
.scroll-closing .closing-art{transform:translateY(calc((1 - var(--scene-progress))*32px))}
.scroll-closing .closing-art-circle{animation:none;transform:scale(calc(.6 + var(--scene-progress)*.4))}
@media(max-width:1100px){
 .scroll-chapter{gap:28px;padding:32px;min-height:500px}
 .chapter-copy h3{font-size:31px}
 .chapter-copy>p{font-size:12px}
 .chapter-copy li{font-size:10px}
 .chapter-scene{padding:20px}
 .scene-proposal{padding:22px}
 .scene-results{gap:13px}
 .scene-ring{flex-basis:125px;height:125px}
 .scene-result-copy h4{font-size:21px}
 .scroll-cue{display:none}
 .people-satellite{font-size:9px;padding:10px}
}
@media(max-width:900px),(max-height:719px){
 .scroll-chapter{position:relative;top:auto;transform:none}
 .chapter-marker{scroll-margin-top:5px}
}
@media(max-width:760px){
 .workspace-depth .workspace-frame{transform:none!important}
 .scroll-chapter{grid-template-columns:1fr;gap:26px;padding:28px;margin-bottom:24px;min-height:0;border-radius:18px}
 .chapter-copy h3{max-width:none;font-size:30px;margin-block:15px 12px}
 .chapter-copy>p{max-width:none;margin-bottom:16px}
 .chapter-copy ul{gap:8px}
 .chapter-link{margin-top:15px}
 .chapter-visual{width:100%;max-width:530px;justify-self:center}
 .chapter-navigation{gap:6px;margin-bottom:22px}
 .chapter-navigation a{font-size:10px;padding:9px 11px}
 .chapter-caption{font-size:9px;margin:15px 2px 0}
 .chapter-watermark{left:auto;right:15px;top:15px;bottom:auto;font-size:110px}
 .chapter-example{font-size:9px;line-height:1.8}
 .chapter-stack{padding-bottom:6px}
 .automation-route{display:none}
 .people-satellite{font-size:8px;padding:9px}
 .satellite-one{left:0}
 .satellite-two{right:0}
 .scroll-crm .timeline-entry{transform:none}
 .assistant-source-trail{gap:5px;padding-inline:0}
 .assistant-source-trail>span{font-size:8px;padding:7px}
 .connection-wires{display:none}
}
@media(max-width:470px){
 .scroll-chapters{margin-top:27px}
 .chapter-navigation{display:grid;grid-template-columns:1fr 1fr}
 .chapter-navigation a{justify-content:center;font-size:9px}
 .scroll-chapter{padding:22px 18px;gap:22px}
 .chapter-eyebrow{font-size:10px}
 .chapter-copy h3{font-size:29px;letter-spacing:-1px}
 .chapter-copy>p{font-size:11px;line-height:1.85}
 .chapter-copy li{font-size:10px}
 .chapter-link{font-size:10px}
 .chapter-scene{padding:16px}
 .scene-browser{font-size:8px;margin-bottom:16px}
 .scene-dots{display:none!important}
 .scene-pill{font-size:7px;padding:5px}
 .scene-plan-head h4{font-size:16px}
 .scene-plan-head small{font-size:6px}
 .scene-avatar{height:24px;width:24px;font-size:8px}
 .scene-table-head,.scene-plan-row{gap:3px;grid-template-columns:1.5fr .65fr .65fr .85fr;padding-inline:5px}
 .scene-plan-row strong,.scene-plan-row>span:first-child>b{font-size:9px}
 .scene-plan-row small,.scene-table-head{font-size:7px}
 .scene-total{font-size:8px}
 .scene-total strong{font-size:21px}
 .scene-note{font-size:7px;line-height:1.7}
 .chapter-sell .chapter-scene{padding:7px 10px 14px}
 .scene-proposal{padding:19px}
 .scene-paper-brand{font-size:7px}
 .scene-paper-brand>small{font-size:6px}
 .scene-proposal h4{font-size:25px}
 .scene-investment,.scene-paper-total{font-size:9px}
 .scene-float-note{font-size:8px;padding:9px}
 .scene-review-item{padding:13px 10px;gap:8px;transform:none}
 .scene-review-item b{font-size:10px}
 .scene-review-item p{font-size:9px;line-height:1.6}
 .scene-review-item small{font-size:7px;line-height:1.6;display:block}
 .scene-review-item>.icon{display:none}
 .scene-review-icon{height:28px;width:28px}
 .scene-review-footer{font-size:8px}
 .scene-review-rail{left:40px}
 .scene-results{gap:10px}
 .scene-ring{flex-basis:112px;height:112px}
 .scene-ring b{font-size:29px}
 .scene-ring small{font-size:6px}
 .scene-result-copy>small{font-size:6px}
 .scene-result-copy h4{font-size:19px}
 .scene-result-copy p{font-size:9px;line-height:1.7}
 .scene-result-bars>div{font-size:8px;gap:8px}
 .scene-result-bars>div>span{width:77px}
 .scene-report-links{gap:5px}
 .scene-report-links>span{font-size:8px;padding:6px}
 .people-satellite{font-size:7px;padding:7px}
 .people-satellite .icon{height:12px;width:12px}
 .assistant-source-trail>span{font-size:7px}
}
/* Pausing is a complete static presentation, including all charts and decorations. */
html[data-motion=off] .scroll-scene,html[data-motion=off] .scroll-chapter{--scene-progress:1!important;--scene-drift:0!important;--cover:0!important}
html[data-motion=off] .scroll-chapter{position:relative;top:auto;transform:none}
html[data-motion=off] .scene-proposal,html[data-motion=off] .scene-float-note{transform:none}
@media print{
 .scroll-chapter{position:relative!important;top:auto!important;transform:none!important;break-inside:avoid;--scene-progress:1!important}
 .scroll-scene{--scene-progress:1!important;--scene-drift:0!important}
 .chapter-navigation,.scroll-cue{display:none}
}