/* One stage, three sequential scenes. */
.journey-canvas{display:block;height:475px;min-height:475px;padding:0;overflow:hidden;background:radial-gradient(ellipse at center,#16305666,transparent 70%)}
.journey-source,.journey-chat,.journey-panel{position:absolute;inset:0;margin:auto!important;width:min(88%,540px);max-width:none;height:max-content;opacity:0;visibility:hidden;transform:translateX(65px) scale(.97);filter:blur(5px);transition:opacity .38s ease,transform .55s cubic-bezier(.2,.8,.2,1),filter .4s,visibility .38s;pointer-events:none}
.journey-source.scene-current,.journey-chat.scene-current,.journey-panel.scene-current{opacity:1;visibility:visible;transform:none;filter:none;pointer-events:auto}
.journey-source.scene-past,.journey-chat.scene-past,.journey-panel.scene-past{transform:translateX(-65px) scale(.97)}
.journey-source{width:min(88%,850px);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.journey-label{grid-column:1/-1;justify-content:center;font-size:14px;gap:12px;margin-bottom:15px;letter-spacing:1.8px}
.journey-label span{font-size:13px;color:#b4c9ed}
.ad-platform{height:125px;flex-direction:column;justify-content:center;font-size:21px;gap:15px;margin:0;padding:20px;border-radius:12px;background:#152844;border-color:#3f5d86}
.ad-platform img{width:43px;height:43px}.ad-platform sup{position:absolute;right:15px;bottom:22px;font-size:12px}.click-pointer{right:22px;bottom:-20px;font-size:50px}
.interest-person{grid-column:1/-1;justify-content:center;gap:12px;margin-top:25px}.interest-person .person-avatar{width:44px;height:44px;font-size:14px}.interest-person b{font-size:17px}.interest-person small{font-size:13px}
.journey-chat{width:min(90%,420px)}.journey-chat .journey-label{color:#65dba4;margin-bottom:12px}
.chat-window{border-color:#397c65;background:#101e24;box-shadow:0 20px 65px #0005}
.chat-window-head{background:#173b30;padding:12px 16px;font-size:14px;border-bottom-color:#30634f}.chat-window-head small{color:#9cc9b6;font-size:11px}.chat-window-head i{background:#43da88}
.conversation{min-height:0;gap:7px;padding:12px 15px;background:radial-gradient(circle at 20% 30%,#2d584225,transparent 65%),#10221d}
.message{font-size:12px;padding:8px 12px;max-width:88%;transition:opacity .2s,transform .25s cubic-bezier(.16,1,.3,1)}
.message.incoming{background:#233c33;color:#e7f5ed}.message.outgoing{background:#176a4a;color:#f1fff5}.message.outgoing:after{content:' ✓✓';font-size:9px;color:#76c8f0;margin-left:5px;white-space:nowrap}
.chat-qualified{font-size:10px;color:#7fd6a7}.chat-input{background:#172b23;border-color:#315744;font-size:11px;padding:9px 15px}.chat-input span{background:#26895d}
.crm-window{min-height:0;padding-bottom:17px;box-shadow:0 20px 65px #0005}.crm-top{padding:13px 18px;font-size:16px}.crm-count{font-size:12px}.crm-tabs{font-size:12px;padding:10px 18px 0}.crm-columns{font-size:9px;margin:0 18px;padding:9px 0}.arriving-card{margin:0 17px;padding:14px 18px}.arrival-top b{font-size:16px}.arrival-top small{font-size:12px}.arrival-top .person-avatar{width:38px;height:38px;font-size:12px}.new-badge{display:block;font-size:9px}.request-quote{font-size:14px;margin:10px 0}.lead-status{font-size:12px;padding:5px 9px}.sales-assignment{margin-top:11px;padding-top:10px}.sales-assignment b{font-size:13px}.sales-assignment small{font-size:8px}.lead-context{font-size:10px;flex-direction:row;gap:14px}.crm-placeholder{margin-top:12px}.crm-empty{top:155px}.crm-empty span{display:none}
.travelling-lead{left:50%;top:48%;font-size:14px;padding:12px 16px;border-radius:12px;background:#245ec9;box-shadow:0 0 75px #487fffaa}.travelling-lead .person-avatar{width:34px;height:34px;font-size:11px}.travelling-lead small{font-size:11px}
.journey-footer{gap:20px;min-height:60px}.journey-steps{gap:6px;flex-shrink:0}.journey-steps button{border:1px solid #344e73;border-radius:5px;background:transparent;padding:6px 9px;color:#8ba4c9;font-size:11px}.journey-steps button.current{background:#2c4c86;border-color:#7499d7;color:white}
@media(max-width:800px){.journey-canvas{height:475px;min-height:475px}.journey-source{gap:12px;width:90%}.ad-platform{font-size:17px;height:118px}.ad-platform img{width:35px;height:35px}.journey-label span{font-size:11px}.journey-panel{width:88%}.journey-footer{flex-direction:column;gap:9px;text-align:center;padding:12px}.journey-steps button{font-size:10px}}
@media(max-width:560px){.journey-canvas{height:460px;min-height:460px}.journey-source{width:92%;gap:8px}.journey-label{font-size:12px;gap:8px;letter-spacing:1px;margin-bottom:15px}.journey-label span{font-size:10px}.ad-platform{height:107px;font-size:12px;gap:13px;padding:10px 3px}.ad-platform img{width:32px;height:32px}.ad-platform sup{right:4px;bottom:13px;font-size:9px}.click-pointer{right:4px;font-size:40px}.interest-person{margin-top:25px}.interest-person b{font-size:15px}.interest-person small{font-size:11px}.journey-chat{width:92%}.journey-panel{width:92%}.chat-window-head{font-size:12px;padding:11px 12px}.chat-window-head small{font-size:10px}.conversation{padding:11px;gap:8px}.message{font-size:11px;padding:8px 10px}.crm-top{font-size:14px}.crm-tabs{font-size:11px}.arrival-top b{font-size:14px}.arrival-top small{font-size:10px}.arriving-card{margin:0 10px;padding:12px}.sales-assignment b{font-size:11px}.lead-context{font-size:9px;gap:7px}.request-quote{font-size:12px}.lead-status{font-size:11px}.new-badge{font-size:8px}.journey-footer{font-size:11px;min-height:86px}.journey-steps button{font-size:10px;padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.journey-source,.journey-chat,.journey-panel{transition:none;filter:none}.journey.paused #pause-demo{display:none}}

/* Minimal presentation: the scene itself is the hero. */
.journey{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.journey-canvas{background:transparent;height:430px;min-height:430px;overflow:hidden}
.visual-title{margin-bottom:10px}.visual-title h1{margin-top:0}
.journey-source{gap:22px}.interest-person{margin-top:15px}
.ad-platform{background:transparent;border-color:transparent;box-shadow:none}
.journey.has-interest .selected-platform{background:#15274466;border-color:#5275b055;box-shadow:none}
.custom-solutions{padding-top:45px}.custom-solutions .section-top{margin-bottom:25px}
@media(max-width:800px){.journey-canvas{height:430px;min-height:430px}.journey-source{gap:10px}}
@media(max-width:560px){.journey-canvas{height:410px;min-height:410px}.journey-source{gap:4px}.visual-title{margin-bottom:5px}.custom-solutions{padding-top:30px}.ad-platform{padding:10px 2px}}


/* Larger scenes on the page background, without an outer surface. */
#journey{border:none;background:none;box-shadow:none;border-radius:0}
#journey .journey-canvas{background:none;border:none;box-shadow:none;height:540px;min-height:540px}
#journey .journey-source{width:min(96%,1000px)}
#journey .journey-chat{width:min(94%,530px)}
#journey .journey-panel{width:min(94%,650px)}
#journey .ad-platform{height:150px;font-size:25px}
#journey .ad-platform img{width:57px;height:57px}
#journey .chat-window-head{font-size:17px;padding:16px 20px}
#journey .chat-window-head small{font-size:12px}
#journey .conversation{padding:17px 20px;gap:10px}
#journey .message{font-size:15px;padding:10px 14px}
#journey .chat-qualified{font-size:12px}
#journey .chat-input{font-size:13px;padding:12px 18px}
#journey .crm-top{font-size:19px;padding:17px 21px}
#journey .arrival-top b{font-size:19px}
#journey .arrival-top small{font-size:14px}
#journey .arriving-card{padding:19px 22px}
#journey .request-quote{font-size:16px}
#journey .lead-status{font-size:14px}
#journey .sales-assignment b{font-size:15px}
#journey .lead-context{font-size:12px}
@media(max-width:560px){
 #journey .journey-canvas{height:455px;min-height:455px}
 #journey .journey-source{width:100%}
 #journey .journey-chat,#journey .journey-panel{width:100%}
 #journey .ad-platform{height:120px;font-size:13px}
 #journey .ad-platform img{width:39px;height:39px}
 #journey .chat-window-head{font-size:13px;padding:12px}
 #journey .chat-window-head small{font-size:10px}
 #journey .conversation{padding:12px;gap:8px}
 #journey .message{font-size:12px;padding:9px 11px}
 #journey .chat-qualified{font-size:10px}
 #journey .chat-input{font-size:11px;padding:10px 12px}
 #journey .crm-top{font-size:15px;padding:13px}
 #journey .arrival-top b{font-size:15px}
 #journey .arrival-top small{font-size:11px}
 #journey .arriving-card{padding:14px}
 #journey .request-quote{font-size:13px}
 #journey .lead-status{font-size:12px}
 #journey .sales-assignment b{font-size:12px}
 #journey .lead-context{font-size:10px}
}

#journey .property-conversation{height:345px;min-height:345px;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;scroll-behavior:smooth}
.property-conversation::-webkit-scrollbar{display:none}
.property-conversation [data-message]:not(.visible){display:none}
.property-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:17px 0 10px}
.property-summary small{display:block;font-size:9px;letter-spacing:.5px;color:#8ba4c7}
.property-summary b{display:block;font-size:13px;line-height:1.5;font-weight:550;color:#e2ecff;margin-top:3px}
.declared-note{font-size:10px;color:#889dbe;margin-bottom:12px}
@media(max-width:560px){#journey .property-conversation{height:295px;min-height:295px}.property-summary{gap:9px 12px;margin-top:12px}.property-summary small{font-size:8px}.property-summary b{font-size:11px}.declared-note{font-size:9px}#journey .journey-canvas{height:510px;min-height:510px}}
@media(prefers-reduced-motion:reduce){#journey .property-conversation{scroll-behavior:auto}}
@media(max-width:560px){#journey .journey-canvas{height:580px;min-height:580px}}
@media(min-width:561px){#journey .journey-canvas{height:640px;min-height:640px}}