.scroll-story:has(.flow-scene){height:233svh}.flow-scene{--enter:0;--sort:0;--result:0;--fill0:0;--fill1:0;--fill2:0;position:relative!important;isolation:isolate;width:100%;height:78svh!important;min-height:580px!important;max-height:900px;overflow:hidden;border-radius:28px;background:radial-gradient(ellipse at 65% 60%,#d8d1e8,transparent 65%),#eeedf3!important;color:#262132;container-type:inline-size;font-family:Arial,sans-serif}.flow-heading{position:absolute;left:4%;top:5%;z-index:8;pointer-events:none}.flow-heading>span{font-size:10px;letter-spacing:1.8px;color:#706779}.flow-heading h3{font-size:clamp(28px,3.7cqw,56px);line-height:1.04;letter-spacing:-.055em;margin:15px 0 12px;font-weight:500}.flow-heading h3 em{font-weight:400;color:#81728e;font-style:normal}.flow-heading p{font-size:13px;margin:0;color:#706779}.flow-stage{position:absolute;inset:29% 4% 15%;perspective:1200px}.flow-panel{position:absolute;background:rgba(255,255,255,.94);border:1px solid #fff;border-radius:17px;box-shadow:0 22px 65px #3c254917,0 2px 6px #3c254906;overflow:hidden}.panel-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-bottom:1px solid #eeeaf2;font-size:11px;color:#746a81}.panel-bar b{font-weight:500;color:#342c40}.panel-bar i{color:#8b739d;font-size:8px;font-style:normal}.flow-panel h4{font-size:25px;font-weight:500;letter-spacing:-1px;line-height:1.1;margin:20px}.flow-footer{position:absolute;bottom:3%;left:4%;right:4%;z-index:20}.flow-timeline{position:relative;display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:2px solid #d7d0e0;font-size:10px;letter-spacing:1px}.flow-timeline i{position:absolute;bottom:-2px;left:0;width:calc(var(--p)*100%);height:2px;background:#756184}.flow-footnote{display:flex;align-items:center;gap:15px;margin-top:13px;font-size:8px;color:#81758e;letter-spacing:.6px}.flow-footnote>span{margin-right:auto}.flow-footnote button{border:0;background:transparent;font-size:10px;color:#54455f;cursor:pointer;padding:5px}.employee{width:28%;left:1%;top:4%;transform:translateY(calc(var(--i)*9px));padding-bottom:12px}.employee-0{--i:0;z-index:3;opacity:calc(1 - var(--fill1))}.employee-1{--i:1;z-index:2;opacity:calc(var(--fill1) - var(--fill2))}.employee-2{--i:2;z-index:1;opacity:var(--fill2)}.employee label{display:block;margin:15px 16px 0;font-size:10px;color:#91839d}.employee label div{border:1px solid #ddd5e5;border-radius:7px;padding:12px 8px;margin-top:6px;height:38px;color:#3d3149;font-size:12px;overflow:hidden;white-space:nowrap}.employee label span{display:inline-block;clip-path:inset(0 calc((1 - var(--typing))*100%) 0 0)}.employee-0{--typing:var(--fill0)}.employee-1{--typing:var(--fill1)}.employee-2{--typing:var(--fill2)}.employee label i{font-style:normal;color:#a18bb5}.form-submit{background:#78618c;color:white;border-radius:7px;margin:16px 16px 0;padding:12px;font-size:11px;position:relative}.form-submit b{position:absolute;inset:0;background:#e7f0e9;color:#4a6b54;border-radius:7px;display:grid;place-items:center;opacity:var(--typing);font-weight:400}.online-hub{position:absolute;left:34%;top:22%;width:23%;text-align:center;opacity:var(--enter);transform:scale(calc(.7 + var(--enter)*.3));color:#78638c}.online-hub>b{display:grid;place-items:center;width:90px;height:90px;margin:auto;background:#e4dbee;border:1px solid #faf5ff;border-radius:50%;font-size:60px;box-shadow:0 0 50px #b7a0cf45}.online-hub>span{display:block;font-size:9px;letter-spacing:1px;margin:15px 0 7px}.online-hub small{font-size:10px}.shared-dashboard{right:0;top:-1%;width:39%;opacity:var(--enter);transform:translateY(calc((1 - var(--enter))*65px)) rotateY(calc((1 - var(--result))*-9deg))}.shared-dashboard h4{margin:17px;font-size:24px}.shared-head,.shared-row{display:flex;justify-content:space-between;margin:0 17px;padding:11px 0;border-bottom:1px solid #eee8f3;font-size:10px}.shared-head{font-size:8px;color:#9b8da6}.shared-row b{font-weight:500}.shared-row small{display:block;color:#93859d;margin-top:4px;font-weight:400}.shared-row>span{color:#70907b;font-size:8px}.shared-row{opacity:var(--row);transform:translateY(calc((1 - var(--row))*15px))}.row-0{--row:var(--fill0)}.row-1{--row:var(--fill1)}.row-2{--row:var(--fill2)}.shared-summary{margin:15px 17px;display:flex;align-items:center;justify-content:space-between;opacity:var(--result)}.shared-summary>b{font-size:27px;font-weight:400}.shared-summary small{font-size:9px}.shared-summary>span{font-size:8px;color:#74917c}.flow-link{position:absolute;top:35%;font-size:30px;color:#a28ab5;opacity:var(--enter)}.link-one{left:30%}.link-two{left:56%}.input-cloud{position:absolute;inset:-9% -2% -8%;opacity:calc(1 - var(--sort));transform:scale(calc(1 - var(--sort)*.64)) rotate(calc(var(--sort)*-12deg));filter:blur(calc(var(--sort)*7px));z-index:2}.input-fragment{position:absolute;left:var(--x);top:var(--y);width:22%;padding:13px 15px;background:#fff;border:1px solid #ded5e8;box-shadow:0 12px 30px #38254518;border-radius:11px;transform:translate(calc(var(--sort)*(48cqw - var(--x))),calc(var(--sort)*-50px)) rotate(var(--r));font-size:12px}.input-fragment small{font-size:7px;letter-spacing:1px;display:flex;justify-content:space-between;color:#9685a5}.input-fragment small i{font-style:normal;color:#d2a183}.input-fragment b{font-weight:400;display:block;margin:10px 0}.input-fragment>span{font-size:8px;color:#b49c94}.flow-robot{position:absolute;left:35%;top:26%;width:130px;z-index:7;transform:translateX(calc((var(--sort)*-1)*20cqw)) translateY(calc((1 - var(--enter))*130px)) rotate(calc((1 - var(--enter))*-15deg));opacity:var(--enter);filter:drop-shadow(0 22px 25px #4d36622f)}.flow-robot-head{position:relative;width:130px;height:88px;border-radius:35px;background:linear-gradient(145deg,#fcfaff,#ad9abc);border:2px solid #fff;display:flex;gap:24px;justify-content:center;padding-top:27px;box-shadow:inset 0 -10px 15px #8f78a24f}.flow-robot-head>i{width:16px;height:20px;background:#564264;border-radius:50%;box-shadow:0 0 15px #f5e4ff}.flow-robot-head>span{position:absolute;bottom:9px;color:#5d466f;font-size:27px}.robot-antenna{text-align:center;font-size:30px;color:#ad8ecc;transform:rotate(calc(var(--p)*180deg))}.flow-robot-body{width:90px;height:71px;border-radius:24px 24px 38px 38px;background:linear-gradient(135deg,#f8f4fd,#b7a4c7);margin:6px auto;text-align:center;padding-top:12px;color:#8e70a7;font-size:35px;border:1px solid white}.robot-arm{position:absolute;width:25px;height:63px;border-radius:20px;background:linear-gradient(#eee4f6,#b59ac7);top:132px;transform-origin:top}.arm-l{left:-6px;transform:rotate(calc(20deg + var(--sort)*45deg))}.arm-r{right:-6px;transform:rotate(calc(-30deg - var(--sort)*55deg))}.flow-robot>small{display:block;white-space:nowrap;margin:18px -15px;font-size:8px;letter-spacing:1px;color:#7b648d}.built-system{left:31%;top:0;width:34%;opacity:var(--sort);transform:translateY(calc((1 - var(--sort))*70px)) rotateY(calc((1 - var(--sort))*-20deg))}.built-system h4{font-size:21px}.pipeline-piece{display:flex;gap:10px;align-items:center;padding:13px;margin:10px;background:#f3eff8;border-radius:9px;opacity:var(--piece);transform:translateX(calc((1 - var(--piece))*60px))}.piece-0{--piece:var(--s1)}.piece-1{--piece:var(--s2)}.piece-2{--piece:var(--s3)}.pipeline-piece>i{font-style:normal;font-size:10px;color:#9c86ad}.pipeline-piece b{font-size:11px;font-weight:400}.pipeline-piece small{display:block;font-size:8px;color:#a08eae;margin-top:5px}.pipeline-piece>span{margin-left:auto;color:#8ca494}.auto-reply{right:0;top:8%;width:29%;opacity:var(--result);transform:translateY(calc((1 - var(--result))*75px))}.chat-question{margin:14px 12px 12px 27px;background:#f0edf4;padding:12px;font-size:10px;border-radius:12px 12px 0 12px}.chat-answer{background:#e8e0f0;padding:14px;margin:0 20px 15px 12px;border-radius:12px 12px 12px 0}.chat-answer small{font-size:7px;letter-spacing:1px;color:#9275a7}.chat-answer b{display:block;font-size:13px;font-weight:500;margin:9px 0}.chat-answer p{font-size:10px;line-height:1.5;margin:0 0 10px}.chat-answer>span{font-size:8px;color:#738b79}.calendar-confirm{display:flex;gap:10px;align-items:center;margin:12px;padding:12px;border:1px solid #e2d9ea;border-radius:9px;font-size:10px}.calendar-confirm>b{font-size:19px;font-weight:400}.calendar-confirm small{font-size:8px;color:#94849e}.calendar-confirm i{margin-left:auto;color:#8aa292}.human-bottleneck{position:absolute;left:34%;top:25%;width:33%;text-align:center;z-index:6;opacity:calc(1 - var(--enter));transform:scale(calc(1 - var(--enter)*.3));padding:20px;background:#f7f2fbeF;border-radius:25px;box-shadow:0 10px 50px #6c447c22}.human-bottleneck>b{display:block;font-size:55px;color:#b390aa}.human-bottleneck>span{display:block;font-size:15px;margin:12px}.human-bottleneck small{display:block;font-size:9px;color:#a48b9a}.human-bottleneck i{display:block;margin-top:15px;font-size:10px;color:#be8b85;font-style:normal}.ai-engine{position:absolute;left:40%;top:16%;width:20%;text-align:center;z-index:6;opacity:calc(var(--enter)*(1 - var(--result)));transform:translateY(calc(var(--sort)*-35px))}.ai-engine b{display:grid;place-items:center;width:120px;height:120px;margin:auto;background:radial-gradient(circle,#e9d4ff,#9980b3);border-radius:35%;font-size:85px;color:#fff;box-shadow:0 0 90px #b393d4;transform:rotate(calc(var(--p)*180deg))}.ai-engine span{display:block;letter-spacing:2px;font-size:10px;margin:20px 0 8px}.ai-engine small{font-size:9px}.ai-outputs{position:absolute;inset:8% 1% -2%;display:flex;gap:20px;align-items:center;opacity:var(--result);transform:translateY(calc((1 - var(--result))*100px))}.output-column{position:relative;width:33.33%;transform:translateY(calc((1 - var(--result))*var(--offset)));--offset:30px}.output-1{--offset:80px}.output-2{--offset:130px}.output-symbol{font-size:37px;color:#a38bb7;margin:20px 20px 0}.output-column h4{font-size:23px;margin:14px 20px}.output-column p{font-size:11px;line-height:1.6;color:#97859f;margin:0 20px 20px;min-height:36px}.output-item{display:flex;justify-content:space-between;background:#f3eff8;margin:12px;padding:13px;font-size:9px;border-radius:8px}.output-item>span{color:#89a28e}.output-destination{font-size:9px;border-top:1px solid #eee8f3;padding:15px 20px;color:#9a80ac}.audit-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.audit-wires path{fill:none;stroke-width:1.5}.tangled-wire{stroke:#b299ad;opacity:calc(.7*(1 - var(--sort)));stroke-dasharray:5 6}.ordered-wire{stroke:#a18ab1;opacity:var(--sort);stroke-dasharray:800;stroke-dashoffset:calc((1 - var(--sort))*800)}.audit-process{position:absolute;inset:0 27% 0 0}.process-tile{position:absolute;width:24%;height:83px;left:calc(var(--x)*(1 - var(--sort)) + var(--i)*16.8%*var(--sort));top:calc(var(--y)*(1 - var(--sort)) + 31%*var(--sort));transform:rotate(calc(var(--r)*(1 - var(--sort)))) scale(calc(1 - var(--sort)*.32));background:#fff;border:1px solid #e4d9ed;border-radius:13px;padding:13px;box-shadow:0 12px 35px #442b5417;transform-origin:left center;z-index:3}.process-tile span{font-size:9px;color:#ac94bc}.process-tile b{display:block;font-size:15px;font-weight:400;margin-top:10px}.process-tile i{position:absolute;right:10px;top:12px;color:#8ea893;opacity:var(--sort);font-style:normal}.metric-panel{right:0;bottom:0;width:36%;transform:translateY(calc((1 - var(--sort))*-15px))}.metric-state{position:relative;margin:20px;height:30px;font-size:18px;letter-spacing:-.5px}.metric-before{position:absolute;opacity:calc(1 - var(--result));color:#b18289}.metric-after{position:absolute;opacity:var(--result);color:#7c698c}.business-chart{width:90%;margin:0 5%;overflow:visible}.chart-grid{fill:none;stroke:#eee7f3;stroke-width:1}.business-line{fill:none;stroke:#a084b2;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.metric-tags{display:flex;gap:5px;flex-wrap:wrap;margin:20px;font-size:8px;opacity:var(--result)}.metric-tags span{background:#f2edf6;padding:7px;border-radius:4px}
@media(max-width:700px){.flow-scene{height:86svh!important;min-height:650px!important;border-radius:18px}.flow-heading{left:6%;top:5%;right:5%}.flow-heading h3{font-size:32px}.flow-heading p{font-size:11px;max-width:270px;line-height:1.5}.flow-stage{inset:29% 5% 16%}.flow-footer{left:6%;right:6%}.flow-footnote>span{max-width:150px;font-size:6px;line-height:1.5}.flow-timeline{font-size:7px;letter-spacing:.5px}.employee{width:44%;left:0;top:0}.panel-bar{padding:10px;font-size:8px}.employee label{margin:10px;font-size:8px}.employee label div{font-size:8px;padding:8px 5px;height:30px}.form-submit{margin:10px;padding:10px;font-size:8px}.online-hub{left:49%;top:2%;width:46%}.online-hub>b{width:65px;height:65px;font-size:43px}.online-hub>span{font-size:7px}.online-hub small{font-size:8px}.shared-dashboard{width:83%;top:auto;bottom:0;right:0}.shared-dashboard h4{font-size:18px;margin:12px}.shared-row{padding:7px 0}.shared-summary{margin:10px 17px}.shared-summary>b{font-size:22px}.link-one{left:44%;top:15%;font-size:20px}.link-two{left:70%;top:32%;transform:rotate(90deg);font-size:20px}.input-fragment{width:37%;font-size:9px;padding:10px;left:calc(var(--x)*.75)}.input-fragment small{font-size:6px}.input-fragment>span{font-size:7px}.flow-robot{left:29%;top:18%;transform:translateX(calc(var(--sort)*-22cqw)) translateY(calc((1 - var(--enter))*100px)) scale(.7);transform-origin:left top}.built-system{left:30%;width:70%;top:0}.built-system h4{font-size:18px;margin:12px}.pipeline-piece{padding:9px;margin:7px}.pipeline-piece b{font-size:9px}.pipeline-piece small{font-size:7px}.auto-reply{width:83%;top:auto;bottom:-4%;right:0}.chat-question{display:none}.chat-answer{margin:10px;padding:12px}.chat-answer p{font-size:9px}.chat-answer b{font-size:12px;margin:6px 0}.calendar-confirm{margin:8px;padding:8px}.human-bottleneck{left:17%;width:68%;top:27%;padding:15px}.human-bottleneck>span{font-size:13px}.ai-engine{left:26%;width:48%;top:22%}.ai-outputs{inset:-2% 0 -5%;display:flex;flex-direction:column;gap:9px}.output-column{width:100%;min-height:112px;flex-shrink:0;display:grid;grid-template-columns:45px 1fr}.output-column .panel-bar{grid-column:1/3;padding:8px 12px}.output-symbol{font-size:25px;margin:13px 10px}.output-column h4{font-size:17px;margin:11px 0 4px}.output-column p{font-size:8px;margin:0 15px 7px 45px;grid-column:1/3;min-height:0}.output-item{margin:0 10px 8px;font-size:8px;padding:7px;grid-column:1/3}.output-destination{display:none}.audit-process{inset:0 0 45% 0}.process-tile{width:30%;height:78px;padding:10px;left:calc(var(--x)*.8*(1 - var(--sort)) + mod(var(--i),3)*33%*var(--sort));top:calc(var(--y)*(1 - var(--sort)) + round(down,var(--i)/3)*48%*var(--sort));transform:rotate(calc(var(--r)*(1 - var(--sort)))) scale(calc(1 - var(--sort)*.05))}.process-tile b{font-size:12px}.metric-panel{width:88%;bottom:-3%}.metric-state{font-size:16px;margin:12px 15px;height:20px}.business-chart{height:80px}.metric-tags{margin:10px 15px;font-size:7px}.audit-wires{height:58%}.flow-audit .flow-stage{inset-top:30%}}
.flow-scene>.flow-heading{display:block;height:auto;min-height:0;width:auto;padding:0;margin:0;background:none;border:0;backdrop-filter:none;transform:none;box-shadow:none}.flow-scene>.flow-footer{background:none;color:inherit;padding:0;margin:0;border:0;border-radius:0;min-height:0;height:auto;width:auto;transform:none;box-shadow:none}.flow-heading h3{display:block}.flow-heading p{display:block}.flow-stage{inset:32% 4% 15%}.flow-scene{filter:none!important}.flow-footnote button{min-height:28px}
@media(max-width:700px){.flow-stage{inset:31% 5% 16%}}
.input-cloud{inset:-5% -2% 6%}.human-bottleneck>b{position:relative;width:55px;height:62px;margin:auto;font-size:0}.human-bottleneck>b:before{content:'';position:absolute;top:0;left:16px;width:24px;height:24px;background:linear-gradient(#ceb3c5,#a9859e);border-radius:50%}.human-bottleneck>b:after{content:'';position:absolute;bottom:0;left:1px;width:54px;height:32px;background:linear-gradient(#ceb3c5,#a9859e);border-radius:25px 25px 9px 9px}
.audit-process{right:42%}.ordered-wire{transform:scaleX(.79);transform-origin:left}.flow-audit .metric-panel{width:36%}@media(max-width:700px){.audit-process{right:0}.flow-audit .metric-panel{width:88%}.ordered-wire{opacity:0}}
@media(max-width:700px){.flow-crm .employee{opacity:calc(var(--employee-visible)*(1 - var(--result)));transform:scale(.85);transform-origin:top left}.employee-0{--employee-visible:calc(1 - var(--fill1))}.employee-1{--employee-visible:calc(var(--fill1) - var(--fill2))}.employee-2{--employee-visible:var(--fill2)}.flow-crm .shared-dashboard{width:83%;transform:translateY(calc((1 - var(--enter))*65px)) scale(calc(.9 + var(--result)*.1));transform-origin:bottom right}.flow-crm .online-hub{top:-6%}.flow-crm .link-one{opacity:calc(var(--enter)*(1 - var(--result)))}.flow-crm .link-two{top:23%}}
@media(max-width:700px){.ai-outputs{gap:7px;bottom:1%}.output-column{min-height:100px}.output-symbol{font-size:22px;margin:8px 10px}.output-column h4{font-size:16px;margin:8px 0 2px}.output-column p{margin:0 12px 5px 45px}.output-item{padding:5px;margin-bottom:6px}}

/* Shorter scroll travel; stage timings still use the same normalized progress. */
.scroll-story{height:189svh;min-height:0}
@media(max-width:700px){.scroll-story{height:186svh;min-height:0}.scroll-story:has(.flow-scene){height:234svh}}
@media(prefers-reduced-motion:reduce){.scroll-story,.scroll-story:has(.flow-scene){height:auto;min-height:0}}