/* Audience landing pages: short hero, live representative demo, details on demand. Tokens follow css/poe-theme.css. */
:root{color-scheme:dark;--lp-bg:#070b12;--lp-panel:#0d1420;--lp-text:#f8fbff;--lp-soft:#c2cbdf;--lp-muted:#8390ad;--lp-line:rgba(177,198,255,.14);--lp-line-strong:rgba(191,210,255,.3);--lp-mint:#52e5a5;--lp-mint-hover:#63f0b3;--lp-violet:#8664ff;--lp-shadow-hard:0 3px 0 rgba(124,92,255,.85)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.landing{margin:0;min-height:100vh;color:var(--lp-text);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 66% 18%,rgba(65,84,132,.18),transparent 34%),linear-gradient(180deg,#080d16 0%,#070b12 60%,#05070c 100%);overflow-x:hidden}
a{color:inherit}button,input{font:inherit}
.lp-width{position:relative;width:100%;max-width:1160px;margin:0 auto;padding-left:32px;padding-right:32px}
.lp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Header */
.lp-header{max-width:1320px;height:72px;display:flex;align-items:center;justify-content:space-between}
.lp-logo{font-size:30px;font-weight:900;text-decoration:none;letter-spacing:-1.6px}.lp-logo span{color:var(--lp-mint)}
.lp-header nav{display:flex;gap:6px;align-items:center;font-size:13px;font-weight:600}
.lp-header nav a{text-decoration:none;color:var(--lp-muted);padding:7px 9px;border-radius:8px}
.lp-header nav a:hover{color:var(--lp-text)}.lp-header nav a[aria-current]{color:var(--lp-text);background:rgba(177,198,255,.08)}
.lp-header .lp-nav-plan{margin-left:10px;border:1px solid var(--lp-line-strong);color:var(--lp-soft);padding:7px 14px}

/* Poster hero: a large Tasda showcase card (pastel field, heavy dark type, pixel portrait). */
.landing{--poster-bg:#ffd966;--poster-fg:#17130a}
.landing-card{--poster-bg:#d8cef8;--poster-fg:#20183b}
.landing-agent{--poster-bg:#b9e6ff;--poster-fg:#102331}
.landing-expert{--poster-bg:#bce7c9;--poster-fg:#102418}
.lp-poster-wrap{max-width:1320px;padding-top:8px;padding-bottom:28px}
.lp-poster{position:relative;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.75fr);align-items:center;gap:clamp(24px,4vw,56px);min-height:min(640px,calc(100svh - 130px));padding:clamp(28px,4.5vw,64px);border-radius:24px;background:var(--poster-bg);color:var(--poster-fg);overflow:hidden;animation:lp-rise .7s cubic-bezier(.2,.7,.2,1) both}
.lp-poster::after{content:"";position:absolute;right:-6px;bottom:-6px;width:180px;height:24px;background:linear-gradient(90deg,color-mix(in srgb,var(--poster-fg) 22%,transparent) 0 12px,transparent 12px 24px) 0 0/24px 12px,linear-gradient(90deg,transparent 0 12px,color-mix(in srgb,var(--poster-fg) 12%,transparent) 12px 24px) 0 12px/24px 12px;background-repeat:repeat-x;pointer-events:none}
.lp-kicker{margin:0 0 18px;font-size:clamp(14px,1.3vw,17px);font-weight:800;color:color-mix(in srgb,var(--poster-fg) 72%,transparent)}
.lp-poster h1{margin:0;font-size:clamp(44px,5.7vw,88px);line-height:.98;letter-spacing:-.045em;font-weight:900;text-wrap:balance}
.lp-intro{margin:24px 0 0;max-width:560px;font-size:clamp(19px,1.9vw,26px);line-height:1.3;font-weight:650;color:color-mix(in srgb,var(--poster-fg) 74%,transparent);text-wrap:pretty}
.lp-actions{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.lp-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:14px 26px;border:0;border-radius:8px;background:var(--lp-mint);color:#06110d;box-shadow:var(--lp-shadow-hard);font-size:16px;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.lp-button:hover{background:var(--lp-mint-hover);transform:translateY(-2px);box-shadow:0 5px 0 rgba(124,92,255,.85)}.lp-button:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(124,92,255,.85)}
.lp-button span{transition:transform .15s ease}.lp-button:hover span{transform:translateX(3px)}
.lp-poster .lp-button,.lp-final .lp-button{background:#000;color:#fff;box-shadow:none}
.lp-poster .lp-button:hover,.lp-final .lp-button:hover{background:#1b1b1b;box-shadow:0 6px 0 color-mix(in srgb,var(--poster-fg) 30%,transparent)}
.lp-link{color:inherit;opacity:.75;font-size:15px;font-weight:700;text-underline-offset:5px}.lp-link:hover{opacity:1}
.lp-poster-visual{margin:0;justify-self:end;width:min(100%,288px);display:flex;flex-direction:column;gap:14px}
.lp-portrait{position:relative;aspect-ratio:1;border-radius:28px;overflow:hidden;background:#05070b;border:3px solid color-mix(in srgb,var(--poster-fg) 85%,transparent);box-shadow:10px 10px 0 color-mix(in srgb,var(--poster-fg) 85%,transparent);transform:rotate(2deg);transition:transform .3s ease}
.lp-poster:hover .lp-portrait{transform:rotate(0)}
.lp-portrait img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.lp-portrait>span{display:grid;place-items:center;height:100%;color:#fff;font-size:64px;font-weight:900}
.lp-scene{position:relative;height:100%;overflow:hidden;background:url(/img/landing/moon-sky.png) 0 0/100% 100%;image-rendering:pixelated}
.lp-scene i{position:absolute;inset:0 auto 0 0;width:400%;background-size:50% 100%;background-repeat:repeat-x;image-rendering:pixelated;animation:lp-drive 4s steps(256) infinite}
.lp-scene-peaks{background-image:url(/img/landing/moon-peaks.png);animation-duration:30s!important}
.lp-scene-ground{background-image:url(/img/landing/moon-ground.png)}
.lp-portrait .lp-scene-rover{position:absolute;left:20.3125%;bottom:6.25%;width:59.375%;height:auto;object-fit:fill;animation:lp-bump .5s steps(1) infinite}
.lp-poster-visual figcaption{display:flex;flex-direction:column;padding-left:4px}.lp-poster-visual b{font-size:20px;font-weight:900}.lp-poster-visual figcaption span{font-size:14px;font-weight:600;opacity:.72;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lp-facts{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px;font-size:14px;font-weight:600;color:var(--lp-muted)}
.lp-facts li{display:flex;align-items:center;gap:8px}.lp-facts li::before{content:"";width:8px;height:8px;background:var(--lp-mint)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--lp-violet);outline-offset:3px}

/* Headline figure band */
.lp-stat{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,56px);padding-top:56px;padding-bottom:24px}
.lp-stat-value{margin:0;font-size:clamp(88px,15vw,200px);line-height:.85;font-weight:900;letter-spacing:-.06em;color:var(--lp-mint);text-shadow:6px 6px 0 rgba(124,92,255,.55)}
.lp-stat-label{margin:0;max-width:440px;font-size:clamp(18px,1.8vw,24px);line-height:1.35;font-weight:700;color:var(--lp-soft);text-wrap:pretty}

/* Feature tiles: the home showcase mosaic in landing size */
.lp-tiles{padding-top:72px;padding-bottom:8px}.lp-tiles h2{text-align:center;margin-bottom:40px}
.lp-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lp-tile-grid article{padding:clamp(24px,3vw,36px);border-radius:20px;background:var(--tile-bg);color:var(--tile-fg);transition:transform .2s}
.lp-tile-grid article:hover{transform:translateY(-4px) rotate(-.4deg)}
.lp-tile-grid article:nth-child(4n+1){--tile-bg:#ffd966;--tile-fg:#17130a}.lp-tile-grid article:nth-child(4n+2){--tile-bg:#b9e6ff;--tile-fg:#102331}.lp-tile-grid article:nth-child(4n+3){--tile-bg:#e9b7d0;--tile-fg:#321421}.lp-tile-grid article:nth-child(4n+4){--tile-bg:#ffc8a8;--tile-fg:#331b0e}
.lp-tile-grid h3{margin:0 0 12px;font-size:clamp(28px,3.2vw,44px);line-height:1;font-weight:900;letter-spacing:-.035em}
.lp-tile-grid p{margin:0;max-width:460px;font-size:clamp(16px,1.4vw,19px);line-height:1.4;font-weight:650;opacity:.8}

/* Live representative stage */
.lp-stage{padding-top:72px;padding-bottom:96px}.lp-stage h2{text-align:center;margin-bottom:20px}
.lp-stage-label{margin:0 auto 28px;max-width:720px;text-align:center;font-size:13px;font-weight:600;color:var(--lp-muted)}.lp-stage-label span{color:var(--lp-mint);margin-right:4px}
.lp-chat{position:relative;max-width:720px;margin:0 auto;border:1px solid var(--lp-line-strong);border-radius:20px;background:linear-gradient(180deg,rgba(17,26,41,.92),rgba(10,16,26,.96));box-shadow:0 40px 120px -30px rgba(134,100,255,.45),0 0 0 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.lp-chat::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(82,229,165,.55),transparent 35%,transparent 65%,rgba(134,100,255,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.lp-chat-head{display:flex;align-items:center;gap:13px;padding:16px 20px;border-bottom:1px solid var(--lp-line)}
.lp-chat-avatar{flex:0 0 44px;width:44px;height:44px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:#05070b;border:1px solid var(--lp-line-strong);font-weight:900;text-decoration:none}
.lp-chat-avatar img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.lp-chat-avatar span{font-size:15px}
.lp-chat-who{min-width:0;flex:1;text-align:left;display:flex;flex-direction:column}
.lp-chat-who b{font-size:16px}.lp-chat-who span{font-size:13px;color:var(--lp-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-chat-badge{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--lp-mint);border:1px solid rgba(82,229,165,.4);border-radius:6px;padding:3px 7px}
.lp-chat-body{padding:22px 20px 8px;display:flex;flex-direction:column;gap:14px;text-align:left}
.lp-chat-label{margin:0;align-self:center;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-muted)}
.lp-msg p{margin:0;font-size:15px;line-height:1.55}
.lp-msg-user{align-self:flex-end;max-width:80%;padding:11px 15px;border-radius:16px 16px 4px 16px;background:#2a2550;border:1px solid rgba(134,100,255,.45);color:#eee9ff}
.lp-msg-agent{align-self:flex-start;max-width:88%;padding:12px 16px;border-radius:16px 16px 16px 4px;background:rgba(177,198,255,.06);border:1px solid var(--lp-line);color:var(--lp-soft)}
.lp-typing{display:inline-flex;gap:5px;padding:4px 0}.lp-typing i{width:7px;height:7px;border-radius:50%;background:var(--lp-muted);animation:lp-dot 1s infinite}.lp-typing i:nth-child(2){animation-delay:.15s}.lp-typing i:nth-child(3){animation-delay:.3s}
.lp-chips{display:flex;flex-wrap:wrap;gap:8px;padding:10px 20px 0}
.lp-chips a{padding:8px 13px;border:1px solid var(--lp-line-strong);border-radius:999px;font-size:13px;font-weight:600;color:var(--lp-soft);text-decoration:none;background:rgba(13,20,32,.6);transition:border-color .15s,color .15s,background .15s}
.lp-chips a:hover{border-color:var(--lp-mint);color:var(--lp-text);background:rgba(82,229,165,.08)}
.lp-composer{display:flex;gap:8px;margin:14px 20px 20px;padding:6px 6px 6px 16px;border:1px solid #3a4964;border-radius:14px;background:#0a1320;transition:border-color .15s,box-shadow .15s}
.lp-composer:focus-within{border-color:#7f93b8;box-shadow:0 0 0 4px rgba(127,147,184,.15)}
.lp-composer-entry{flex:1;min-width:0;display:flex;align-items:center;color:#a8b5c9;text-decoration:none;font-size:15px;line-height:1.4}
.lp-composer-phone,.lp-composer-open{flex:0 0 44px;height:44px;display:grid;place-items:center;border-radius:10px;text-decoration:none}
.lp-composer-phone{color:var(--lp-text)}.lp-composer-phone:hover{background:#18263b}
.lp-composer-open{background:var(--lp-mint);color:#06110d}.lp-composer-open:hover{background:var(--lp-mint-hover)}
.lp-composer-preview a:focus-visible{outline:2px solid var(--lp-mint);outline-offset:2px}
.lp-composer input{flex:1;min-width:0;border:0;background:transparent;color:var(--lp-text);font-size:15px;outline:none}.lp-composer input::placeholder{color:#74839e}
.lp-composer button{flex:0 0 44px;height:44px;border:0;border-radius:10px;background:var(--lp-mint);color:#06110d;display:grid;place-items:center;cursor:pointer;transition:background .15s}.lp-composer button:hover{background:var(--lp-mint-hover)}
.lp-shot{margin:0 auto;max-width:900px}
.lp-shot-frame{display:block;border:1px solid var(--lp-line-strong);border-radius:16px;overflow:hidden;background:#0a1018;box-shadow:0 40px 120px -30px rgba(134,100,255,.45),0 0 0 1px rgba(0,0,0,.4);text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.lp-shot-frame:hover{transform:translateY(-3px);border-color:var(--lp-mint)}
.lp-shot-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--lp-line);background:#0d1420}
.lp-shot-bar i{width:9px;height:9px;border-radius:50%;background:#2a3446}
.lp-shot-bar b{flex:1;margin-left:10px;padding:4px 12px;border-radius:8px;background:#070b12;color:var(--lp-muted);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-shot img{display:block;width:100%;height:auto}
.lp-shot-chips{justify-content:center;padding:18px 0 0}
.lp-note{margin:16px auto 0;text-align:center;font-size:12px;color:var(--lp-muted)}

/* Three steps */
.lp-steps{padding-top:88px;padding-bottom:88px;border-top:1px solid var(--lp-line)}
.lp-steps h2{text-align:center}
h2{margin:0 0 52px;font-size:clamp(30px,4vw,52px);line-height:1.08;letter-spacing:-.035em;font-weight:800;text-wrap:balance}
.lp-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lp-steps li{padding:30px;border-radius:20px;background:var(--step-bg);color:var(--step-fg);transition:transform .2s}
.lp-steps li:nth-child(1){--step-bg:#bce7c9;--step-fg:#102418}.lp-steps li:nth-child(2){--step-bg:#e9b7d0;--step-fg:#321421}.lp-steps li:nth-child(3){--step-bg:#ffc8a8;--step-fg:#331b0e}
.lp-steps li:hover{transform:translateY(-4px) rotate(-.5deg)}
.lp-step-no{display:block;font-size:56px;line-height:1;font-weight:900;letter-spacing:-.04em}
.lp-steps h3{margin:26px 0 8px;font-size:26px;font-weight:900;letter-spacing:-.02em}
.lp-steps p{margin:0;font-size:16px;font-weight:600;opacity:.78}

/* Details on demand */
.lp-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:72px;padding-top:88px;padding-bottom:88px;border-top:1px solid var(--lp-line)}
.lp-details-head{position:sticky;top:32px;align-self:start}
.lp-details-head .lp-eyebrow{margin:0 0 16px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-mint)}
.lp-details-head h2{margin:0 0 16px;font-size:clamp(28px,3.2vw,42px)}
.lp-details-head p{margin:0;color:var(--lp-muted)}
.lp-accordion details{border-bottom:1px solid var(--lp-line)}
.lp-accordion summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:17px;font-weight:650;cursor:pointer}
.lp-accordion summary::-webkit-details-marker{display:none}
.lp-accordion summary::after{content:"";flex:0 0 12px;height:12px;background:linear-gradient(currentColor,currentColor) center/12px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 12px no-repeat;color:var(--lp-muted);transition:transform .2s}
.lp-accordion details[open] summary::after{transform:rotate(45deg);color:var(--lp-mint)}
.lp-accordion summary:hover{color:#fff}
.lp-accordion details>p{margin:0 0 24px;max-width:620px;color:var(--lp-soft);font-size:15px;line-height:1.65}
.lp-accordion-title{margin:44px 0 4px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-muted)}
.lp-promo form{display:flex;gap:10px;margin:0 0 24px}
.lp-promo input{flex:1;min-width:0;padding:12px 14px;border:1px solid #3a4964;border-radius:8px;background:#0a1320;color:var(--lp-text)}
.lp-button-quiet{min-height:46px;padding:10px 18px;font-size:14px}

/* Closing call to action */
.lp-final-wrap{padding-bottom:72px}
.lp-final{padding:clamp(48px,7vw,96px) clamp(24px,5vw,72px);border-radius:24px;background:var(--poster-bg);color:var(--poster-fg);text-align:center}
.lp-final h2{margin:0 auto 34px;max-width:820px;font-size:clamp(34px,5vw,68px);font-weight:900}
.lp-footer{display:flex;align-items:center;gap:24px;border-top:1px solid var(--lp-line);padding-top:26px;padding-bottom:32px}
.lp-footer .lp-logo{font-size:24px}.lp-footer p{margin:0;font-size:13px;color:var(--lp-muted)}
.lp-footer nav{margin-left:auto;display:flex;gap:18px;font-size:13px;color:var(--lp-muted)}.lp-footer nav a{text-decoration:none}.lp-footer nav a:hover{color:var(--lp-text)}

@keyframes lp-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
/* Pixel animation over a poster avatar (landing/portrait-motion.php): frames switch in whole steps, like the scene above. */
.lp-motion{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.lpm-blink{opacity:0;animation:lpm-blink 4.2s steps(1,end) infinite}
.lpm-on-a,.lpm-on-b{animation:lpm-flip 1.8s steps(1,end) infinite}.lpm-on-b{animation-direction:reverse;animation-duration:2.6s}
.lpm-plane{animation:lpm-fly 9s steps(36,end) infinite}
.lpm-rise{animation:lpm-rise 2.4s steps(12,end) infinite}
@keyframes lpm-rise{from{transform:translateY(0)}to{transform:translateY(-12px)}}
.lpm-ask{opacity:0;animation:lpm-ask 5.5s steps(1,end) infinite}
.lpm-q5{opacity:0;animation:lpm-q5 6s steps(1,end) var(--d,0s) infinite}.lpm-q6{opacity:0;animation:lpm-q6 4.2s steps(1,end) var(--d,0s) infinite}
@keyframes lpm-q5{0%,19.9%{opacity:1}20%,100%{opacity:0}}@keyframes lpm-q6{0%,16.6%{opacity:1}16.7%,100%{opacity:0}}
@keyframes lpm-blink{0%,93%{opacity:0}94%,97%{opacity:1}98%,100%{opacity:0}}
@keyframes lpm-flip{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes lpm-fly{from{transform:translateX(0)}to{transform:translateX(36px)}}
@keyframes lpm-ask{0%,54%{opacity:0}55%,92%{opacity:1}93%,100%{opacity:0}}
@keyframes lp-drive{from{transform:translateX(-50%)}to{transform:none}}
@keyframes lp-bump{0%,100%{transform:none}50%{transform:translateY(-1.163%)}}
@keyframes lp-dot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Owner request: Schaf's small rover scene keeps driving even with reduced motion (slow, no flashing). */
@media(prefers-reduced-motion:reduce){.lp-scene i{animation:lp-drive 4s steps(256) infinite!important}.lp-scene .lp-scene-peaks{animation-duration:30s!important}.lp-portrait .lp-scene-rover{animation:lp-bump .5s steps(1) infinite!important}}
/* Like the scene: small, slow, no flashing, so it keeps running for Reduce Motion (owner's device has it on). */
@media(prefers-reduced-motion:reduce){.lpm-blink{animation:lpm-blink 4.2s steps(1,end) infinite!important}.lpm-on-a{animation:lpm-flip 1.8s steps(1,end) infinite!important}.lpm-on-b{animation:lpm-flip 2.6s steps(1,end) infinite reverse!important}.lpm-plane{animation:lpm-fly 9s steps(36,end) infinite!important}.lpm-rise{animation:lpm-rise 2.4s steps(12,end) infinite!important}.lpm-ask{animation:lpm-ask 5.5s steps(1,end) infinite!important}.lpm-q5{animation:lpm-q5 6s steps(1,end) var(--d,0s) infinite!important}.lpm-q6{animation:lpm-q6 4.2s steps(1,end) var(--d,0s) infinite!important}}

@media(max-width:860px){
 .lp-width{padding-left:20px;padding-right:20px}
 .lp-header{height:64px}.lp-header .lp-nav-plan{display:none}.lp-logo{font-size:26px}
 .lp-steps ol{grid-template-columns:1fr;gap:12px}
 .lp-steps,.lp-details{padding-top:64px;padding-bottom:64px}
 .lp-details{grid-template-columns:1fr;gap:28px}.lp-details-head{position:static}
 .lp-poster{grid-template-columns:1fr;min-height:0}.lp-poster-visual{justify-self:start;width:min(100%,234px);order:-1}
 .lp-footer{flex-wrap:wrap}.lp-footer nav{margin-left:0;width:100%}
 h2{margin-bottom:32px}
 .lp-tile-grid{grid-template-columns:1fr;gap:12px}.lp-tiles{padding-top:48px}
 .lp-stat{flex-direction:column;align-items:flex-start;gap:16px;padding-top:40px}
}
@media(max-width:480px){
 .lp-width{padding-left:16px;padding-right:16px}
 .lp-poster{padding:26px 22px 30px;border-radius:20px}.lp-poster-visual{width:135px}.lp-portrait{border-radius:20px;box-shadow:6px 6px 0 color-mix(in srgb,var(--poster-fg) 85%,transparent)}.lp-poster-visual figcaption{display:none}
 .lp-intro{margin-top:20px}.lp-actions{margin-top:28px}
 .lp-button{width:100%}
 .lp-chat{border-radius:16px}
 .lp-shot img{aspect-ratio:1;object-fit:cover;object-position:46% 0}
 .lp-chat-head,.lp-chat-body{padding-left:14px;padding-right:14px}
 .lp-chips{padding:10px 14px 0}.lp-composer{margin:12px 14px 14px}
 .lp-msg-user,.lp-msg-agent{max-width:92%}
 .lp-steps li{padding:22px}
 .lp-promo form{flex-direction:column}
}