.lead-slide{padding-top:135px;justify-content:flex-start}.lead-slide>.eyebrow{font-size:18px}.lead-narratives{position:absolute;left:188px;top:290px;width:580px;height:420px}.lead-narrative{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity .5s,transform .5s}.lead-narrative.is-current{opacity:1;visibility:visible;transform:none}.lead-kicker{font-size:17px!important;letter-spacing:3px;color:var(--cyan);margin-bottom:24px}.lead-narrative h2{font-size:58px;line-height:1.35;margin-bottom:35px}.lead-narrative>p:last-child{font-size:27px;line-height:1.8;color:var(--muted)}.lead-scene{position:absolute;left:830px;right:140px;top:185px;height:665px}.paper-brochure{position:absolute;left:50px;top:65px;width:330px;height:445px;padding:30px;background:#dce5eb;color:#152944;transform:rotate(-7deg);box-shadow:20px 25px 50px #00103c66;transition:transform .7s,opacity .7s}.paper-brochure small{font-size:11px;letter-spacing:2px}.paper-brochure h3{font-size:29px;line-height:1.2;margin-top:28px}.paper-brochure svg{width:100%;margin:20px 0}.paper-lines{height:35px;background:repeating-linear-gradient(transparent 0 8px,#8094a8 8px 10px,transparent 10px 14px)}.paper-brochure p{font-size:13px;margin-top:12px}.business-card{position:absolute;bottom:-42px;right:-55px;width:240px;padding:23px;background:#122d49;color:#dce5eb;font-size:16px;box-shadow:0 10px 25px #00103c55;transform:rotate(13deg)}.handout-end{position:absolute;right:20px;top:180px;text-align:center;width:220px;color:var(--muted);transition:opacity .4s}.handout-end>span{font-size:70px;color:var(--cyan)}.recipient-icon{font-size:105px;line-height:1.2}.handout-end p{font-size:24px;line-height:1.6}.lead-phone{position:absolute;left:270px;top:0;width:385px;height:660px;border:8px solid #41556d;border-radius:42px;background:#091527;box-shadow:20px 25px 70px #00103c80;overflow:hidden;opacity:0;transform:translateY(30px) scale(.92);transition:opacity .6s,transform .7s,left .7s}.phone-camera{width:88px;height:18px;border-radius:0 0 14px 14px;background:#41556d;margin:auto}.phone-browser{font-size:12px;text-align:center;color:#91a8bc;margin:14px 0 23px}.product-page{padding:0 25px;transition:opacity .4s}.product-page>small{font-size:10px;letter-spacing:2px;color:#9abace}.product-page h3{font-size:33px;line-height:1.25;margin-top:22px}.product-page svg{width:100%;margin:24px 0}.product-tabs{display:flex;gap:12px;font-size:13px}.product-tabs span{border:1px solid #486278;padding:8px 14px;border-radius:100px}.product-tabs span:first-child{color:var(--cyan);border-color:var(--cyan)}.product-page p{font-size:21px;line-height:1.6;margin:23px 0}.product-cta,.chat-actions{background:#48daff;color:#092039;border-radius:100px;padding:15px;text-align:center;font-size:17px;font-weight:600}.qr-entry{position:absolute;top:275px;left:50px;width:160px;text-align:center;opacity:0;transition:opacity .5s}.qr-entry svg{width:115px;border:8px solid #e4e9ff;border-radius:8px}.qr-entry p{font-size:18px;margin-top:15px}.qr-entry small{font-size:12px;color:var(--muted)}.chat-page{position:absolute;inset:65px 18px 20px;opacity:0;visibility:hidden;transition:opacity .5s}.chat-heading{font-size:20px;padding-bottom:20px;border-bottom:1px solid #32475d}.chat-heading i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--cyan)}.chat-bubble{font-size:21px;line-height:1.6;padding:15px 17px;border-radius:18px;margin-top:20px}.chat-bubble.visitor{background:#204560;margin-left:25px}.chat-bubble.assistant{background:#14283c;margin-right:16px}.chat-bubble small{display:block;color:#85c6dc;font-size:12px;margin-top:14px}.response,.lead-consent,.chat-actions{opacity:0;transition:opacity .5s}.response{font-size:18px;margin-top:15px}.lead-consent{font-size:12px;color:#9ec3cb;margin:15px 0}.chat-actions{font-size:15px;padding:12px}.knowledge-docs{position:absolute;left:0;top:220px;width:240px;opacity:0;transform:translateX(-20px);transition:opacity .5s,transform .5s}.knowledge-docs>div{border:1px solid #4c657c;border-radius:12px;padding:20px;margin:14px 0;color:var(--cyan);font-size:17px}.knowledge-docs span{display:block;color:#c2d0e1;font-size:20px;margin-top:8px}.knowledge-docs p{font-size:17px;color:var(--muted)}.knowledge-docs b{color:var(--cyan);font-size:32px}.sales-lead{position:absolute;right:0;top:140px;width:355px;padding:30px;border:1px solid #43829b;border-radius:20px;background:#10283c;opacity:0;transform:translateX(30px);transition:opacity .6s,transform .6s}.sales-lead h3{font-size:29px;line-height:1.4}.sales-lead dt{font-size:15px;color:#94afc2;margin-top:24px}.sales-lead dd{font-size:22px;margin-top:5px}.lead-handoff{border-top:1px solid #3e6178;margin-top:24px;padding-top:22px;font-size:16px;line-height:1.7;color:#85d2e5}.lead-slide:not([data-step="0"]) .paper-brochure{transform:translate(-75px,-50px) rotate(-12deg) scale(.44);opacity:.45}.lead-slide:not([data-step="0"]) .handout-end{opacity:0}.lead-slide:not([data-step="0"]) .lead-phone{opacity:1;transform:none}.lead-slide[data-step="1"] .qr-entry{opacity:1}.lead-slide[data-step="2"] .paper-brochure,.lead-slide[data-step="3"] .paper-brochure{opacity:0}.lead-slide[data-step="2"] .knowledge-docs{opacity:1;transform:none}.lead-slide[data-step="2"] .product-page,.lead-slide[data-step="3"] .product-page{opacity:0}.lead-slide[data-step="2"] .chat-page,.lead-slide[data-step="3"] .chat-page{opacity:1;visibility:visible}.lead-slide[data-step="3"] .lead-phone{left:0}.lead-slide[data-step="3"] .sales-lead{opacity:1;transform:none}.lead-slide[data-step="3"] .response,.lead-slide[data-step="3"] .lead-consent,.lead-slide[data-step="3"] .chat-actions{opacity:1}.lead-slide .story-captions{position:absolute;left:188px;right:188px;bottom:123px;width:auto;height:46px}.lead-slide .story-caption{font-size:25px}.lead-demo-note{position:absolute;left:188px;bottom:83px;font-size:14px;color:#7c91a8}.lead-slide .step-controls{bottom:73px}
@media(prefers-reduced-motion:reduce){.lead-slide *{transition:none!important}}
@container presentation (max-width:760px){.lead-slide{padding:105px 24px 130px}.lead-slide>.eyebrow{font-size:12px}.lead-narratives{position:relative;left:auto;top:auto;width:100%;height:300px;margin-top:25px;flex:none}.lead-narrative h2{font-size:32px;margin-bottom:20px}.lead-narrative>p:last-child{font-size:19px}.lead-kicker{font-size:12px!important;margin-bottom:15px}.lead-scene{position:relative;left:auto;right:auto;top:auto;width:800px;height:665px;zoom:.41;transform:none;margin-bottom:0;flex:none}.lead-slide .story-captions{position:relative;inset:auto;width:100%;height:100px}.lead-slide .story-caption{font-size:18px}.lead-demo-note{position:static;font-size:11px}.lead-slide .step-controls{position:static;margin-top:20px;flex:none}}

@container presentation (max-width:370px){.lead-scene{zoom:.34}}

.product-chat-entry{display:block;width:100%;margin-top:12px;padding:13px 12px;border:1px solid #48daff;border-radius:100px;background:transparent;color:#85def5;font:inherit;font-size:17px;font-weight:500;cursor:pointer}.product-chat-entry:hover{background:#15354b}.product-chat-entry:focus-visible{outline:3px solid #b0eaff;outline-offset:4px}.lead-slide[data-step="0"] .product-chat-entry{visibility:hidden}.lead-slide[data-step="2"] .product-page,.lead-slide[data-step="3"] .product-page{visibility:hidden;pointer-events:none}
/* An animated landing-page preview, with actual model and playback controls. */
.product-page .landing-machine{height:175px;margin:15px 0 12px;overflow:visible;border-radius:15px;background:radial-gradient(ellipse at center,#183b51 0%,#0c1c30 65%,transparent 75%);transition:filter .45s}
.product-page .product-tabs button{border:1px solid #486278;padding:8px 14px;border-radius:100px;font:inherit;font-size:13px;background:transparent;color:#a9bed0;cursor:pointer}
.product-page .product-tabs button[aria-pressed="true"]{color:var(--cyan);border-color:var(--cyan);background:#163649}
.product-page .landing-specs{position:relative;height:36px;margin-top:16px}
.product-page .landing-specs p{position:absolute;inset:0;font-size:15px;line-height:1.5;margin:0;transition:opacity .3s,transform .3s}
.standard-spec{opacity:0;transform:translateY(8px)}
.product-page[data-model="standard"] .compact-spec{opacity:0;transform:translateY(-8px)}
.product-page[data-model="standard"] .standard-spec{opacity:1;transform:none}
.product-page[data-model="standard"] .landing-machine{filter:hue-rotate(22deg)}
.landing-process{font-size:13px;color:#91d2e7;text-align:center;margin:0 0 12px;opacity:.45;transition:opacity .4s}
.product-page .product-cta{font-family:inherit;width:100%;border:0;cursor:pointer}
.product-page button:focus-visible{outline:3px solid #c1f3ff;outline-offset:3px}
.product-page.is-exploring .landing-process{opacity:1}
.product-page.is-exploring .product-cta{box-shadow:0 0 0 3px #48daff33;background:#a0eaff}
.lead-slide.active[data-step="1"] .landing-machine{animation:landing-float 5s ease-in-out infinite}
.lead-slide.active[data-step="1"] .landing-bottles{animation:landing-conveyor 3s linear infinite}
.lead-slide.active[data-step="1"] .landing-fill{animation:landing-flow 1.2s linear infinite}
.lead-slide.active[data-step="1"] .is-exploring .landing-bottles{animation-duration:1.6s}
.lead-slide.active[data-step="1"] .is-exploring .landing-fill{animation-duration:.55s}
@keyframes landing-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes landing-conveyor{0%{transform:translateX(-28px);opacity:0}15%,85%{opacity:1}100%{transform:translateX(26px);opacity:0}}
@keyframes landing-flow{to{stroke-dashoffset:-22}}
@media(prefers-reduced-motion:reduce){.lead-slide .landing-machine,.lead-slide .landing-bottles,.lead-slide .landing-fill{animation:none!important}}
/* Fit the landing page within the handset, including safe space below both CTAs. */
.lead-phone .product-page{position:absolute;inset:78px 24px 22px;display:flex;flex-direction:column;padding:0;gap:0}
.product-page>small{flex:none;line-height:15px}
.product-page h3{font-size:30px;line-height:1.22;margin-top:15px;flex:none}
.product-page .landing-machine{width:100%;height:145px;min-height:100px;flex:1 1 145px;margin:12px 0 10px}
.product-page .product-tabs{flex:none;gap:10px}
.product-page .product-tabs button{padding:6px 13px;line-height:18px}
.product-page .landing-specs{height:24px;min-height:24px;flex:none;margin-top:12px}
.product-page .landing-specs p{font-size:14px;line-height:22px;white-space:nowrap}
.product-page .landing-process{font-size:12px;line-height:18px;margin:3px 0 12px;flex:none}
.product-page .product-cta{padding:12px 10px;font-size:16px;line-height:22px;flex:none}
.product-page .product-chat-entry{margin-top:10px;padding:11px 10px;font-size:16px;line-height:22px;flex:none}

.lead-slide.active[data-step="2"] .chat-bubble:not(.response) .lead-chat-glyph,
.lead-slide.active[data-step="3"] .chat-bubble.response .lead-chat-glyph{
 animation:lead-chat-type 90ms ease-out both;
 animation-delay:var(--type-delay);
}
@keyframes lead-chat-type{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
 .lead-slide .lead-chat-glyph{animation:none!important}
}

/* Bubble arrives first; its message starts typing after it settles. */
.lead-slide.active[data-step="2"] .chat-bubble.visitor:not(.response),
.lead-slide.active[data-step="2"] .chat-bubble.assistant,
.lead-slide.active[data-step="3"] .chat-bubble.response{
 transform-origin:top right;
 animation:lead-bubble-in 350ms cubic-bezier(.2,.8,.3,1) both;
}
.lead-slide.active[data-step="2"] .chat-bubble.assistant{
 transform-origin:top left;
 animation-delay:1500ms;
}
@keyframes lead-bubble-in{
 0%{opacity:0;transform:translateY(12px) scale(.35,.55)}
 70%{opacity:1;transform:translateY(-2px) scale(1.025,1.04)}
 100%{opacity:1;transform:translateY(0) scale(1)}
}
@media(prefers-reduced-motion:reduce){
 .lead-slide .chat-bubble{animation:none!important}
}