/* Each banner is a short, paused-with-the-deck sequence of complete demo screens. */
.motion-reel{container-type:inline-size;display:flex;flex-direction:column;gap:12px;overflow:visible;align-self:center;height:min(54svh,510px);color:#24332e}
.reel-screen{position:relative;flex:1;min-height:0;isolation:isolate;border-radius:11px;overflow:hidden;box-shadow:0 18px 34px #142d2a32;transform:rotate(1deg);background:#f8f7f2}
.reel-shot{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;background:#faf9f5;animation:reel-screen-in .32s cubic-bezier(.16,1,.3,1) both}
.reel-shot[hidden]{display:none}.reel-appbar{display:flex;align-items:center;gap:10px;height:40px;padding:0 16px;flex-shrink:0;background:#eeede8;font-size:11px;color:#46504a}
.reel-appbar>b{font-size:12px;letter-spacing:-.02em}.reel-appbar>span:last-child{margin-left:auto;font-size:9px;white-space:nowrap}.window-dots{display:flex;gap:4px}.window-dots>i{width:6px;height:6px;border-radius:50%;background:#bdc1b8}.window-dots>i:first-child{background:#d58b79}.window-dots>i:nth-child(2){background:#dfc38c}.window-dots>i:last-child{background:#9eb896}
.reel-status{display:flex;align-items:center;gap:7px;min-height:32px;flex-shrink:0;margin-top:auto;padding:9px 14px;background:#e5ecde;color:#3e5b42;font-size:9px;line-height:1.3}.reel-status>i{width:5px;height:5px;background:#52724d;border-radius:50%;flex-shrink:0}.reel-caption{display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:1.4;min-height:14px;color:inherit}.reel-caption>span:last-child{opacity:.55;font-size:8px}.reel-beat-label{font-weight:550}
.reel-cut{position:absolute;inset:0;background:#f7f7ee;pointer-events:none;opacity:0;z-index:10}.reel-cut.is-cut{animation:reel-cut .18s ease-out both}.motion-reel[data-running=false] *{animation-play-state:paused!important}
@keyframes reel-screen-in{from{opacity:.3;transform:translateY(18px) scale(1.055)}to{opacity:1;transform:none}}
@keyframes reel-cut{0%{opacity:.5;transform:translateX(-100%)}35%{opacity:.5}100%{opacity:0;transform:translateX(100%)}}
@keyframes reel-reveal{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@keyframes reel-pop{from{opacity:0;transform:scale(.82) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(0)}}
/* Claude → Excel → PDF → folders. Data is shared by the spreadsheet and report. */
.slide-work h2{font-weight:700;line-height:.99}.work-chat{flex:1;display:flex;flex-direction:column;justify-content:center;padding:18px 25px;min-height:0;background:#f8f6f0}
.chat-orbit{width:38px;height:38px;font-size:38px;line-height:1;color:#bf795c;margin-bottom:10px;align-self:center;animation:reel-pop .6s both}.work-chat h3{font-family:Instrument,Georgia,serif;text-align:center;font-size:clamp(25px,6.6cqw,40px);line-height:.98;letter-spacing:-.035em;font-weight:400;margin:0 0 23px}
.chat-composer{min-height:115px;padding:15px 16px 11px;background:#fff;border-radius:13px;box-shadow:0 2px 10px #3331;font-size:clamp(12px,2.65cqw,16px);font-weight:500;line-height:1.4}.typing-caret{display:inline-block;vertical-align:middle;width:2px;height:1em;background:#c47c60;margin-left:2px;animation:caret .5s steps(1) infinite}.chat-composer>div{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.chat-composer>div>span{font-size:8px;background:#f1efea;border-radius:5px;padding:7px 9px;font-weight:400}.chat-composer>div>span>b{margin-left:6px}.chat-send{background:#c47c60;color:white;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:20px}.chat-answer{display:flex;gap:9px;margin-top:14px;color:#776d5f;font-size:10px;animation:reel-reveal .35s 1s both}.chat-answer>span{color:#b9785d}.chat-answer p{font-size:10px;line-height:1.5;margin:0}
@keyframes caret{50%{opacity:0}}
.shot-excel .reel-appbar{background:#1c6b44;color:#fff}.excel-ribbon{display:flex;gap:18px;align-items:center;height:32px;padding:0 13px;background:#f0f4ee;flex-shrink:0;font-size:9px;white-space:nowrap}.excel-ribbon>b{color:#237c46}.excel-formula{display:flex;align-items:center;gap:10px;padding:9px 10px;background:#fff;font-size:10px;flex-shrink:0}.excel-formula>span{padding:4px 8px;background:#f1f3ed}.excel-formula>i{font-family:Georgia,serif;font-size:15px;color:#56856a}.excel-formula code{font-size:10px;font-family:inherit}.excel-formula>b{margin-left:auto;color:#1b713d;font-size:11px}.excel-content{position:relative;flex:1;background:repeating-linear-gradient(#fff 0 33px,#e6ece4 33px 34px);overflow:hidden}.fleet-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:10px;background:#fff}.fleet-table th,.fleet-table td{text-align:left;height:34px;padding:6px 10px;border:1px solid #dde5da;overflow:hidden;white-space:nowrap;font-weight:400}.fleet-table tr>*:first-child{width:27px;background:#eff3ed;color:#6b7c6b;text-align:center;padding-inline:3px}.fleet-table thead tr:first-child th{height:25px;background:#edf2e9;text-align:center;font-size:9px}.fleet-table thead tr:nth-child(2){background:#d6e9d1;font-weight:600}.fleet-table thead th:nth-child(3){width:22%}.fleet-table tbody tr{opacity:.3;transform:translateX(12px);transition:opacity .15s,transform .15s}.fleet-table tbody tr.is-filled{opacity:1;transform:none}.fleet-table tbody tr.is-filled td{animation:cell-write .4s both}.fleet-table tbody tr.is-filled td:last-child{color:#2c7746}.fleet-table tfoot{background:#dcefd8}.fleet-table tfoot>*{font-weight:600}.excel-sweep{position:absolute;top:60px;left:27px;right:0;height:34px;border:2px solid #29854a;pointer-events:none;animation:excel-scan 1.5s steps(4,end) both}.excel-sweep:after{content:'';position:absolute;right:-3px;bottom:-3px;width:5px;height:5px;background:#29854a}.excel-tabs{display:flex;gap:18px;padding:11px 16px;background:#edf3e8;font-size:9px}.excel-tabs>b{color:#27713e}
@keyframes cell-write{from{opacity:.1;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes excel-scan{from{transform:translateY(0)}to{transform:translateY(136px)}}
.pdf-workspace{display:flex;min-height:0;flex:1;background:#e2e4df;gap:14px;padding:15px 19px 12px 12px}.pdf-workspace>aside{width:42px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:11px;color:#7a7d75}.pdf-workspace>aside>span{background:#bd5049;color:white;font-size:9px;padding:6px;border-radius:3px}.pdf-workspace>aside>div{width:28px;height:38px;background:#fafaf4;display:grid;place-items:center;font-size:8px;border:1px solid #b6bcb1}.pdf-workspace>aside>small{font-size:6px;line-height:2}.fleet-report{flex:1;min-width:0;background:#fffef9;padding:20px 23px 12px;box-shadow:0 3px 8px #0001;animation:report-enter .4s both;transform-origin:center}.report-wordmark{font-size:10px;font-weight:600;letter-spacing:.08em;display:flex;justify-content:space-between;gap:8px;margin-bottom:18px}.report-wordmark>span{font-size:5px;font-weight:400;letter-spacing:.03em}.fleet-report>small{font-size:7px;color:#6c786e}.fleet-report h3{font-size:clamp(23px,6.2cqw,34px);line-height:.95;letter-spacing:-.04em;margin:9px 0 17px;font-weight:650}.report-figures{display:flex;justify-content:space-between;gap:12px}.report-figures>div>b{font-size:21px;letter-spacing:-.045em;font-weight:550;display:block}.report-figures>div>span{font-size:6px;color:#71816e}.report-chart{display:flex;height:66px;gap:13px;align-items:flex-end;margin-top:16px}.report-chart>i{background:#618a67;flex:1;height:100%;transform-origin:bottom;animation:report-bar .5s .25s both;--bar:1}.report-chart>i:nth-child(2){background:#89a688}.report-chart>i:nth-child(3){background:#b2bd92}.report-chart>i:nth-child(4){background:#cbbc96}.report-chart-labels{display:flex;justify-content:space-between;gap:13px;font-size:5px;margin-top:5px;color:#6c776a}.report-chart-labels>span{flex:1;text-align:center}.fleet-report>p{font-size:7px;line-height:1.5;margin-top:14px;color:#5c6c5f}.report-signoff{font-size:6px;display:flex;justify-content:space-between;gap:10px;margin-top:10px}.report-signoff>span{color:#3d774b}
@keyframes report-enter{from{opacity:0;transform:translateY(70px) rotate(7deg) scale(.7)}to{opacity:1;transform:none}}@keyframes report-bar{from{transform:scaleY(0)}to{transform:scaleY(var(--bar))}}
.folder-toolbar{display:flex;align-items:center;padding:15px 18px;gap:13px;font-size:11px;background:#fff}.folder-toolbar>span:nth-child(2){font-size:8px;background:#f0f2ec;padding:7px 10px;margin-left:auto;color:#7a8576}.folder-toolbar>span:last-child{font-size:20px}.folder-chaos{position:absolute;top:105px;left:10%;right:10%;display:flex;flex-direction:column;gap:9px;z-index:2;animation:files-clear .6s .2s both}.folder-chaos>span{font-size:11px;padding:12px 16px;background:#e4e9e0;transform:rotate(-3deg)}.folder-chaos>span:nth-child(2){transform:translateX(20px) rotate(3deg)}.folder-chaos>span:nth-child(3){transform:translateX(-10px) rotate(-1deg)}.folder-organized{display:flex;justify-content:space-around;padding:32px 15px 0;gap:12px;animation:reel-reveal .45s .5s both}.organized-folder{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;animation:reel-pop .5s .55s both}.organized-folder:nth-child(2){animation-delay:.65s}.organized-folder:nth-child(3){animation-delay:.75s}.organized-folder svg{width:70px;max-width:90%;height:55px;fill:#c3a76d;stroke:#a28b5b;stroke-width:1.5}.organized-folder>b{font-size:10px;margin-top:9px}.organized-folder>span{font-size:6px;margin-top:5px;color:#71816e;white-space:nowrap}.folder-done{text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:reel-reveal .4s .85s both;padding:15px 0}.folder-done>span{width:38px;height:38px;background:#527552;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:22px}.folder-done h3{font-size:clamp(25px,7cqw,39px);line-height:1;letter-spacing:-.05em;margin-top:12px}.folder-done>p{font-size:10px;line-height:1.5;margin-top:8px;color:#6d7e69}
@keyframes files-clear{to{opacity:0;transform:translateY(40px) scale(.75)}}
/* Fast cuts between three different automation results. */
.ops-reel{color:#edece5}.ops-reel .reel-screen{background:#20272b}.ops-reel .reel-shot{background:#20272b;color:#e8ede4}.ops-reel .reel-appbar{background:#2b3338;color:#d2dbd2}.ops-reel .reel-status{background:#2c3a32;color:#b7d3b3;font-size:8px}.flow-heading{padding:22px 23px 0}.flow-heading>span{font-size:9px;color:#f4ac95}.flow-heading>h3{font-size:clamp(26px,7.1cqw,41px);font-weight:650;letter-spacing:-.04em;line-height:.96;margin:8px 0 0}.quick-flow{display:flex;align-items:center;padding:22px 23px 18px;flex-shrink:0}.quick-node{position:relative;flex:1;min-width:0;padding:13px 7px 12px;background:#343e43;border:1px solid #566356;border-radius:6px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:node-run .3s calc(var(--node-index)*.2s) both}.quick-node>span{background:#f4a089;color:#27312a;font-size:19px;height:31px;width:31px;display:grid;place-items:center;border-radius:5px;margin-bottom:9px}.quick-node>b{font-size:9px;font-weight:550;line-height:1.2}.quick-node>small{font-size:6px;color:#9db09e;margin-top:5px;white-space:nowrap}.quick-node>i{position:absolute;right:-5px;top:-6px;font-size:10px;background:#b6d994;color:#26382b;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font-style:normal;animation:reel-pop .2s calc(.35s + var(--node-index)*.22s) both}.quick-wire{height:2px;background:#697e64;width:24px;position:relative;flex-shrink:0}.quick-wire>i{position:absolute;width:6px;height:6px;background:#d1e6ac;border-radius:50%;left:0;top:-2px;animation:flow-packet .6s linear infinite}.quick-wire:nth-child(4)>i{animation-delay:.3s}.mail-result{margin:0 23px 17px;display:flex;gap:10px;flex:1;min-height:0}.mail-result>div{background:#303a3b;padding:13px;border-radius:5px;flex:1;min-width:0;animation:reel-reveal .3s .2s both}.mail-result>div:last-child{background:#e7efda;color:#344d38;animation-delay:.7s}.mail-result span{display:flex;justify-content:space-between;font-size:8px;opacity:.7}.mail-result b{font-size:13px;line-height:1.1;display:block;margin-top:12px;letter-spacing:-.025em}.mail-result small{display:block;font-size:8px;line-height:1.5;margin-top:9px;opacity:.7}.bank-ledger{display:flex;gap:13px;margin:0 23px;flex:1;min-height:0}.bank-ledger>div{flex:1;min-width:0}.bank-ledger b{font-size:8px;font-weight:500;display:block;margin-bottom:7px;color:#c8d3c4}.bank-ledger span{display:flex;justify-content:space-between;gap:5px;font-size:8px;padding:6px 8px;margin-top:3px;background:#303b3d;border-radius:2px;animation:reel-reveal .2s .35s both}.bank-ledger span:nth-child(3){animation-delay:.5s}.bank-ledger span:nth-child(4){animation-delay:.65s}.bank-ledger span:nth-child(5){animation-delay:.8s}.bank-ledger span strong{font-weight:400}.bank-ledger span i{color:#b6db8b;font-style:normal}.flow-result{display:flex;justify-content:space-between;gap:8px;margin:10px 23px 16px;font-size:10px;color:#b6d993;animation:reel-reveal .2s .9s both}.flow-result>b{font-size:13px}.shot-bank .quick-flow{padding-block:15px 12px}.shot-bank .quick-node{padding-block:9px}.shot-bank .flow-heading{padding-top:15px}.shot-bank .flow-heading h3{font-size:clamp(23px,6.2cqw,36px)}.crm-board{display:flex;gap:12px;margin:0 23px 18px;flex:1;min-height:0}.crm-board>div{flex:1;padding:13px;background:#313d3e;border-radius:5px;min-width:0;animation:reel-reveal .3s .3s both}.crm-board small{font-size:7px;color:#b4c3b0}.crm-board>div>b{display:block;font-size:35px;letter-spacing:-.05em;margin-top:8px;font-weight:500}.crm-board>div>span{display:block;font-size:8px;margin-top:5px}.crm-board>div>i{font-size:7px;color:#c1db9b;display:block;margin-top:10px;font-style:normal}.crm-board .team-message{background:#d7e4be;color:#354936;animation-delay:.7s}.team-message>b{font-size:16px!important;line-height:1.05}.team-message>p{font-size:8px;line-height:1.5;margin-top:10px}.team-message>small{display:block;color:#4c6b48;margin-top:10px;font-size:6px}
@keyframes node-run{from{opacity:.4;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}@keyframes flow-packet{from{transform:translateX(0)}to{transform:translateX(23px)}}
/* Agents show the plan, the work and the reviewed output. */
.agents-reel{color:#dcebdd}.agents-reel .reel-screen{background:#f3f3e8}.agents-reel .reel-appbar{background:#e6ecdf;color:#426042}.agents-reel .reel-status{background:#dce7cb;color:#43623f}.agent-brief{padding:24px 25px 0}.agent-brief>small,.agent-tools-title>span{font-size:9px;color:#587854}.agent-brief h3{font-size:clamp(30px,8.1cqw,47px);letter-spacing:-.05em;line-height:.95;font-weight:600;margin-top:11px}.agent-plan{display:flex;flex-direction:column;gap:8px;padding:20px 25px;flex:1;justify-content:center}.agent-plan>div{position:relative;padding:12px 12px 12px 40px;background:#e4ebd8;border-radius:5px;animation:reel-reveal .3s .2s both}.agent-plan>div:nth-child(2){animation-delay:.45s}.agent-plan>div:nth-child(3){animation-delay:.7s}.agent-plan span{position:absolute;left:13px;top:14px;font-size:13px;color:#5b804e}.agent-plan b{font-size:11px;display:block;font-weight:550}.agent-plan small{font-size:7px;color:#6e8066;display:block;margin-top:4px}.agent-tools-title{padding:27px 25px 0}.agent-tools-title h3{font-size:clamp(27px,7.2cqw,42px);line-height:.95;letter-spacing:-.04em;font-weight:650;margin-top:10px}.agent-tools{display:flex;gap:10px;padding:23px 25px}.agent-tools>div{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;background:#dfe8d3;border-radius:6px;padding:17px 5px;animation:reel-pop .3s .15s both}.agent-tools>div:nth-child(2){animation-delay:.35s}.agent-tools>div:nth-child(3){animation-delay:.55s}.agent-tools b{font-size:25px;font-weight:400;color:#4d7047}.agent-tools span{font-size:8px;margin-top:8px}.agent-tools i{position:absolute;top:-5px;right:-4px;background:#6f8e57;color:#fff;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font-size:9px;font-style:normal}.agent-terminal{margin:0 25px 24px;padding:15px 16px;background:#263b30;color:#c8d9bc;border-radius:5px;display:flex;flex-direction:column;justify-content:center;gap:9px;flex:1;min-height:0}.agent-terminal>span{font-size:9px;display:flex;justify-content:space-between;gap:8px;animation:reel-reveal .2s .3s both}.agent-terminal>span:nth-child(2){animation-delay:.55s}.agent-terminal>span:nth-child(3){animation-delay:.8s}.agent-terminal>span:nth-child(4){animation-delay:1.1s;font-size:7px;color:#91ad8b}.agent-terminal b{font-size:7px;color:#b9d78c;font-weight:400}.agent-review{display:flex;flex:1;min-height:0;flex-direction:column;justify-content:center;padding:18px 36px}.review-stamp{width:44px;height:44px;background:#597c4d;color:#fff;display:grid;place-items:center;border-radius:50%;font-size:25px;margin-bottom:16px;animation:reel-pop .4s both}.agent-review h3{font-size:clamp(31px,8.5cqw,50px);line-height:.94;letter-spacing:-.05em;font-weight:650;margin-bottom:24px}.agent-review>div{display:flex;justify-content:space-between;padding:8px 0;font-size:11px;animation:reel-reveal .3s .3s both}.agent-review>div:nth-of-type(2){animation-delay:.5s}.agent-review>div:nth-of-type(3){animation-delay:.7s}.agent-review>div>b{color:#60844d}.agent-review>p{font-size:10px;line-height:1.5;color:#67815b;margin-top:18px;animation:reel-reveal .3s .95s both}
/* Real RTERA Motion footage, kept inside the community card. */
.motion-video-art{display:flex;flex-direction:column;justify-content:center;gap:22px;overflow:visible;align-self:center}.motion-video-frame{background:#242723;color:#f4f1e8;border-radius:10px;overflow:hidden;box-shadow:0 20px 35px #572d2033;transform:rotate(1.5deg);width:100%;animation:reel-pop .45s both}.motion-video-bar{display:flex;align-items:center;gap:12px;padding:14px 16px;font-size:10px}.motion-video-bar>span:last-child{font-size:8px;opacity:.6;margin-left:auto}.motion-video-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#f8f6ef}.motion-video-footer{padding:16px;display:flex;flex-direction:column;gap:5px}.motion-video-footer>b{font-size:18px;letter-spacing:-.035em;font-weight:500}.motion-video-footer>span{font-size:9px;opacity:.6}.motion-edit-strip{display:flex;align-items:center;gap:11px;padding:15px 0;font-size:8px;font-weight:550;color:#643c2d}.motion-edit-strip>i{flex:1;height:13px;background:#c98063;border-radius:2px;transform-origin:left;animation:edit-sequence 1.4s infinite}.motion-edit-strip>i:nth-of-type(2){background:#aa6653;animation-delay:.15s}.motion-edit-strip>i:nth-of-type(3){background:#734635;animation-delay:.3s}.motion-edit-strip>b{font-size:24px;margin-left:2px;font-weight:400}.slide-content .motion-video-art{height:min(54svh,510px)}
@keyframes edit-sequence{0%,100%{transform:scaleX(.55);opacity:.5}50%{transform:scaleX(1);opacity:1}}
@media(max-width:1100px){.reel-appbar>span:last-child{font-size:8px}.reel-appbar{padding-inline:12px}.quick-flow{padding-inline:17px}.flow-heading{padding-inline:17px}.bank-ledger,.mail-result,.crm-board{margin-inline:17px}.quick-node>small{font-size:5px}.flow-result{margin-inline:17px}.pdf-workspace{gap:8px;padding:12px}.fleet-report{padding:16px}.report-figures>div>b{font-size:18px}}
@media(max-width:980px){.motion-reel,.slide-content .motion-video-art{height:100%;min-height:0;align-self:stretch}.motion-reel{gap:10px;max-width:620px;width:100%;margin-inline:auto}.reel-screen{min-height:350px}.reel-caption{font-size:9px}.reel-caption>span:last-child{font-size:7px}.work-chat{padding:15px 19px}.chat-orbit{width:31px;height:31px;font-size:31px;margin-bottom:9px}.work-chat h3{font-size:clamp(27px,7cqw,35px);margin-bottom:18px}.chat-composer{font-size:12px;min-height:105px;padding:12px}.chat-answer{margin-top:12px}.reel-appbar{height:32px;font-size:9px}.reel-appbar>b{font-size:10px}.reel-appbar>span:last-child{font-size:7px}.window-dots>i{width:5px;height:5px}.reel-status{font-size:8px;min-height:28px;padding:8px 10px}.excel-ribbon{gap:13px;height:28px;font-size:7px;padding-inline:10px}.excel-formula{font-size:8px;padding:7px}.excel-formula code{font-size:8px}.excel-formula>b{font-size:9px}.fleet-table{font-size:8px}.fleet-table th,.fleet-table td{height:30px;padding:6px}.fleet-table tr>*:first-child{width:22px}.fleet-table thead tr:first-child th{height:23px;font-size:7px}.fleet-table thead tr:nth-child(2) th{font-size:7px}.fleet-table tfoot{font-size:7px}.excel-content{background:repeating-linear-gradient(#fff 0 29px,#e6ece4 29px 30px)}.excel-sweep{top:54px;height:30px;left:22px}.excel-tabs{font-size:8px;padding:9px 13px}.pdf-workspace{padding:12px 12px 9px 8px;gap:9px}.pdf-workspace>aside{width:27px;gap:8px}.pdf-workspace>aside>span{font-size:7px;padding:5px}.pdf-workspace>aside>div{width:21px;height:29px;font-size:6px}.pdf-workspace>aside>small{font-size:5px}.fleet-report{padding:15px 17px 9px}.report-wordmark{font-size:8px;margin-bottom:13px}.report-wordmark>span{font-size:4px}.fleet-report>small{font-size:6px}.fleet-report h3{font-size:28px;margin:7px 0 12px}.report-figures>div>b{font-size:19px}.report-figures>div>span{font-size:5px}.report-chart{height:58px;margin-top:12px;gap:10px}.report-chart-labels{font-size:4px;gap:10px}.fleet-report>p{font-size:6px;margin-top:10px}.report-signoff{font-size:5px;margin-top:9px}.folder-toolbar{padding:13px;font-size:10px}.folder-toolbar>span:nth-child(2){font-size:7px}.folder-organized{gap:8px;padding:28px 10px 0}.organized-folder svg{width:60px;height:47px}.organized-folder>b{font-size:9px}.organized-folder>span{font-size:5px}.folder-done>span{width:32px;height:32px;font-size:18px}.folder-done h3{font-size:30px;margin-top:10px}.folder-done p{font-size:9px}.flow-heading{padding-top:18px}.flow-heading>span{font-size:8px}.flow-heading h3{font-size:31px;margin-top:8px}.quick-flow{padding-block:18px 16px;padding-inline:16px}.quick-node{padding:11px 5px}.quick-node>span{font-size:17px;width:27px;height:27px;margin-bottom:8px}.quick-node>b{font-size:8px}.quick-node>small{font-size:5px;margin-top:4px}.quick-node>i{width:14px;height:14px;font-size:8px}.quick-wire{width:17px}.quick-wire>i{width:5px;height:5px}.mail-result{margin:0 16px 14px;gap:8px}.mail-result>div{padding:11px}.mail-result b{font-size:12px}.mail-result small{font-size:7px}.mail-result span{font-size:7px}.shot-bank .flow-heading h3{font-size:27px}.shot-bank .quick-flow{padding-block:12px 10px}.shot-bank .quick-node{padding-block:7px}.shot-bank .quick-node>span{width:24px;height:24px;margin-bottom:6px}.bank-ledger{margin-inline:16px;gap:9px}.bank-ledger b{font-size:7px;margin-bottom:5px}.bank-ledger span{font-size:7px;padding:5px 6px}.flow-result{font-size:8px;margin:9px 16px 12px}.flow-result b{font-size:11px}.crm-board{gap:9px;margin:0 16px 14px}.crm-board>div{padding:10px}.crm-board>div>b{font-size:29px}.crm-board small{font-size:6px}.team-message>b{font-size:14px!important}.team-message>p{font-size:7px}.agent-brief{padding:20px 20px 0}.agent-brief h3{font-size:35px}.agent-plan{padding:18px 20px;gap:7px}.agent-plan>div{padding:10px 10px 10px 34px}.agent-plan span{left:11px;top:11px;font-size:12px}.agent-plan b{font-size:10px}.agent-plan small{font-size:6px}.agent-tools-title{padding:23px 20px 0}.agent-tools-title h3{font-size:31px}.agent-tools{padding:19px 20px;gap:8px}.agent-tools>div{padding:14px 5px}.agent-tools span{font-size:7px}.agent-terminal{margin:0 20px 20px;padding:13px;gap:8px}.agent-terminal>span{font-size:8px}.agent-review{padding:20px 28px}.agent-review h3{font-size:37px;margin-bottom:20px}.agent-review>div{font-size:10px}.agent-review>p{font-size:9px;margin-top:15px}.motion-video-art{gap:15px;justify-content:center}.motion-video-bar{padding:12px;font-size:9px;gap:8px}.motion-video-bar>span:last-child{font-size:7px}.motion-video-footer{padding:13px}.motion-video-footer>b{font-size:17px}.motion-edit-strip{gap:7px;font-size:6px}.motion-edit-strip>i{height:10px}.motion-edit-strip>b{font-size:21px}.slide-work h2{font-size:clamp(31px,7vw,47px)}}
@media(prefers-reduced-motion:reduce){.motion-reel *,.motion-video-art *{animation:none!important;transition:none!important}.typing-caret,.reel-cut{display:none}.report-chart>i{transform:scaleY(var(--bar))}.folder-chaos{display:none}.motion-video-frame video{visibility:visible}}
/* Dense execution canvases: branches, parallel workers and visible return paths. */
.pipeline-shot{background:#202a2c}.pipeline-heading{position:relative;padding:18px 20px 8px;flex-shrink:0}.pipeline-heading>span{font-size:8px;line-height:1.4;color:#e6a893}.pipeline-heading>h3{font-size:clamp(22px,4.7cqw,27px);line-height:.97;letter-spacing:-.045em;font-weight:650;margin:8px 0 0}.pipeline-heading>.pipeline-run-state{display:block;font-size:7px;font-weight:400;margin-top:9px;color:#adc397;min-height:10px}.pipeline-graph{flex:1;min-height:0;position:relative;overflow:hidden;background-image:radial-gradient(#8b9d852e 1px,transparent 1px);background-size:16px 16px;margin:0 7px;contain:layout paint}.pipeline-canvas{width:100%;height:100%;display:block;overflow:visible}.pipeline-wire{fill:none;stroke:#5c7267;stroke-width:2;stroke-linecap:round;opacity:.65;transition:opacity .15s}.pipeline-wire.feedback{stroke:#ce9d6b;stroke-dasharray:6 5}.pipeline-wire.error{stroke:#b57565;stroke-dasharray:4 5}.pipeline-wire[data-active=true]{stroke:#d1e7ad;stroke-width:3;opacity:1}.pipeline-wire.feedback[data-active=true],.pipeline-wire.error[data-active=true]{stroke:#ecb274}.pipeline-packet{fill:#d6ecb1;filter:none}.pipeline-node-body{fill:#303d40;stroke:#536b5d;stroke-width:1.5;transition:fill .12s,stroke .12s}.pipeline-node-kind{fill:#8ea691;font-size:9px;font-weight:500;letter-spacing:.04em}.pipeline-node-title{fill:#edf1e4;font-size:18px;font-weight:550;letter-spacing:-.015em}.pipeline-node-note{fill:#a5b7a7;font-size:11px}.pipeline-node-dot{fill:#6b7f70}.pipeline-node[data-state=active] .pipeline-node-body{fill:#475d44;stroke:#d0e6a7;stroke-width:2.5}.pipeline-node[data-state=active] .pipeline-node-dot{fill:#d3eab0}.pipeline-node[data-state=done] .pipeline-node-body{fill:#354b3d;stroke:#86a76c}.pipeline-node[data-state=done] .pipeline-node-dot{fill:#adc888}.pipeline-node[data-state=review] .pipeline-node-body{fill:#644f35;stroke:#e8b77e}.pipeline-node[data-state=review] .pipeline-node-dot{fill:#efba7c}.pipeline-outcome{margin:7px 16px 12px;display:flex;align-items:center;gap:7px;background:#2e3e32;color:#a2b695;padding:9px 10px;border-radius:4px;flex-shrink:0;font-size:7px;line-height:1.4;transition:opacity .15s,transform .15s;opacity:.4;transform:translateY(5px)}.pipeline-outcome>i{font-style:normal;font-size:13px}.pipeline-outcome>b{font-size:6px;font-weight:500;margin-left:auto;white-space:nowrap}.pipeline-outcome[data-done=true]{opacity:1;transform:none;color:#d6e9ad}.pipeline-live-log{font-size:8px;line-height:1.4}.pipeline-shot .reel-status{min-height:34px;padding-block:9px}.agents-reel .pipeline-shot{background:#1d342e;color:#f0f3e6}.agents-reel .reel-appbar{background:#284238;color:#d6e5ce}.agents-reel .pipeline-heading>span{color:#a7c89a}.agents-reel .pipeline-node-body{fill:#294538;stroke:#5c7b5a}.agents-reel .pipeline-node-kind{fill:#99bd8b}.agents-reel .pipeline-node[data-state=active] .pipeline-node-body{fill:#527247;stroke:#d7e9ab}.agents-reel .pipeline-node[data-state=done] .pipeline-node-body{fill:#365940;stroke:#90b17a}.agents-reel .pipeline-node[data-state=review] .pipeline-node-body{fill:#6d5336;stroke:#efbd80}.agents-reel .pipeline-outcome{background:#324e38}.agents-reel .pipeline-shot .reel-status{background:#294538;color:#b7cea8}.agents-reel .pipeline-heading h3{font-size:clamp(22px,4.7cqw,27px)}
@media(max-width:980px){.pipeline-heading{padding:16px 14px 6px}.pipeline-heading>span{font-size:7px}.pipeline-heading>h3,.agents-reel .pipeline-heading h3{font-size:24px;line-height:.98;margin:7px 0 0}.pipeline-heading>.pipeline-run-state{font-size:7px;margin-top:8px}.pipeline-graph{margin-inline:4px;background-size:13px 13px}.pipeline-outcome{margin:6px 11px 10px;font-size:6px;padding:8px;gap:6px}.pipeline-outcome>b{font-size:5px}.pipeline-live-log{font-size:7px}.pipeline-shot .reel-status{padding:8px 10px;min-height:35px}.pipeline-node-title{font-size:18px}.pipeline-node-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.pipeline-wire,.pipeline-node-body,.pipeline-outcome{transition:none!important}}
.pipeline-structure rect{fill:#adc99c;opacity:.045}.pipeline-structure text{fill:#97b38a;font-size:13px}.pipeline-structure ellipse{fill:none;stroke:#a0bc8e;stroke-width:1;stroke-dasharray:3 9;opacity:.22}.pipeline-wire.memory{stroke:#88b5bc;stroke-dasharray:4 5}.pipeline-wire.memory[data-active=true]{stroke:#b5e1df}.pipeline-node[data-state=skipped]{opacity:.35}.pipeline-node[data-shape=circle] .pipeline-node-title{font-size:17px}.pipeline-node[data-shape=diamond] .pipeline-node-title{font-size:17px}.pipeline-node[data-shape=diamond] .pipeline-node-note{font-size:10px}.pipeline-graph[data-form=agent-hierarchy] .pipeline-node[data-shape=circle][data-state=active] .pipeline-node-body{transform-box:fill-box;transform-origin:center;animation:agent-heartbeat .6s ease-in-out infinite}.pipeline-graph[data-form=shared-memory-mesh] .pipeline-node[data-node=log][data-state=active] .pipeline-node-body{stroke:#b7dfdc;fill:#36534d}.pipeline-graph[data-form=critique-cycle] .pipeline-wire.feedback[data-active=true]{stroke:#f0b06f;stroke-width:4}
@keyframes agent-heartbeat{50%{transform:scale(1.045)}}
/* The sixth card: project files, a real repository, then hooks and evals. */
.slide-concepts{background:#d7c2a3;color:#292f27}.slide-concepts::after{background-image:repeating-linear-gradient(110deg,transparent 0 74px,#59482f09 74px 75px)}.slide-concepts h2{font-weight:700;line-height:1}.slide-concepts .offer-free{background:#f4eddf;color:#403a2d}.concepts-reel{color:#413e30}.concepts-reel .reel-screen{background:#222b27}.concepts-reel .reel-appbar{background:#303a33;color:#dde5d4}.concepts-reel .reel-shot{background:#212b26;color:#e1e8d9}.concepts-reel .reel-status{background:#344238;color:#bfd2b4}.concept-ide{display:flex;flex:1;min-height:0}.concept-ide>aside{width:35%;flex-shrink:0;padding:20px 12px;background:#29342d}.concept-ide aside>small{font-size:7px;color:#9cac99}.concept-ide aside>b{display:block;font-size:8px;margin-top:17px;font-weight:500}.concept-folders{display:flex;flex-direction:column;gap:11px;margin-top:16px}.concept-folders>span{font-size:9px;color:#b6c7ab}.concept-folders>span:nth-child(3){color:#e7d2a8;background:#60745255;padding:7px;margin:-7px}.concept-folders>span:nth-child(5){color:#9bbeb4}.concept-editor{flex:1;min-width:0;padding:0 0 18px;background:#1e2923;display:flex;flex-direction:column}.concept-editor>div:first-child{display:flex;justify-content:space-between;padding:14px;font-size:9px;background:#26342b}.concept-editor>div:first-child>span{font-size:7px;color:#92a58b}.concept-editor pre{font-size:clamp(7px,1.8cqw,10px);line-height:1.85;color:#c7d1bf;padding:16px 17px;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;flex:1;animation:reel-reveal .4s .15s both}.concept-editor pre b{color:#e6c694;font-weight:500}.concept-editor pre span{color:#a9c993}.concept-file-tag{padding:10px 15px;color:#8fa681;font-size:8px;animation:reel-reveal .3s .6s both}.concept-folders>span{animation:reel-reveal .25s both}.concept-folders>span:nth-child(2){animation-delay:.15s}.concept-folders>span:nth-child(3){animation-delay:.3s}.concept-folders>span:nth-child(4){animation-delay:.45s}.concept-folders>span:nth-child(5){animation-delay:.6s}.concept-folders>span:nth-child(n+6){animation-delay:.75s}.concept-terminal{display:flex;flex-direction:column;flex:1;min-height:0;padding:23px;background:#1d2722}.concept-terminal>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#8fae83}.concept-terminal>div:first-child>b{font-size:8px;font-weight:400;color:#bda77d}.concept-terminal pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(9px,2.15cqw,12px);line-height:1.65;margin:25px 0 10px;color:#e0e5d5}.terminal-dollar{color:#b9d595}.clone-output{margin-top:7px;color:#9fb598;font-size:10px;line-height:1.6;animation:reel-reveal .2s .9s both}.clone-output p{font:inherit;line-height:inherit;margin:5px 0}.clone-output p>b{font-weight:400;color:#d5e6ad}.clone-progress{height:5px;background:#3e503f;margin:12px 0 10px;overflow:hidden}.clone-progress>i{display:block;width:100%;height:100%;background:#bbd394;transform-origin:left;transform:scaleX(0)}.clone-done{opacity:0;transition:opacity .15s}.shot-concept-terminal[data-cloned=true] .clone-done{opacity:1}.clone-output>pre{font-size:10px;margin:13px 0 0}.terminal-repo{margin-top:auto;padding:17px 0 0;display:flex;align-items:center;gap:12px}.terminal-repo>span{font-size:31px;color:#d4c198}.terminal-repo>div>b{font-size:12px;font-weight:500}.terminal-repo small{display:block;font-size:7px;margin-top:5px;color:#a2b496}.terminal-repo>i{font-size:7px;font-style:normal;color:#91a182;margin-left:auto}.concept-repositories{padding:18px 22px;flex:1;min-height:0;background:#f4f5ed;color:#2f4035}.repo-search{display:flex;gap:8px;align-items:center;padding:9px 12px;background:#e6eadf;border-radius:5px;font-size:13px}.repo-search>span{font-size:8px}.concept-repositories>h3{font-size:clamp(21px,5.8cqw,32px);letter-spacing:-.04em;line-height:1.03;margin:16px 0 18px;font-weight:600}.repo-list{display:flex;flex-direction:column;gap:8px}.repo-list>article{position:relative;padding:11px 13px;background:#e5eadf;border-radius:5px;transition:transform .2s,background .2s}.repo-list article>span{position:absolute;right:11px;top:12px;font-size:7px;color:#6f8068}.repo-list article>b{font-size:12px;letter-spacing:-.02em;display:block;font-weight:550;padding-right:40px}.repo-list article>p{font-size:8px;line-height:1.4;margin-top:6px;color:#6a7b61}.repo-list article>small{display:block;font-size:6px;color:#6d7b61;margin-top:8px}.repo-list small i{font-style:normal;color:#9d8969;padding-inline:5px}.repo-list article.is-current{background:#cdddba;transform:translateX(5px)}.concept-checks{display:flex;flex-direction:column;padding:24px;flex:1;min-height:0;background:#eef0e4;color:#30432e}.concept-trigger{font-size:7px;color:#7c8e70}.hook-chain{display:flex;align-items:center;justify-content:space-between;gap:9px;background:#d8e3c9;padding:14px 13px;margin:10px 0 18px;border-radius:4px}.hook-chain>b{font-size:10px}.hook-chain>span{font-size:16px;color:#7d9869}.hook-chain>code{font-size:10px}.hook-chain>i{font-size:8px;background:#5e7c4d;color:white;padding:5px;border-radius:3px;font-style:normal;animation:reel-pop .3s .4s both}.concept-checks>h3{font-size:clamp(22px,6.3cqw,35px);line-height:1;letter-spacing:-.04em;font-weight:600;margin:0 0 20px}.eval-table>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #b9c6ac77;font-size:9px}.eval-table>div:first-child{font-size:6px;color:#87977a;padding-top:0}.eval-table b{font-weight:500}.eval-table i{font-style:normal;font-size:8px;color:#597b40;opacity:.18;transform:translateX(6px);transition:opacity .2s,transform .2s}.eval-table .is-checked i{opacity:1;transform:none}.eval-summary{display:flex;align-items:center;gap:15px;margin-top:auto;padding-top:17px}.eval-summary strong{font-size:39px;line-height:1;letter-spacing:-.055em;font-weight:500}.eval-summary span{font-size:8px;line-height:1.6;color:#75876b}
.showcase-back[data-stack-offset="5"]{z-index:0;transform:translate(22px,42px) rotate(4.4deg) scale(.95)}
@media(max-width:980px){.slide-concepts{min-height:820px}.concept-ide>aside{width:36%;padding:17px 9px}.concept-ide aside>b{font-size:7px}.concept-folders{gap:11px}.concept-folders>span{font-size:7px}.concept-editor>div:first-child{padding:12px 10px;font-size:8px}.concept-editor>div:first-child>span{font-size:6px}.concept-editor pre{padding:14px 11px;font-size:7px;line-height:1.9}.concept-file-tag{font-size:6px;padding:10px}.concept-terminal{padding:19px 16px}.concept-terminal pre{font-size:9px;margin-top:24px;line-height:1.8}.concept-terminal>div:first-child{font-size:8px}.clone-output{font-size:8px}.clone-output>pre{font-size:8px}.terminal-repo{gap:9px;flex-wrap:wrap;padding-top:12px}.terminal-repo>span{font-size:26px}.terminal-repo>div>b{font-size:11px}.terminal-repo small{font-size:6px}.terminal-repo>i{display:none}.concept-repositories{padding:15px}.concept-repositories>h3{font-size:25px;margin:15px 0}.repo-list article{padding:11px}.repo-list article>b{font-size:11px}.repo-list article>p{font-size:7px}.repo-list article>span{font-size:6px}.concept-checks{padding:20px 18px}.concept-checks>h3{font-size:28px;margin-bottom:20px}.hook-chain{padding:13px 10px;margin-bottom:19px}.hook-chain>b{font-size:9px}.hook-chain>code{font-size:9px}.eval-table>div{font-size:8px;padding-block:11px}.eval-summary strong{font-size:36px}.showcase-back[data-stack-offset="5"]{transform:translate(10px,54px) rotate(2.65deg) scale(.95)}}
/* A folder arrives at camera scale; the cursor opens a set of readable files. */
.folder-demo{position:relative;flex:1;min-height:0;isolation:isolate;overflow:hidden;background:#23332b;color:#eef1df;perspective:900px}.folder-demo-heading{position:absolute;inset:22px 16px auto;text-align:center;z-index:3}.folder-demo-heading>span{font-size:8px;color:#92aa8a}.folder-demo-heading>h3{font-size:clamp(29px,7.8cqw,45px);font-weight:600;letter-spacing:-.045em;line-height:1;margin:10px 0 6px}.folder-demo-heading>p{font-size:10px;line-height:1.4;color:#a4ba99;margin:0}.folder-visual{position:absolute;width:62%;max-width:350px;left:50%;top:59%;transform:translate(-50%,-50%) rotate(-5deg);transform-style:preserve-3d;transition:transform .28s cubic-bezier(.16,1,.3,1);z-index:2}.folder-visual>svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 18px 15px #0b170f44)}.folder-back{fill:#af8b4b;stroke:#c9aa6d;stroke-width:1}.folder-inner{fill:#735d3c}.folder-paper{fill:#f0ebd9;stroke:#cec6aa;stroke-width:1;transform:translateY(18px);transition:transform .3s}.folder-paper>path:last-child{fill:none;stroke:#9baf8c;stroke-width:3}.folder-front{fill:#d4b477;stroke:#e0c794;stroke-width:1;transform-origin:50% 92%;transition:transform .28s}.folder-visual>span{position:absolute;left:28%;right:20%;bottom:22%;font-size:7px;letter-spacing:.06em;color:#775f38;text-align:center;pointer-events:none}.folder-demo[data-open=true] .folder-visual{transform:translate(-50%,-110%) scale(.43) rotate(-6deg)}.folder-demo[data-open=true] .folder-front{transform:skewX(-10deg) scaleY(.78)}.folder-demo[data-open=true] .folder-paper{transform:translateY(-7px)}.folder-demo[data-open=true] .folder-visual>span{opacity:0}.folder-demo-files{position:absolute;inset:46% 7% 11%;display:grid;grid-template-columns:1fr 1fr;gap:13px;z-index:4;pointer-events:none}.demo-file{position:relative;background:#f1f0e3;color:#33432e;padding:12px 12px 11px;border-radius:5px;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;opacity:0;box-shadow:0 8px 16px #10251733;transform-origin:50% -40%}.demo-file>span{font-size:7px;line-height:1;background:#d7e2c6;color:#57733c;border-radius:2px;padding:5px 6px;align-self:flex-start}.demo-file>b{font-size:12px;font-weight:550;letter-spacing:-.025em;overflow-wrap:anywhere;line-height:1.2}.demo-file>small{font-size:8px;color:#7d8b70;line-height:1.3}.demo-file:nth-child(even){rotate:3deg}.demo-file:nth-child(odd){rotate:-3deg}.folder-demo[data-open=true] .demo-file{animation:file-from-folder .28s calc(var(--file-order)*.045s) cubic-bezier(.16,1,.3,1) both}.folder-demo-cursor{position:absolute;left:60%;top:59%;width:34px;height:44px;z-index:6;pointer-events:none;opacity:0}.folder-demo-cursor>svg{width:100%;height:100%;fill:#fffdf0;stroke:#18271d;stroke-width:1.8;filter:drop-shadow(2px 4px 2px #0004)}.folder-demo-cursor>i{position:absolute;top:-11px;left:-10px;width:23px;height:23px;border:2px solid #d7e8b2;border-radius:50%;opacity:0}.folder-demo-count{position:absolute;bottom:14px;inset-inline:0;text-align:center;font-size:8px;color:#9bb38b;opacity:.5}.folder-demo[data-open=true] .folder-demo-count{opacity:1}.folder-demo[data-entry="0"] .folder-visual{animation:folder-arrive-a .35s cubic-bezier(.16,1,.3,1)}.folder-demo[data-entry="1"] .folder-visual{animation:folder-arrive-b .35s cubic-bezier(.16,1,.3,1)}.folder-demo[data-entry="0"] .folder-demo-cursor{animation:folder-cursor-a .83s linear both}.folder-demo[data-entry="1"] .folder-demo-cursor{animation:folder-cursor-b .83s linear both}.folder-demo[data-entry="0"] .folder-demo-cursor>i{animation:folder-click-a .25s .4s both}.folder-demo[data-entry="1"] .folder-demo-cursor>i{animation:folder-click-b .25s .4s both}
@keyframes folder-arrive-a{from{opacity:0;transform:translate(65%,-30%) scale(2.8) rotate(-19deg)}to{opacity:1;transform:translate(-50%,-50%) rotate(-5deg)}}@keyframes folder-arrive-b{from{opacity:0;transform:translate(-140%,-15%) scale(2.8) rotate(17deg)}to{opacity:1;transform:translate(-50%,-50%) rotate(-5deg)}}
@keyframes folder-cursor-a{0%,15%{opacity:0;transform:translate(95px,80px)}25%{opacity:1}49%,58%{opacity:1;transform:translate(0,0)}64%{opacity:1;transform:translate(0,0) scale(.82)}74%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(35px,30px)}}@keyframes folder-cursor-b{0%,15%{opacity:0;transform:translate(95px,80px)}25%{opacity:1}49%,58%{opacity:1;transform:translate(0,0)}64%{opacity:1;transform:translate(0,0) scale(.82)}74%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(35px,30px)}}
@keyframes folder-click-a{0%{opacity:1;transform:scale(.4)}100%{opacity:0;transform:scale(2.1)}}@keyframes folder-click-b{0%{opacity:1;transform:scale(.4)}100%{opacity:0;transform:scale(2.1)}}
@keyframes file-from-folder{from{opacity:0;transform:translateY(-50px) scale(.32) rotate(-12deg)}to{opacity:1;transform:none}}
/* The Excel sheet resolves into a detailed dashboard built from the same fleet rows. */
.excel-display{position:relative;flex:1;min-height:0;overflow:hidden;background:#edf1e7}.excel-display>.excel-content{position:absolute;inset:0;transition:transform .25s,opacity .2s}.fleet-dashboard{position:absolute;inset:0;padding:15px 16px 12px;background:#edf1e7;color:#2f4435;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(30px) scale(.96);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s;pointer-events:none}.shot-excel[data-view=dashboard] .fleet-dashboard{opacity:1;transform:none}.shot-excel[data-view=dashboard] .excel-content{opacity:0;transform:translateY(-20px) scale(.98)}.shot-excel[data-view=dashboard] .excel-formula{display:none}.fleet-dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0}.fleet-dashboard-heading>div>span{font-size:6px;color:#71886d;letter-spacing:.04em}.fleet-dashboard-heading h3{font-size:24px;line-height:1.05;letter-spacing:-.045em;margin:5px 0 0;font-weight:600}.fleet-dashboard-heading>span{font-size:8px;background:#dce5d3;padding:8px 10px;border-radius:4px;white-space:nowrap}.fleet-dashboard-heading>span>b{margin-left:11px;font-size:9px;font-weight:400}.fleet-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex-shrink:0}.fleet-kpis>div{padding:11px 10px;background:#fafbf5;border-radius:5px;min-width:0}.fleet-kpis>div>span{display:block;font-size:7px;color:#6c8165}.fleet-kpis strong{font-size:clamp(13px,3.25cqw,20px);line-height:1.1;font-weight:550;letter-spacing:-.045em;display:block;margin-top:9px;white-space:nowrap}.fleet-kpis strong>i{font-size:9px;font-style:normal;font-weight:400}.fleet-kpis small{display:block;font-size:5px;color:#8a9980;margin-top:7px;white-space:nowrap}.fleet-kpis>div:nth-child(3){background:#355b40;color:#f0f5e6}.fleet-kpis>div:nth-child(3)>span,.fleet-kpis>div:nth-child(3)>small{color:#bdd0ac}.fleet-dashboard-charts{display:grid;grid-template-columns:1.28fr 1fr;gap:10px;flex:1;min-height:0}.fleet-dashboard-charts>section{background:#fafbf5;padding:12px;border-radius:5px;min-height:0;display:flex;flex-direction:column}.fleet-panel-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:8px;flex-shrink:0}.fleet-panel-heading>b{font-weight:550}.fleet-panel-heading>span{font-size:6px;color:#8b9a80}.fleet-distance-panel #fleet-distance-bars{display:flex;flex-direction:column;gap:7px;flex:1;justify-content:center;padding-top:10px}.fleet-distance-row{display:grid;grid-template-columns:38px 1fr 22px;gap:8px;align-items:center;padding:8px 5px;border-radius:3px;transition:background .15s}.fleet-distance-row>span{font-size:7px;color:#7f8d75}.fleet-distance-row>div{height:8px;background:#e4eadb;border-radius:2px;overflow:hidden}.fleet-distance-row i{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(0);transition:transform .5s cubic-bezier(.16,1,.3,1)}.shot-excel[data-view=dashboard] .fleet-distance-row i{transform:scaleX(var(--fleet-bar))}.fleet-distance-row>b{font-weight:500;font-size:8px;text-align:right}.fleet-distance-row.is-selected{background:#e1ead6}.fleet-distance-row.is-selected>span{color:#3c6340}.fleet-donut-wrap{position:relative;width:95px;height:95px;align-self:center;margin:4px 0;flex-shrink:0;transform:scale(.8);opacity:.5;transition:transform .4s,opacity .4s}.fleet-donut-wrap>svg{display:block;width:100%;height:100%}.fleet-donut-wrap>div{position:absolute;inset:0;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center}.fleet-donut-wrap b{font-size:12px;font-weight:550;letter-spacing:-.04em}.fleet-donut-wrap span{font-size:6px;color:#8a9980}.shot-excel[data-view=dashboard] .fleet-donut-wrap{transform:scale(1);opacity:1}#fleet-fuel-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;margin-top:auto;font-size:6px}#fleet-fuel-legend>div{display:flex;align-items:center;gap:4px;white-space:nowrap}#fleet-fuel-legend i{width:4px;height:4px;border-radius:50%;flex-shrink:0}#fleet-fuel-legend span{color:#7c8f72}#fleet-fuel-legend b{font-size:6px;font-weight:500;margin-left:auto}.fleet-vehicle-focus{display:flex;align-items:center;gap:10px;flex-shrink:0;background:#e0e8d5;padding:10px 12px;border-radius:4px}.fleet-focus-dot{width:7px;height:7px;border-radius:50%;background:#5f8956;flex-shrink:0}.fleet-vehicle-focus>div{margin-right:auto}.fleet-vehicle-focus small{display:block;font-size:5px;color:#839575}.fleet-vehicle-focus b{font-size:9px;font-weight:550;display:block;margin-top:4px}.fleet-vehicle-focus>span:not(:first-child){font-size:8px}.fleet-vehicle-focus>strong{font-size:10px;font-weight:550}.fleet-vehicle-focus>.fleet-checked{font-size:6px!important;color:#648450}.excel-tabs>b{color:#7e9073;font-weight:400;padding:3px 5px}.shot-excel[data-view=sheet] .excel-tabs>b:first-child,.shot-excel[data-view=dashboard] .excel-tabs>b:nth-child(2){color:#236540;font-weight:550;background:#dce9d1;border-radius:2px}
@media(max-width:980px){.folder-demo-heading{top:20px;inset-inline:12px}.folder-demo-heading>span{font-size:6px}.folder-demo-heading>h3{font-size:32px;margin-top:11px}.folder-demo-heading>p{font-size:8px;max-width:30ch;margin-inline:auto}.folder-visual{width:78%;top:58%}.folder-visual>span{font-size:5px}.folder-demo-files{inset:47% 6% 12%;gap:12px 10px}.demo-file{padding:10px;gap:5px}.demo-file>span{font-size:6px;padding:4px}.demo-file>b{font-size:10px}.demo-file>small{font-size:7px}.folder-demo-cursor{width:27px;height:35px;left:63%;top:58%}.folder-demo-count{font-size:7px;bottom:16px}.fleet-dashboard{padding:12px 10px;gap:10px}.fleet-dashboard-heading h3{font-size:21px}.fleet-dashboard-heading>div>span{font-size:5px}.fleet-dashboard-heading>span{font-size:7px;padding:7px 8px}.fleet-kpis{gap:6px}.fleet-kpis>div{padding:9px 6px}.fleet-kpis>div>span{font-size:6px}.fleet-kpis strong{font-size:13px;margin-top:7px}.fleet-kpis small{font-size:4px;margin-top:6px}.fleet-dashboard-charts{gap:7px;grid-template-columns:1.1fr 1fr}.fleet-dashboard-charts>section{padding:10px 8px}.fleet-panel-heading{font-size:7px}.fleet-panel-heading>span{font-size:5px}.fleet-distance-row{grid-template-columns:30px 1fr 19px;gap:5px;padding:8px 3px}.fleet-distance-row>span{font-size:6px}.fleet-distance-row>b{font-size:7px}.fleet-distance-row>div{height:7px}.fleet-donut-wrap{width:82px;height:82px;margin:15px 0 10px}.fleet-donut-wrap b{font-size:11px}.fleet-donut-wrap span{font-size:5px}#fleet-fuel-legend{grid-template-columns:1fr;font-size:6px;gap:7px}#fleet-fuel-legend b{font-size:6px}.fleet-vehicle-focus{padding:9px 10px;gap:8px}.fleet-vehicle-focus b{font-size:8px}.fleet-vehicle-focus>span:not(:first-child){font-size:7px}.fleet-vehicle-focus>strong{font-size:9px}.fleet-vehicle-focus>.fleet-checked{font-size:5px!important}}
@media(prefers-reduced-motion:reduce){.folder-demo[data-open=true] .demo-file{opacity:1}.folder-demo-cursor{display:none}.fleet-distance-row i{transform:scaleX(var(--fleet-bar))}.fleet-donut-wrap{transform:none;opacity:1}}
.folder-demo[data-open=true] .folder-visual{transform:translate(-50%,-78%) scale(.43) rotate(-6deg)}
.fleet-distance-panel #fleet-distance-bars{gap:5px;padding-top:5px}.fleet-distance-row{padding-block:4px}.fleet-donut-wrap{width:74px;height:74px;margin:2px 0}.fleet-donut-wrap b{font-size:10px}
@media(max-width:980px){.fleet-distance-row{padding-block:4px}.fleet-donut-wrap{width:66px;height:66px;margin:3px 0}.fleet-donut-wrap b{font-size:9px}#fleet-fuel-legend{grid-template-columns:1fr 1fr;gap:5px 4px;font-size:5px}#fleet-fuel-legend b{font-size:5px}#fleet-fuel-legend i{width:3px;height:3px}#fleet-fuel-legend>div{gap:3px}}
.fleet-dashboard{gap:9px;padding-block:12px 10px}.fleet-kpis strong{margin-top:6px}.fleet-kpis small{margin-top:3px}.fleet-vehicle-focus{padding-block:8px}