/* The left illustration demonstrates a conversation; right copy explains the offer. */
:is(.studio-edition,.ai-agent-page) .agent-conversation{width:100%;max-width:470px;justify-self:center;padding:0;gap:0}
:is(.studio-edition,.ai-agent-page) .agent-conversation .agent-halo{flex-shrink:0;width:144px;height:144px;margin:0;box-shadow:0 0 0 12px #aec6e51c,0 0 0 25px #aec6e512}
:is(.studio-edition,.ai-agent-page) .agent-conversation .agent-halo:before{animation:none;inset:9px}
:is(.studio-edition,.ai-agent-page) .agent-conversation .agent-signal{width:60px;height:60px;border-radius:22px}
:is(.studio-edition,.ai-agent-page) .agent-conversation .agent-signal svg{width:36px;height:36px}
:is(.studio-edition,.ai-agent-page) .agent-demo-intro{display:flex;align-items:center;gap:38px;width:100%;padding:22px 14px 30px;margin-bottom:18px}
:is(.studio-edition,.ai-agent-page) .agent-demo-identity{display:flex;flex-direction:column;gap:9px}
:is(.studio-edition,.ai-agent-page) .agent-demo-eyebrow{font:600 11px/1.4 'Inter',sans-serif;letter-spacing:.12em;color:#2e5aa7}
:is(.studio-edition,.ai-agent-page) .agent-demo-identity strong{font:700 25px/1.15 'Satoshi',sans-serif;color:#023266}
:is(.studio-edition,.ai-agent-page) .agent-demo-identity>span:last-child{font:400 13px/1.5 'Inter',sans-serif;color:#52667e}
:is(.studio-edition,.ai-agent-page) .agent-demo-ripple{position:absolute;inset:-10px;border:1px solid #2e5aa7;border-radius:50%;opacity:0;pointer-events:none}
:is(.studio-edition,.ai-agent-page) .agent-dialogue{width:100%;display:grid;gap:12px}
:is(.studio-edition,.ai-agent-page) .agent-message{position:relative;width:88%;padding:12px 16px;border:1px solid #cbd9ec;border-radius:17px;background:#f9fbff}
:is(.studio-edition,.ai-agent-page) .agent-message.is-visitor{justify-self:end;border-bottom-right-radius:4px;background:#fffefa}
:is(.studio-edition,.ai-agent-page) .agent-message.is-assistant{justify-self:start;border-bottom-left-radius:4px;background:#023266;color:#fff;border-color:#023266}
:is(.studio-edition,.ai-agent-page) .agent-speaker{display:block;font:600 10px/1.3 'Inter',sans-serif;letter-spacing:.06em;margin-bottom:5px;color:#52667e}
:is(.studio-edition,.ai-agent-page) .is-assistant .agent-speaker{color:#b6d0f1}
:is(.studio-edition,.ai-agent-page) .agent-message p{margin:0;font:400 14px/1.5 'Inter',sans-serif;color:inherit}
:is(.studio-edition,.ai-agent-page) .agent-typing{position:absolute;left:16px;top:36px;display:flex;gap:5px;opacity:0;pointer-events:none}
:is(.studio-edition,.ai-agent-page) .agent-typing i{width:5px;height:5px;border-radius:50%;background:#ffdf65}
:is(.studio-edition,.ai-agent-page) .agent-demo-caption{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;margin-top:14px;color:#52667e;font:400 11px/1.4 'Inter',sans-serif}
:is(.studio-edition,.ai-agent-page) .agent-demo-control{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 12px;border:1px solid #02326626;border-radius:20px;background:transparent;color:#52667e;font:500 11px/1.4 'Inter',sans-serif;cursor:pointer}
:is(.studio-edition,.ai-agent-page) .agent-demo-control:hover{background:#ffffff70;color:#023266}
:is(.studio-edition,.ai-agent-page) .agent-demo-control:focus-visible{outline:2px solid #2e5aa7;outline-offset:3px}
:is(.studio-edition,.ai-agent-page) .agent-demo-control[hidden]{display:none}
@media(max-width:760px){:is(.studio-edition,.ai-agent-page) .agent-conversation{margin-top:14px}:is(.studio-edition,.ai-agent-page) .agent-message{width:94%}}

/* Keep all four examples within the same footprint as the dialogue rotates. */
:is(.studio-edition,.ai-agent-page) .agent-example-heading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:17px 0;border-top:1px solid #02326625;border-bottom:1px solid #02326625}
:is(.studio-edition,.ai-agent-page) .agent-example-eyebrow{display:block;margin-bottom:4px;font:600 10px/1.4 'Inter',sans-serif;letter-spacing:.1em;color:#52667e}
:is(.studio-edition,.ai-agent-page) .agent-example-name{display:block;font:700 21px/1.25 'Satoshi',sans-serif;color:#023266;min-height:27px}
:is(.studio-edition,.ai-agent-page) .agent-example-next{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;min-height:44px;border:1px solid #eac94a;border-radius:24px;background:#ffdf65;color:#023266;padding:10px 17px;font:600 13px/1.4 'Inter',sans-serif;cursor:pointer}
:is(.studio-edition,.ai-agent-page) .agent-example-next>span{font-size:20px;line-height:1}
:is(.studio-edition,.ai-agent-page) .agent-example-next:hover{background:#ffe787}
:is(.studio-edition,.ai-agent-page) .agent-example-next:focus-visible{outline:2px solid #2e5aa7;outline-offset:3px}
:is(.studio-edition,.ai-agent-page) .agent-conversation .agent-message{min-height:85px}
@media(max-width:480px){:is(.studio-edition,.ai-agent-page) .agent-conversation .is-assistant{min-height:106px}}

@media(max-width:480px){
 :is(.studio-edition,.ai-agent-page) .agent-demo-intro{gap:25px;padding:20px 6px 26px}
 :is(.studio-edition,.ai-agent-page) .agent-conversation .agent-halo{width:108px;height:108px;box-shadow:0 0 0 9px #aec6e51c,0 0 0 18px #aec6e512}
 :is(.studio-edition,.ai-agent-page) .agent-demo-identity strong{font-size:21px}
 :is(.studio-edition,.ai-agent-page) .agent-demo-identity>span:last-child{font-size:12px}
 :is(.studio-edition,.ai-agent-page) .agent-example-heading{align-items:flex-start;flex-direction:column;gap:12px}
 :is(.studio-edition,.ai-agent-page) .agent-example-next{align-self:flex-end;margin-top:-4px}
}

:is(.studio-edition,.ai-agent-page) .agent-setup-price{margin:24px 0 22px;padding-top:20px;border-top:1px solid #02326625}
:is(.studio-edition,.ai-agent-page) .agent-setup-price>span{display:block;color:#52667e;font:500 12px/1.5 'Inter',sans-serif;margin-bottom:4px}
:is(.studio-edition,.ai-agent-page) .agent-setup-price>strong{display:block;font:700 34px/1.2 'Satoshi',sans-serif;color:#023266}
:is(.studio-edition,.ai-agent-page) .agent-setup-price small{font:400 13px/1.5 'Inter',sans-serif;color:#52667e;white-space:nowrap}
:is(.studio-edition,.ai-agent-page) .agent-setup-price p{font:400 12px/1.65 'Inter',sans-serif;color:#52667e;margin:10px 0 0;max-width:50ch}