/* LPChat narrative scene: sharp, lightweight HTML motion. No external media. */
.lpchat-film,.lpchat-film *{line-height:1.35}
.hero-fullbleed #escena-lpchat{background:#071115}
.hero-fullbleed .showcase-deck:has(#escena-lpchat.is-active):after{opacity:0}
.lpchat-film{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 85% 45%,#12396d 0%,#0b203b 38%,#071115 74%)}
.lpchat-film:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#071115 0%,#071115f2 25%,#071115bc 39%,transparent 64%),linear-gradient(180deg,#071115af,transparent 25%,transparent 80%,#071115);z-index:2}
.lpchat-aura{position:absolute;right:-9%;top:9%;width:64%;height:83%;background:radial-gradient(ellipse,#2d89ff66,transparent 64%);border-radius:50%}
.lpchat-orbit{position:absolute;right:-6%;top:21%;width:61%;height:54%;border:1px solid #67adff35;border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 90px #327bff18,inset 0 0 60px #237aff10}
.lpchat-camera{position:absolute;right:2.6%;top:17%;width:54%;max-width:860px;z-index:1;transform:perspective(1600px) rotateY(-14deg) rotateZ(-2deg);transform-origin:75% 50%;--chat-time:16s}
.lpchat-app{font-family:Arial,sans-serif;color:#eef5ff;background:#0e1b30;border:1px solid #71a9ff8a;border-radius:16px;overflow:hidden;box-shadow:0 24px 75px #0009,0 0 75px #267dff38,inset 0 1px #c3ddff77}
.lpchat-top{height:48px;padding:0 21px;display:flex;align-items:center;gap:12px;background:linear-gradient(100deg,#192c49,#12345a);border-bottom:1px solid #689de841}
.lpchat-top strong{font-size:25px;letter-spacing:-1px}.lpchat-top strong span{color:#70baff}.lpchat-demo{margin-left:auto;font-size:8px;letter-spacing:1.5px;color:#c0d7f8}.lpchat-light{width:7px;height:7px;border-radius:50%;background:#72b9ff;box-shadow:0 0 14px #63abff}
.lpchat-workspace{display:grid;grid-template-columns:28% minmax(0,1fr)}
.lpchat-sidebar{position:relative;min-width:0;padding:24px 12px 45px;background:#0b182c;border-right:1px solid #3b58834d}
.lpchat-inbox-title{font-size:12px;font-weight:700;color:#d3e4ff;display:flex;justify-content:space-between}.lpchat-inbox-title>span{font-size:9px;color:#8ca9ce;background:#213450;padding:3px 6px;border-radius:4px}
.lpchat-search{font-size:9px;color:#879bb7;border:1px solid #53698b40;border-radius:6px;padding:10px;margin:16px 0 20px}
.lpchat-contact{display:flex;align-items:center;gap:8px;margin:8px -5px;padding:12px 8px;border:1px solid transparent;border-radius:8px}.lpchat-contact.selected{background:linear-gradient(110deg,#1b4479,#142d50);border-color:#498cec88}.lpchat-contact>i{font:11px Arial;background:#244263;color:#bcdfff;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;border-radius:9px}.lpchat-contact div{min-width:0}.lpchat-contact b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lpchat-contact div>span{display:block;font-size:8px;color:#8faacb;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lpchat-contact em{font:8px Arial;margin-left:auto;background:#318bff;padding:3px 5px;border-radius:6px;color:white}.lpchat-sidebar-foot{position:absolute;bottom:17px;left:15px;font-size:8px;color:#92b0d8}.lpchat-mini-dot{display:inline-block;width:5px;height:5px;background:#70baff;border-radius:50%;margin-right:4px}
.lpchat-conversation{min-width:0;background:radial-gradient(ellipse at 90% 40%,#173457,#101e33 80%)}
.lpchat-person{display:flex;align-items:center;padding:12px 19px;gap:10px;background:#142841;border-bottom:1px solid #6997d323}.lpchat-avatar{display:grid;place-items:center;background:#87bcff;color:#12335c;width:30px;height:30px;border-radius:10px;font-size:13px;font-weight:700}.lpchat-person b{font-size:11px}.lpchat-person div>span{display:block;font-size:8px;color:#94b0d4;margin-top:4px}.lpchat-channel{margin-left:auto;color:#8bbcff;font-size:7px;letter-spacing:.8px}
.lpchat-window{height:290px;overflow:hidden;position:relative;mask-image:linear-gradient(transparent,#000 7%,#000)}
.lpchat-messages{position:absolute;bottom:0;left:0;right:0;padding:16px 19px 10px;display:flex;flex-direction:column;gap:0}
.lpchat-line{display:grid;grid-template-rows:1fr;flex-shrink:0;opacity:1}.lpchat-line>div{overflow:hidden;min-height:0;display:flex;flex-direction:column}.lpchat-bubble{max-width:94%;padding:11px 15px;border-radius:12px;margin-top:9px;box-shadow:0 4px 12px #0002}.lpchat-bubble small{display:block;font-size:7px;font-weight:700;letter-spacing:.7px;margin-bottom:6px}.lpchat-bubble p{font-size:clamp(12px,1vw,16px);line-height:1.4;margin:0!important;color:inherit!important}.lpchat-in{align-self:flex-start;background:#e8f0fc;color:#1b304e;border-bottom-left-radius:3px}.lpchat-in small{color:#647fa3}.lpchat-out{align-self:flex-end;background:linear-gradient(125deg,#69b6ff,#3e8ef2);color:#081d3a;border-bottom-right-radius:3px}.lpchat-out small{color:#123863}.lpchat-answer{background:linear-gradient(125deg,#a4d8ff,#65b2ff);box-shadow:0 0 25px #428dff35}
.lpchat-join{padding:11px 4px 2px;text-align:center;font-size:9px;color:#9fbcdf}.lpchat-join>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#81bcff;margin-right:6px}
.lpchat-composer{height:38px;border-top:1px solid #789ac928;margin:0 18px;display:flex;align-items:center;font-size:9px;color:#9db4d2;position:relative}.lpchat-compose-label{opacity:1}.lpchat-typing-label{position:absolute;left:0;opacity:0;color:#b8dcff}.lpchat-typing{margin-left:auto;display:flex;gap:4px}.lpchat-typing i{width:4px;height:4px;border-radius:50%;background:#76b8ff}
.lpchat-progress{display:flex;align-items:center;justify-content:center;gap:15px;height:38px;border-top:1px solid #50709b44;background:#0d1c33;font-size:9px;color:#8ba4c7}.lpchat-progress span{display:flex;gap:6px;align-items:center}.lpchat-progress b{font-size:10px;font-weight:500}.lpchat-progress>i{width:28px;height:1px;background:#3b5780}.lpchat-phase-three{color:#a3d4ff}
.lpchat-outcome{position:absolute;bottom:-27px;right:20px;display:flex;align-items:center;gap:11px;border:1px solid #a9d5ff;background:#ddecff;color:#18365c;border-radius:11px;padding:14px 19px;box-shadow:0 14px 32px #0006}.lpchat-outcome-symbol{display:grid;place-items:center;width:29px;height:29px;background:#266cda;border-radius:50%;font:18px Arial;color:#fff}.lpchat-outcome small{display:block;font:7px Arial;letter-spacing:.9px;margin-bottom:6px;color:#46658d}.lpchat-outcome strong{font:600 16px Arial;letter-spacing:-.3px}
#escena-lpchat:is(.is-active,.is-leaving) .lpchat-camera{animation:chat-camera var(--chat-time) cubic-bezier(.2,.65,.3,1) both}
#escena-lpchat:is(.is-active,.is-leaving) .lpchat-aura{animation:chat-aura 16s ease-in-out both}
#escena-lpchat:is(.is-active,.is-leaving) .lpchat-line{animation:chat-message var(--chat-time) linear both}
#escena-lpchat:is(.is-active,.is-leaving) .lpchat-m1{animation-name:chat-m1}#escena-lpchat:is(.is-active,.is-leaving) .lpchat-m2{animation-name:chat-m2}#escena-lpchat:is(.is-active,.is-leaving) .lpchat-m3{animation-name:chat-m3}#escena-lpchat:is(.is-active,.is-leaving) .lpchat-m4{animation-name:chat-m4}#escena-lpchat:is(.is-active,.is-leaving) .lpchat-m5{animation-name:chat-m5}#escena-lpchat:is(.is-active,.is-leaving) .lpchat-m6{animation-name:chat-m6}#escena-lpchat:is(.is-active,.is-leaving) .lpchat-m7{animation-name:chat-m7}
#escena-lpchat:is(.is-active,.is-leaving) .lpchat-contact-b{animation:chat-arrival-b 16s both}#escena-lpchat:is(.is-active,.is-leaving) .lpchat-contact-c{animation:chat-arrival-c 16s both}
#escena-lpchat:is(.is-active,.is-leaving) .lpchat-typing-label{animation:chat-typing 16s both}#escena-lpchat:is(.is-active,.is-leaving) .lpchat-compose-label{animation:chat-compose 16s both}
#escena-lpchat:is(.is-active,.is-leaving) .lpchat-typing i{animation:chat-dot .7s ease-in-out infinite alternate} .lpchat-typing i:nth-child(2){animation-delay:.2s!important}.lpchat-typing i:nth-child(3){animation-delay:.4s!important}
#escena-lpchat:is(.is-active,.is-leaving) .lpchat-outcome{animation:chat-outcome 16s both}
#escena-lpchat:is(.is-active,.is-leaving) .lpchat-phase-one{animation:chat-phase-one 16s both}#escena-lpchat:is(.is-active,.is-leaving) .lpchat-phase-two{animation:chat-phase-two 16s both}#escena-lpchat:is(.is-active,.is-leaving) .lpchat-phase-three{animation:chat-phase-three 16s both}
@keyframes chat-camera{0%{transform:perspective(1600px) translate(30px,15px) rotateY(-19deg) rotateZ(-3deg) scale(.96)}40%{transform:perspective(1600px) translate(-6px,-3px) rotateY(-11deg) rotateZ(-1deg) scale(1.025)}80%,100%{transform:perspective(1600px) translate(-3px,0) rotateY(-14deg) rotateZ(-2deg) scale(1)}}
@keyframes chat-aura{from{transform:translate(30px,10px) scale(.9);opacity:.7}to{transform:translate(-30px,-15px) scale(1.12);opacity:1}}
@keyframes chat-dot{to{transform:translateY(-3px);opacity:.45}}
@keyframes chat-arrival-b{0%,7%{opacity:0;transform:translateX(25px)}12%,100%{opacity:1;transform:none}}
@keyframes chat-arrival-c{0%,17%{opacity:0;transform:translateX(25px)}22%,100%{opacity:1;transform:none}}
@keyframes chat-m1{0%,0%{grid-template-rows:0fr;opacity:0;transform:translateY(12px)}3%,100%{grid-template-rows:1fr;opacity:1;transform:none}}
@keyframes chat-m2{0%,9%{grid-template-rows:0fr;opacity:0;transform:translateY(12px)}12%,100%{grid-template-rows:1fr;opacity:1;transform:none}}
@keyframes chat-m3{0%,20%{grid-template-rows:0fr;opacity:0;transform:translateY(12px)}23%,100%{grid-template-rows:1fr;opacity:1;transform:none}}
@keyframes chat-m4{0%,31%{grid-template-rows:0fr;opacity:0;transform:translateY(12px)}34%,100%{grid-template-rows:1fr;opacity:1;transform:none}}
@keyframes chat-m5{0%,43%{grid-template-rows:0fr;opacity:0;transform:translateY(12px)}46%,100%{grid-template-rows:1fr;opacity:1;transform:none}}
@keyframes chat-m6{0%,53%{grid-template-rows:0fr;opacity:0;transform:translateY(12px)}56%,100%{grid-template-rows:1fr;opacity:1;transform:none}}
@keyframes chat-m7{0%,88%{grid-template-rows:0fr;opacity:0;transform:translateY(12px)}91%,100%{grid-template-rows:1fr;opacity:1;transform:none}}
@keyframes chat-typing{0%,5%,12%,27%,34%,49%,56%,100%{opacity:0}6%,10%,28%,32%,50%,54%{opacity:1}}
@keyframes chat-compose{0%,5%,12%,27%,34%,49%,56%,100%{opacity:1}6%,10%,28%,32%,50%,54%{opacity:0}}
@keyframes chat-outcome{0%,92%{opacity:0;transform:translateY(15px) scale(.97)}96%,100%{opacity:1;transform:none}}
@keyframes chat-phase-one{0%,28%{color:#b3dcff}36%,100%{color:#8ba4c7}}@keyframes chat-phase-two{0%,28%,58%,100%{color:#8ba4c7}36%,53%{color:#b3dcff}}@keyframes chat-phase-three{0%,53%{color:#8ba4c7}60%,100%{color:#b3dcff}}
@media(min-width:1001px) and (max-height:780px){.lpchat-camera{top:16%;width:50%;right:2%}.lpchat-top{height:39px}.lpchat-person{padding-block:9px}.lpchat-window{height:245px}.lpchat-bubble{padding:9px 12px;margin-top:7px}.lpchat-bubble p{font-size:12px}.lpchat-progress{height:32px}.lpchat-composer{height:30px}.lpchat-outcome{bottom:-20px;padding:11px 16px}}
@media(min-width:681px) and (max-width:1000px){.lpchat-camera{width:68%;right:-2%;top:13%}.lpchat-film:after{background:linear-gradient(90deg,#071115e8,transparent 65%),linear-gradient(0deg,#071115 5%,#071115bb 38%,transparent 73%)}}
@media(max-width:680px){.lpchat-camera{top:105px;right:17px;width:calc(100% - 34px);max-width:440px;transform:none}.lpchat-top{height:31px;padding:0 12px}.lpchat-top strong{font-size:20px}.lpchat-demo{font-size:6px}.lpchat-workspace{grid-template-columns:1fr}.lpchat-sidebar,.lpchat-person,.lpchat-composer{display:none}.lpchat-window{height:215px}.lpchat-messages{padding:5px 12px 7px}.lpchat-bubble{padding:8px 11px;margin-top:6px;max-width:95%}.lpchat-bubble p{font-size:11px;line-height:1.35}.lpchat-bubble small{font-size:6px;margin-bottom:4px}.lpchat-join{font-size:8px;padding-top:8px}.lpchat-progress{height:25px;gap:10px;font-size:7px}.lpchat-progress b{font-size:8px}.lpchat-progress>i{width:20px}.lpchat-outcome{bottom:30px;right:10px;padding:9px 12px;gap:8px;box-shadow:0 5px 25px #06152a90}.lpchat-outcome small{font-size:5px;margin-bottom:4px}.lpchat-outcome strong{font-size:11px}.lpchat-outcome-symbol{width:23px;height:23px;font-size:14px}.lpchat-film:after{background:linear-gradient(0deg,#071115 0%,#071115 43%,#071115aa 50%,transparent 57%,transparent 91%,#0711156b 100%)}.lpchat-aura{width:125%;height:58%;right:-15%;top:0}.lpchat-orbit{width:110%;right:-25%;top:8%;height:40%}@keyframes chat-camera{0%{transform:perspective(900px) translate(4px,7px) rotateY(-10deg) rotateZ(-1deg) scale(.98)}40%,100%{transform:perspective(900px) rotateY(-6deg) rotateZ(-.5deg)}}}
@media(max-width:360px){.lpchat-camera{top:85px}.lpchat-top{height:28px}.lpchat-window{height:200px}.lpchat-bubble{padding:7px 9px}.lpchat-bubble p{font-size:10px}.lpchat-bubble small{font-size:5px}}
@media(min-width:681px){.lpchat-outcome{bottom:8px}}
@media(max-width:680px){.lpchat-outcome{bottom:-18px}}
@media(max-width:360px){.lpchat-window{height:140px}}
@media(min-width:361px) and (max-width:680px) and (max-height:760px){.lpchat-camera{top:85px}.lpchat-window{height:155px}}
@media(prefers-reduced-motion:reduce){#escena-lpchat *,#escena-lpchat *:after{animation:none!important;transition:none!important}}

.lpchat-m6 .lpchat-bubble{max-width:98%}

/* On small screens keep the handoff inside the chat; protect the hero title during perspective motion. */
@media(max-width:680px){.lpchat-outcome{display:none}}