/* Before -> After AI agent scenes. Default (no JS / reduced motion) = finished "after" state. */
.as-sec{padding:64px 0;background:#fff}
.as-sec .as-intro{max-width:62ch;color:#344054;font-size:1.08rem;line-height:1.65;margin:0 0 8px}
.as-sec .as-def{display:flex;gap:10px;align-items:flex-start;max-width:62ch;margin:14px 0 0;padding:12px 14px;border-radius:10px;background:#FFF7ED;border-left:3px solid #F97316;color:#7C2D12;line-height:1.55}
.as-sec .as-def svg{flex:none;margin-top:2px}
.as-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin-top:28px}
.as-scene{margin:0;background:#fff;border:1.5px solid #E4E7EC;border-radius:14px;padding:10px;display:flex;flex-direction:column;min-width:0;box-shadow:0 6px 20px rgba(16,24,40,.05)}
.as-stage{position:relative;border-radius:10px;overflow:hidden;background:radial-gradient(260px 160px at 85% 0,rgba(37,99,235,.28),transparent 70%),#0F1B33}
.as-stage svg{display:block;width:100%;height:auto;font-family:'Inter',system-ui,sans-serif}
.as-tag{position:absolute;left:50%;top:8px;transform:translateX(-50%);font:800 .68rem/1 'Inter',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:20px;background:#DCFCE7;color:#166534;white-space:nowrap;transition:background .3s,color .3s}
.as-p0 .as-tag{background:#FEE2E2;color:#991B1B}
.as-p1 .as-tag,.as-p2 .as-tag{background:#FFEDD5;color:#9A3412}
.as-scene figcaption{padding:12px 6px 4px;display:flex;flex-direction:column;gap:6px;flex:1}
.as-t{font-family:'Fraunces',Georgia,serif;font-weight:900;font-size:1.2rem;line-height:1.2;margin:0 0 2px;color:#101828}
.as-before,.as-after{margin:0;font-size:.93rem;line-height:1.55;color:#475467;padding:6px 8px;border-radius:8px;transition:background .4s}
.as-before b{color:#B42318}
.as-after b{color:#067647}
.as-p0 .as-before,.as-p1 .as-before{background:#FEF3F2}
.as-p3 .as-after{background:#ECFDF3}
.as-replay{align-self:flex-start;margin-top:auto;font:700 .82rem 'Inter',system-ui,sans-serif;color:#1D4ED8;background:none;border:1.5px solid #BFDBFE;border-radius:20px;padding:6px 14px;cursor:pointer}
.as-replay:hover,.as-replay:focus-visible{background:#EFF6FF}
.as-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;align-items:center}
.as-cta a.k-btn,.as-cta a.btn{color:#fff}
.as-cta .as-tel{font-weight:700;color:#1D4ED8}
/* svg parts */
.as-fc{fill:#BBF7D0;transition:fill .5s}
.as-p0 .as-fc,.as-p1 .as-fc{fill:#FECACA}
.as-it,.as-bot,.as-pop{transform-box:fill-box;transform-origin:50% 50%}
.as-it{transition:transform .75s cubic-bezier(.45,1.45,.5,1) calc(var(--i,0)*110ms)}
.as-p0 .as-it,.as-p1 .as-it{transform:translate(var(--bx),var(--by)) rotate(var(--br))}
.as-j{transform-box:fill-box;transform-origin:50% 50%}
.as-p0 .as-j{animation:as-jit .9s ease-in-out infinite alternate;animation-delay:calc(var(--i,0)*-170ms)}
.as-sb,.as-wk{opacity:0;transition:opacity .4s}
.as-sa,.as-bad{transition:opacity .4s}
.as-p0 .as-sb,.as-p1 .as-sb{opacity:1}
.as-p0 .as-sa,.as-p1 .as-sa{opacity:0}
.as-p2 .as-bad,.as-p3 .as-bad{opacity:0}
.as-p2 .as-wk{opacity:1;animation:as-blink .35s steps(2) infinite}
.as-bot{transition:transform .8s cubic-bezier(.2,.9,.3,1.15)}
.as-p0 .as-bot{transform:translateX(130px)}
.as-p1 .as-bob,.as-p2 .as-bob{animation:as-bob .5s ease-in-out infinite alternate}
.as-pop{transition:transform .45s cubic-bezier(.3,1.6,.5,1) var(--d,0ms)}
.as-p0 .as-pop,.as-p1 .as-pop,.as-p2 .as-pop{transform:scale(0)}
.as-p0 .as-bad{animation:as-pulse .8s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 50%}
.as-noanim *,.as-noanim{transition:none!important}
@keyframes as-jit{from{transform:rotate(-3deg) translateY(-1px)}to{transform:rotate(3deg) translateY(1px)}}
@keyframes as-bob{from{transform:translateY(0)}to{transform:translateY(-4px)}}
@keyframes as-blink{to{opacity:.3}}
@keyframes as-pulse{to{transform:scale(1.18)}}
@media (prefers-reduced-motion:reduce){.as-scene *{transition:none!important;animation:none!important}}
@media (max-width:560px){.as-sec{padding:44px 0}.as-t{font-size:1.1rem}}
.as-trust{margin:12px 0 0;font-size:.86rem;font-weight:700;color:#475467}