/* Native HTML story panels; CSS only reveals the presenter-selected step. */
.sales-story{--sales-light:#eef3f8;--sales-ink:#19334b;--sales-muted:#61778b;--sales-edge:#cfdae4;--sales-card:#10223b;--sales-accent:#00c2ff}
.sales-story .ws-heading{height:170px}.sales-story .ws-heading h2{font-size:49px}.sales-stage{height:600px;position:relative;width:100%}.sales-scene{position:absolute;inset:0;visibility:hidden;opacity:0;transform:translateY(16px);transition:opacity .45s,transform .6s,visibility .45s;pointer-events:none}.sales-story[data-step="0"] [data-sales-scene="0"],.sales-story[data-step="1"] [data-sales-scene="1"],.sales-story[data-step="2"] [data-sales-scene="2"],.sales-story[data-step="3"] [data-sales-scene="3"],.sales-story[data-step="4"] [data-sales-scene="4"]{visibility:visible;opacity:1;transform:none;pointer-events:auto}.sales-story small{font-size:15px;letter-spacing:1px}.sales-files{display:grid;grid-template-columns:1fr 1fr;gap:35px}.sales-files article{position:relative;background:var(--sales-light);color:var(--sales-ink);padding:30px 32px;border-radius:18px}.sales-file-icon{float:right;background:#187754;color:#e3fff4;border-radius:12px;padding:13px 20px;font-size:32px;font-weight:700}.sales-files h3{font-size:27px;margin:14px 0!important}.sales-files p{font-size:21px;color:var(--sales-muted)}.sales-sheet{font:18px/2.1 monospace;background:#dfe8ef;padding:12px 18px;margin:20px 0 12px;border-radius:8px}.sales-files footer{font-size:16px;color:var(--sales-muted)}.sales-prompt{border:1px solid #2e647e;background:var(--sales-card);padding:24px 32px;border-radius:20px;margin-top:28px}.sales-prompt small{color:var(--sales-accent)}.sales-prompt p{font-size:30px;line-height:1.65;margin-top:12px!important}.sales-analysis{display:grid;grid-template-columns:400px 1fr;gap:60px;align-items:center;height:100%}.sales-scan{position:relative;text-align:center}.sales-scan b{display:block;font-size:92px;color:var(--sales-accent);text-shadow:0 0 50px #00c2ff44}.sales-scan p{font-size:24px;margin:22px 0!important}.sales-scan small{color:#91acc4}.sales-scan i{position:absolute;left:90px;right:90px;top:65px;height:2px;background:var(--sales-accent);box-shadow:0 0 20px var(--sales-accent)}.sales-findings{display:grid;gap:20px}.sales-findings article{background:var(--sales-card);border:1px solid #294963;border-radius:18px;padding:21px 28px}.sales-findings small{color:var(--sales-accent)}.sales-findings h3{font-size:29px;margin:8px 0!important}.sales-findings p{font-size:22px;line-height:1.6;color:#a8bed2}.sales-story.active[data-step="1"] .sales-scan i{animation:sales-scan 1.4s ease-in-out 3}.sales-story.active[data-step="1"] .sales-findings article{animation:sales-reveal .7s both .6s}.sales-story.active[data-step="1"] .sales-findings article:nth-child(2){animation-delay:1.2s}.sales-story.active[data-step="1"] .sales-findings article:nth-child(3){animation-delay:1.8s}.sales-conversation{width:1240px;margin:auto}.sales-bubble{padding:28px 36px;border-radius:22px;background:var(--sales-card);border:1px solid #2d4560}.sales-bubble small{color:var(--sales-accent)}.sales-bubble h3{font-size:34px;margin:15px 0!important}.sales-bubble p{font-size:25px;color:#a8bed2}.sales-user{margin:25px 0 0 160px;background:#16384e}.sales-user ol{font-size:28px;line-height:1.9;margin:12px 0 0;padding-left:35px}.sales-conclusion{font-size:25px;color:#8dd9eb;text-align:center;margin-top:28px}.sales-solution>small{color:var(--sales-accent)}.sales-solution>h3{font-size:43px;margin-top:15px!important}.sales-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin-top:38px}.sales-flow article{padding:26px;background:var(--sales-card);border:1px solid #2c5871;border-radius:16px}.sales-flow small{display:block;color:var(--sales-accent);margin-bottom:18px}.sales-flow strong{font-size:26px}.sales-limit{font-size:22px;color:#9cb6ca;margin-top:24px!important}.sales-app{background:var(--sales-light);color:var(--sales-ink);border-radius:20px;overflow:hidden;height:600px;box-shadow:0 20px 50px #00103c55}.sales-app>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--sales-edge);padding:22px 30px;font-size:25px}.sales-app>header>span{font-size:17px;color:var(--sales-muted)}.sales-app-body{display:grid;grid-template-columns:530px 1fr;height:460px}.sales-app aside{padding:24px;border-right:1px solid var(--sales-edge)}.sales-client{width:100%;display:block;text-align:left;padding:15px 20px;border:1px solid var(--sales-edge);background:transparent;border-radius:100px;margin-top:14px;color:var(--sales-ink);cursor:pointer}.sales-client.selected{border-color:#138acc;background:#dcedf7}.sales-client strong{display:block;font-size:23px}.sales-client>span{display:block;font-size:18px;margin:5px 0}.sales-client small{font-size:14px;letter-spacing:0;color:var(--sales-muted)}.sales-app main{padding:25px 35px}.sales-detail>h3{font-size:34px;margin:5px 0 14px!important}.sales-history{font-size:21px;line-height:1.7}.sales-next{border-left:3px solid #168bc8;padding:12px 18px;background:#e0edf6;margin:18px 0}.sales-next p{font-size:23px;margin:5px 0!important}.sales-next>span{font-size:17px;color:var(--sales-muted)}.sales-save{border:0;border-radius:100px;background:#0879b8;color:#e8f6ff;padding:12px 25px;font-size:21px;cursor:pointer}.sales-save:disabled{opacity:.55;cursor:default}.sales-saved{font-size:18px;color:#247653;display:inline-block;margin-left:16px!important}.sales-saved[hidden]{display:none}.sales-app>footer{padding:15px 30px;font-size:16px;border-top:1px solid var(--sales-edge);color:var(--sales-muted)}
@keyframes sales-scan{0%,100%{transform:translateY(-45px);opacity:0}50%{transform:translateY(55px);opacity:1}}@keyframes sales-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.sales-story *{animation:none!important;transition:none!important}}
/* Sales-file preview: concrete hotel packages and pricing, aligned as spreadsheet columns. */
.sales-price-row{display:grid;grid-template-columns:1fr 45px 75px 92px;gap:8px;font-size:16px;line-height:2.35;white-space:nowrap;border-bottom:1px solid var(--sales-edge)}
.sales-price-row>span:not(:first-child){text-align:right}.sales-price-head{font-size:14px;font-weight:600;color:var(--sales-muted)}.sales-price-row:last-child{border-bottom:0}
.sales-story[data-step="5"] [data-sales-scene="5"]{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.sales-chat-window{width:1320px;height:600px;margin:auto;border:1px solid #304e68;border-radius:22px;background:#0c1931;overflow:hidden}.sales-chat-window>header{height:85px;display:flex;align-items:center;gap:18px;padding:18px 30px;border-bottom:1px solid #29435d}.sales-chat-avatar{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#16445b;color:#66daff;font-size:30px}.sales-chat-window header strong{font-size:23px}.sales-chat-window header strong>span{font-weight:400;font-size:18px;color:#93afc6}.sales-chat-window header small{display:block;font-size:15px;color:#93afc6;margin-top:4px}.sales-chat-files{margin-left:auto;color:#89cbcc;font-size:18px}.sales-chat-body{padding:22px 30px;height:453px;position:relative}.sales-chat-body .sales-bubble{padding:18px 25px}.sales-chat-body .sales-ai{margin-right:115px}.sales-chat-body .sales-ai h3{font-size:29px;margin:6px 0!important}.sales-chat-body .sales-ai p{font-size:22px;line-height:1.6}.sales-chat-body .sales-user{margin:18px 0 0 160px}.sales-chat-body .sales-user ol{font-size:23px;line-height:1.7;margin-top:6px}.sales-chat-window>footer{padding:16px 30px;border-top:1px solid #29435d;font-size:20px;color:#8dd9eb}.sales-thinking{position:absolute;top:50px;left:60px;color:#91b5cf;font-size:22px;opacity:0}.sales-thinking i{display:inline-block;width:7px;height:7px;background:#66daff;border-radius:50%;margin-right:6px}
.sales-requirements{display:grid;grid-template-columns:410px 1fr;gap:45px;height:600px}.sales-requirements>aside{align-self:center}.sales-requirements>aside>small{display:block;color:#62cdeb;margin:25px 0}.sales-requirements>aside h3{font-size:36px;line-height:1.5}.sales-requirements>aside p{font-size:24px;line-height:1.7;color:#9fb8ce;margin-top:25px}.sales-requirement-ready{display:inline-block;margin-top:30px;padding:14px 20px;border:1px solid #347287;border-radius:100px;font-size:19px;color:#8dd9eb}.sales-requirements>article{background:var(--sales-light);color:var(--sales-ink);border-radius:18px;padding:25px 32px}.sales-requirements article header{border-bottom:1px solid var(--sales-edge);padding-bottom:16px}.sales-requirements article h3{font-size:31px;margin-top:6px}.sales-requirement-sections section{display:flex;gap:20px;margin-top:21px}.sales-requirement-sections b{color:#1686b9;font-size:19px;padding-top:3px}.sales-requirement-sections h4{font-size:22px;margin:0 0 7px}.sales-requirement-sections p{font-size:19px;line-height:1.65;color:#536d83}.sales-story.active[data-step="4"] .sales-requirements>article{animation:sales-reveal .7s both .2s}
@keyframes sales-thinking{0%,80%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.sales-story .sales-thinking{display:none}.sales-story *{animation:none!important;transition:none!important}}
/* The first exchange starts with the user's question, then types each response. */
.sales-thread{overflow-y:auto;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#35546b transparent;padding-bottom:28px}.sales-thread .sales-user:first-child{margin-top:0}.sales-thread .sales-bubble{margin-bottom:18px}.sales-thread .sales-ai{margin-top:18px}.sales-thread .sales-bubble p,.sales-thread .sales-bubble ol{font-size:23px;line-height:1.65}.sales-thread .sales-ai ol{margin:8px 0 12px;padding-left:28px}.sales-thread .sales-type-question{color:#8dd9eb;border-top:1px solid #2e4e65;padding-top:12px}.sales-thread [data-type-message]{animation:none!important}.sales-thread [data-type-message][hidden]{display:none}.sales-thread .sales-user:last-of-type{margin-top:18px}.sales-thread-thinking{display:none;padding:8px 24px;color:#8dd9eb}.sales-thread-thinking.is-thinking{display:block}.sales-thread-thinking i{display:inline-block;width:7px;height:7px;background:#66daff;border-radius:50%;margin-right:7px;animation:sales-dot .8s ease-in-out infinite alternate}.sales-thread-thinking i:nth-child(2){animation-delay:.15s}.sales-thread-thinking i:nth-child(3){animation-delay:.3s}.sales-type-cursor::after{content:'▍';color:#66daff;animation:sales-dot .6s infinite alternate}.sales-typing-scene footer{animation:none!important}@keyframes sales-dot{from{opacity:.25}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.sales-thread-thinking i,.sales-type-cursor::after{animation:none!important}}
/* One chat, three presenter-led exchanges; fixed glyph geometry avoids reflow. */
.sales-thread .sales-exchange{position:relative;min-height:409px;padding-bottom:12px}.sales-thread .sales-exchange[hidden]{display:none}.sales-thread .sales-bubble p,.sales-thread .sales-bubble ol{font-size:21px;line-height:1.55}.sales-thread .sales-bubble{padding:15px 24px;margin-top:12px;margin-bottom:12px}.sales-thread .sales-exchange>.sales-user:first-child{margin-top:0}.sales-thread .sales-ai ol{margin:6px 0 9px}.sales-thread .sales-type-question{padding-top:8px}.sales-thread .sales-glyph{opacity:1}.sales-thread .is-typing .sales-glyph{animation:sales-glyph-in .01s linear both;animation-delay:calc(var(--message-delay) + var(--char) * 16ms)}.sales-thread .is-typing>small{animation:sales-glyph-in .01s linear both;animation-delay:var(--message-delay)}.sales-thread-thinking{display:none!important}.sales-story.active[data-step="3"] .sales-requirements>article{animation:sales-reveal .7s both .2s}
@keyframes sales-glyph-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.sales-thread .sales-glyph{animation:none!important;opacity:1!important}}
/* Reveal each speaker's bubble only at their turn, then type its content. */
.sales-thread .sales-exchange .sales-bubble.is-typing{animation:sales-bubble-arrive .3s cubic-bezier(.22,1,.36,1) both!important;animation-delay:var(--bubble-delay)!important}
@keyframes sales-bubble-arrive{from{opacity:0;transform:translateY(9px);visibility:hidden}to{opacity:1;transform:translateY(0);visibility:visible}}
@media(prefers-reduced-motion:reduce){.sales-thread .sales-exchange .sales-bubble.is-typing{animation:none!important}}
/* Match slide 25's chat chrome, circular speaker avatars and asymmetric bubbles. */
.sales-typing-scene .sales-chat-window{width:100%;height:600px;display:flex;flex-direction:column;border-color:#3f617a;background:#0b1931;box-shadow:0 24px 65px #00103c50}
.sales-typing-scene .sales-chat-window>header{height:65px;flex:none;padding:0 28px;gap:17px;background:#142940;border-color:#29445d}
.sales-typing-scene .sales-chat-window>header>.sales-chat-avatar{width:auto;height:auto;background:none;border-radius:0;font-size:29px;color:#6ee2f9}
.sales-typing-scene .sales-chat-window>header>div{display:flex;align-items:center;gap:22px;flex:1}
.sales-typing-scene .sales-chat-window>header strong{font-size:22px;font-weight:500}
.sales-typing-scene .sales-chat-window>header strong>span{font-size:22px;color:inherit}
.sales-typing-scene .sales-chat-window>header small{margin:0 0 0 auto;font-size:11px;letter-spacing:1px;color:#88a5bc}
.sales-typing-scene .sales-chat-files{font-size:13px;margin-left:10px;color:#88a5bc}
.sales-typing-scene .sales-thread{height:auto;flex:1;min-height:0;padding:22px 35px}
.sales-typing-scene .sales-chat-window>footer{height:54px;flex:none;display:flex;align-items:center;padding:0 28px;font-size:15px;color:#7495ae;border-color:#29445d}
.sales-thread .sales-exchange{min-height:435px;padding-bottom:18px}
.sales-thread .sales-exchange .sales-bubble{position:relative;width:fit-content;max-width:calc(91% - 59px);padding:19px 23px;border-radius:17px;margin-top:0;margin-bottom:18px;background:#142a41;border:1px solid #2d4d65;color:#d3e2ed}
.sales-thread .sales-exchange .sales-user,.sales-thread .sales-exchange>.sales-user:first-child{margin-left:auto;margin-right:59px;border-top-right-radius:3px;background:#203b56;border-color:#3d6480}
.sales-thread .sales-exchange .sales-ai{margin-left:59px;margin-right:auto;border-top-left-radius:3px}
.sales-thread .sales-bubble>small{display:none}
.sales-thread .sales-bubble::before{content:'AI';position:absolute;left:-59px;top:3px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:400;background:#194458;color:#9be8f8}
.sales-thread .sales-user::before{content:'คุณ';left:auto;right:-59px;background:#34405a;color:#cbd4e5}
html[data-lang="en"] .sales-thread .sales-user::before{content:'You'}
.sales-thread .sales-bubble p,.sales-thread .sales-bubble ol{font-size:23px;line-height:1.55;color:inherit}
.sales-thread .sales-ai h3{font-size:27px;margin:0 0 10px!important}
.sales-thread .sales-bubble ol{margin:0;padding-left:28px}
.sales-thread .sales-ai ol{margin:10px 0}.sales-thread .sales-bubble li::marker{color:#84ddf2}
.sales-thread .sales-type-question{font-size:21px;color:#a8c5d7;padding-top:10px}
.sales-chat-artifact{border:1px solid #456a83;border-radius:14px;background:#0d2037;padding:16px 20px;margin-top:16px;display:flex;align-items:center;gap:30px}.sales-chat-artifact small{display:block;font-size:11px;letter-spacing:1px;color:#78cfe5}.sales-chat-artifact strong{display:block;font-size:24px;margin-top:5px}.sales-artifact-actions{display:flex;align-items:center;gap:12px}.sales-artifact-actions button,.sales-artifact-actions a{font:inherit;font-size:18px;padding:9px 17px;border:1px solid #447d98;border-radius:100px;background:#174158;color:#b6edfa;text-decoration:none;cursor:pointer;white-space:nowrap}.sales-artifact-actions a{background:transparent}.sales-thread .is-typing .sales-chat-artifact{animation:sales-bubble-arrive .3s both;animation-delay:var(--artifact-delay)}.sales-artifact-actions a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}

/* Slide 25 timing: thinking dots, then a gentle 9px answer entrance. */
.sales-reply-thinking{position:absolute;left:59px;display:flex;align-items:center;gap:8px;height:42px;color:#83b3c9;opacity:0;visibility:hidden;pointer-events:none}.sales-thinking-avatar{position:absolute;left:-59px;top:0;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#194458;color:#9be8f8;font-size:16px}.sales-reply-thinking small{font-size:17px;letter-spacing:0;margin-left:12px}.sales-reply-thinking i{width:7px;height:7px;border-radius:50%;background:#74d9ed}.sales-reply-thinking.is-thinking{animation:sales-thinking-window 1.8s linear both;animation-delay:var(--thinking-delay)}.sales-reply-thinking.is-thinking i{animation:sales-thinking-dot .65s ease-in-out infinite}.sales-reply-thinking i:nth-of-type(2){animation-delay:.12s}.sales-reply-thinking i:nth-of-type(3){animation-delay:.24s}.sales-thread .sales-exchange .sales-ai.is-typing{animation-name:sales-answer-arrive!important;animation-duration:.4s!important;animation-timing-function:ease!important}
@keyframes sales-thinking-window{0%{opacity:0;visibility:visible}12%,85%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes sales-thinking-dot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@keyframes sales-answer-arrive{from{opacity:0;transform:translateY(9px);visibility:hidden}to{opacity:1;transform:translateY(0);visibility:visible}}
@media(prefers-reduced-motion:reduce){.sales-reply-thinking{display:none}.sales-thread .sales-exchange .sales-ai.is-typing{animation:none!important}}

/* List numbers enter with their item, not with the empty reply bubble. */
.sales-thread .is-typing li{animation:sales-glyph-in .01s linear both;animation-delay:calc(var(--message-delay) + var(--item-char) * 16ms)}
@media(prefers-reduced-motion:reduce){.sales-thread .is-typing li{animation:none!important}}
/* Keep the scan beam hidden after its final pass. */
.sales-scan i{opacity:0;pointer-events:none}
.sales-story.active[data-step="1"] .sales-scan i{animation-fill-mode:both}

/* Read → match → analyze: finite spreadsheet scan sequence. */
.sales-scan-lab{align-self:center;text-align:center}.scan-visual{position:relative;width:400px;height:480px}.scan-file{position:absolute;width:306px;border:1px solid #385971;border-radius:16px;background:#10243b;overflow:hidden;box-shadow:0 14px 35px #00103c55;text-align:left}.scan-file-back{left:0;top:15px;transform:rotate(-5deg);opacity:.8}.scan-file-front{right:0;top:126px;transform:rotate(3deg);background:#142d44}.scan-file header{display:flex;align-items:center;gap:10px;padding:14px 15px;border-bottom:1px solid #36536c}.scan-file header>span{display:grid;place-items:center;background:#1d685e;color:#c4fff0;width:27px;height:30px;border-radius:6px;font-size:17px;font-weight:600}.scan-file header strong{font-size:17px;font-weight:500;color:#d6e8f5}.scan-file header small{font-size:11px;letter-spacing:0;color:#88a7be;margin-left:auto}.scan-file-grid{position:relative;padding:13px}.scan-data-row{display:grid;grid-template-columns:48px 1fr 72px;gap:5px;padding:9px 7px;border-bottom:1px solid #304c64;font-size:12px;color:#9ab7cd}.scan-data-row:first-child{font-size:10px;color:#6c91aa;padding-top:0}.scan-data-row:last-of-type{border:0}.scan-match{border-radius:5px;background:#195067;color:#c5f5fc}.scan-sweep{position:absolute;left:0;right:0;top:0;height:40px;background:linear-gradient(transparent,#45dfff30);border-bottom:1px solid #8cefff;opacity:0;pointer-events:none}.scan-links{position:absolute;inset:0;width:400px;height:460px;pointer-events:none}.scan-links path{stroke:#387089;stroke-width:1.5}.scan-links .scan-result-link{stroke:#54bfd8;stroke-dasharray:4 7;opacity:.55}.scan-ai-core{position:absolute;top:350px;left:151px;width:98px;height:98px;border:1px solid #56b7cb;border-radius:25px;background:radial-gradient(circle at 40% 15%,#27637a,#102b45 75%);box-shadow:0 0 38px #38d4f333,inset 0 0 16px #73e7ff11;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#beeff8}.scan-ai-core>span{font-size:26px;line-height:1}.scan-ai-core>strong{font-size:28px;line-height:1.2;letter-spacing:2px}.scan-packet{position:absolute;width:6px;height:6px;border-radius:50%;background:#a1f6ff;box-shadow:0 0 13px #48daff;opacity:0}.scan-packet-a{left:82px;top:215px}.scan-packet-b{left:315px;top:276px}.scan-complete{position:absolute;top:462px;left:0;right:0;font-size:17px;color:#a7deea;white-space:nowrap}.scan-complete>span:first-child{color:#76d9bb;margin-right:5px}.scan-snapshot{display:block;margin-top:20px;color:#7f9bb4;font-size:13px!important;letter-spacing:0!important}
.sales-story.active[data-step="1"] .scan-file{animation:scan-file-enter .6s both}.sales-story.active[data-step="1"] .scan-file-front{animation-delay:.15s}.sales-story.active[data-step="1"] .scan-sweep{animation:scan-sheet-pass 1.2s ease-in-out both .35s}.sales-story.active[data-step="1"] .scan-file-front .scan-sweep{animation-delay:.6s}.sales-story.active[data-step="1"] .scan-match{animation:scan-row-match .5s both 1s}.sales-story.active[data-step="1"] .scan-file-front .scan-match{animation-delay:1.25s}.sales-story.active[data-step="1"] .scan-packet-a{animation:scan-packet-a .8s ease-in-out both 1.35s}.sales-story.active[data-step="1"] .scan-packet-b{animation:scan-packet-b .8s ease-in-out both 1.55s}.sales-story.active[data-step="1"] .scan-ai-core{animation:scan-core-ready .8s both 1.8s}.sales-story.active[data-step="1"] .scan-complete{animation:sales-reveal .5s both 2.3s}.sales-story.active[data-step="1"] .sales-findings article{animation-delay:1.9s}.sales-story.active[data-step="1"] .sales-findings article:nth-child(2){animation-delay:2.35s}.sales-story.active[data-step="1"] .sales-findings article:nth-child(3){animation-delay:2.8s}
@keyframes scan-file-enter{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes scan-sheet-pass{0%{opacity:0;transform:translateY(-35px)}15%,80%{opacity:1}100%{opacity:0;transform:translateY(130px)}}@keyframes scan-row-match{from{background:transparent;color:#9ab7cd}to{background:#195067;color:#c5f5fc}}@keyframes scan-packet-a{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}45%{transform:translate(0,95px)}85%{opacity:1;transform:translate(115px,98px)}100%{opacity:0;transform:translate(115px,141px)}}@keyframes scan-packet-b{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}40%{transform:translate(0,43px)}85%{opacity:1;transform:translate(-118px,43px)}100%{opacity:0;transform:translate(-118px,80px)}}@keyframes scan-core-ready{0%{opacity:.5;transform:scale(.94)}60%{opacity:1;transform:scale(1.04)}100%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.sales-story .scan-sweep,.sales-story .scan-packet{display:none}.sales-story .scan-visual *{animation:none!important}}

/* Route the rear file outside the overlapping front card; emphasize the AI hub. */
.scan-visual{height:520px}.scan-links{height:460px}.scan-ai-core{left:136px;top:346px;width:128px;height:128px;border-radius:31px;border-color:#79deee;background:radial-gradient(circle at 40% 12%,#34839b,#133d59 65%,#112d47);box-shadow:0 0 65px #38d4f34d,0 0 24px #4adcf333,inset 0 0 22px #73e7ff20}.scan-ai-core>span{font-size:32px;color:#b5f5ff}.scan-ai-core>strong{font-size:39px;color:#e0faff;letter-spacing:3px}.scan-complete{top:490px}.scan-packet-a{left:27px;top:193px}.scan-packet-b{left:317px;top:283px}
@keyframes scan-packet-a{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}45%{transform:translate(0,129px)}85%{opacity:1;transform:translate(152px,129px)}100%{opacity:0;transform:translate(152px,157px)}}
@keyframes scan-packet-b{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}40%{transform:translate(0,44px)}85%{opacity:1;transform:translate(-98px,44px)}100%{opacity:0;transform:translate(-98px,67px)}}

.scan-packet-a{top:202px}.scan-packet-b{top:307px}
@keyframes scan-packet-a{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}45%{transform:translate(0,120px)}85%{opacity:1;transform:translate(152px,120px)}100%{opacity:0;transform:translate(152px,148px)}}
@keyframes scan-packet-b{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}40%{transform:translate(0,20px)}85%{opacity:1;transform:translate(-98px,20px)}100%{opacity:0;transform:translate(-98px,43px)}}
/* Highlight the AI processor and keep output flowing toward the findings. */
.scan-ai-core{background:linear-gradient(145deg,#48daff,#00c2ff);border-color:#86eaff;box-shadow:0 0 60px #00c2ff40,inset 0 1px 0 #c0f6ff80}
.scan-ai-core>span,.scan-ai-core>strong{color:#071323}
.scan-links .scan-result-link{stroke:#48daff;stroke-width:2;stroke-dasharray:5 8;opacity:.85}
.sales-story.active[data-step="1"] .scan-result-link{animation:scan-output-flow 1s linear infinite}
@keyframes scan-output-flow{from{stroke-dashoffset:26}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.sales-story.active[data-step="1"] .scan-result-link{animation:none}}

/* Fan out the AI output directly to the three findings. */
.sales-analysis{position:relative}.scan-output-network{position:absolute;inset:0;width:100%;height:600px;pointer-events:none;overflow:visible}.scan-output-path{stroke:#48daff;stroke-width:2;stroke-dasharray:5 8;opacity:.75}.sales-findings{position:relative}.sales-story.active[data-step="1"] .scan-output-path{animation:scan-output-flow 1s linear infinite}
@media(prefers-reduced-motion:reduce){.sales-story.active[data-step="1"] .scan-output-path{animation:none}}
/* Reveal output only after both files have finished scanning. */
.scan-output-network{opacity:0}
.scan-output-path{stroke:#48daff;opacity:.75}
.sales-story.active[data-step="1"] .scan-output-network{animation:scan-output-reveal .65s ease both 2.35s}
@keyframes scan-output-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.sales-story.active[data-step="1"] .scan-output-network{animation:none;opacity:1}}
/* Finish file scanning, transfer and AI processing before revealing outputs. */
.sales-story.active[data-step="1"] .scan-output-network{animation-delay:2.7s}
.sales-story.active[data-step="1"] .sales-findings article{animation-delay:3s}
.sales-story.active[data-step="1"] .sales-findings article:nth-child(2){animation-delay:3.45s}
.sales-story.active[data-step="1"] .sales-findings article:nth-child(3){animation-delay:3.9s}