.wfp-ai-agent{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(8,120,249,.13),transparent 31%),linear-gradient(180deg,#f7fbff,#eef6ff)}
.wfp-ai-agent:before{position:absolute;inset:0;background-image:linear-gradient(rgba(8,120,249,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,120,249,.035) 1px,transparent 1px);background-size:42px 42px;content:"";mask-image:linear-gradient(90deg,transparent,#000 38%,#000)}
.wfp-ai-agent-layout{position:relative;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(520px,1.22fr);gap:68px;align-items:center}
.wfp-ai-agent-copy{max-width:570px}.wfp-ai-agent-copy .eyebrow{display:flex;gap:8px;align-items:center;color:#7055df}.wfp-ai-agent-copy .eyebrow>span{display:grid;width:27px;height:27px;place-items:center;border-radius:9px;background:#ece7ff;color:#7257df}
.wfp-ai-agent-copy h2{max-width:650px;margin:12px 0 18px;color:#10243d;font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.05}.wfp-ai-agent-lead{margin:0;color:#5c6f86;font-size:1rem;line-height:1.75}
.wfp-ai-agent-copy ul{display:grid;gap:10px;margin:25px 0 28px;padding:0;list-style:none}.wfp-ai-agent-copy li{display:flex;gap:10px;align-items:flex-start;color:#344b64;font-size:.82rem;font-weight:700;line-height:1.5}.wfp-ai-agent-copy li>span{display:grid;width:21px;height:21px;flex:0 0 21px;place-items:center;border-radius:50%;background:#ddf8ed;color:#078356;font-size:.65rem;font-weight:900}
.wfp-ai-agent-demo{overflow:hidden;margin:0;border:1px solid #cfdfef;border-radius:22px;background:#fff;box-shadow:0 28px 68px rgba(28,67,111,.16)}
.wfp-ai-agent-demo>header{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:15px;padding:12px 17px;border-bottom:1px solid #e6eef6;background:#fbfdff}.wfp-ai-agent-demo>header>div{display:flex;align-items:center;gap:10px}.wfp-ai-agent-demo>header>div>div{display:grid;gap:2px}.wfp-ai-agent-demo>header strong{color:#182d47;font-size:.77rem}.wfp-ai-agent-demo>header small{display:flex;align-items:center;gap:6px;color:#71849a;font-size:.58rem}.wfp-ai-agent-demo>header small i{width:6px;height:6px;border-radius:50%;background:#22bd7d;box-shadow:0 0 0 4px rgba(34,189,125,.12)}.wfp-ai-agent-demo>header>b{padding:5px 8px;border-radius:7px;background:#edf5ff;color:#0878f9;font-size:.54rem;letter-spacing:.07em}
.wfp-ai-avatar{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#0878f9,#7b55e7);color:#fff;font-size:.62rem;font-weight:900;box-shadow:0 7px 16px rgba(83,83,209,.22)}
.wfp-ai-conversation{display:grid;gap:9px;min-height:292px;padding:19px;background:#f6f9fd}.wfp-ai-bubble{display:flex;gap:8px;align-items:flex-start;width:fit-content;max-width:84%;opacity:0}.wfp-ai-bubble p{margin:0;padding:10px 12px;border:1px solid #dce7f2;border-radius:5px 13px 13px 13px;background:#fff;color:#344b64;font-size:.7rem;line-height:1.5;box-shadow:0 4px 12px rgba(28,67,111,.05)}.wfp-ai-bubble>span{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border-radius:8px;background:#e6f1ff;color:#0878f9;font-size:.64rem}.wfp-ai-bubble.is-user{margin-left:auto;flex-direction:row-reverse}.wfp-ai-bubble.is-user p{border-color:#0878f9;border-radius:13px 5px 13px 13px;background:#0878f9;color:#fff}.wfp-ai-bubble.is-user small{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#dcf8ed;color:#078356;font-size:.47rem;font-weight:900}.wfp-ai-bubble.is-preparing{align-items:center}.wfp-ai-bubble.is-preparing p{margin-right:2px}.wfp-ai-bubble.is-preparing>i{width:5px;height:5px;border-radius:50%;background:#7790aa;animation:wfp-ai-dot 1s infinite ease-in-out}.wfp-ai-bubble.is-preparing>i:nth-of-type(2){animation-delay:.15s}.wfp-ai-bubble.is-preparing>i:nth-of-type(3){animation-delay:.3s}
.wfp-ai-bubble:nth-child(1){animation:wfp-ai-step-one 14s infinite}.wfp-ai-bubble:nth-child(2){animation:wfp-ai-step-two 14s infinite}.wfp-ai-bubble:nth-child(3){animation:wfp-ai-step-three 14s infinite}.wfp-ai-bubble:nth-child(4){animation:wfp-ai-step-four 14s infinite}
.wfp-ai-result{margin:0 17px 16px;padding:14px;border:1px solid #a9dfc9;border-radius:15px;background:linear-gradient(145deg,#f5fff9,#ecfbf4);opacity:0;animation:wfp-ai-step-result 14s infinite}.wfp-ai-result-title{display:flex;align-items:center;gap:10px}.wfp-ai-result-title>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:11px;background:#18a96f;color:#fff;font-weight:900;box-shadow:0 7px 15px rgba(24,169,111,.2)}.wfp-ai-result-title>div{display:grid;min-width:0;flex:1;gap:2px}.wfp-ai-result-title small{color:#4f7b68;font-size:.54rem;font-weight:800;text-transform:uppercase}.wfp-ai-result-title strong{color:#153d2d;font-size:.78rem}.wfp-ai-result-title>b{padding:4px 7px;border-radius:6px;background:#d7f7e9;color:#078356;font-size:.5rem;letter-spacing:.08em}
.wfp-ai-mini-flow{display:grid;grid-template-columns:1fr 16px 1fr 16px 1fr;align-items:center;gap:5px;margin:13px 0}.wfp-ai-mini-flow article{min-width:0;padding:9px;border:1px solid #d5e9df;border-radius:9px;background:#fff}.wfp-ai-mini-flow small,.wfp-ai-mini-flow strong{display:block}.wfp-ai-mini-flow small{margin-bottom:3px;color:#0878f9;font-size:.48rem;font-weight:900}.wfp-ai-mini-flow strong{overflow:hidden;color:#274a3d;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.wfp-ai-mini-flow>i{color:#16a26c;font-size:.7rem;font-style:normal;text-align:center}
.wfp-ai-result>footer{display:grid;grid-template-columns:29px 1fr 10px;gap:9px;align-items:center;padding:9px 10px;border-radius:9px;background:#def7eb}.wfp-ai-result>footer>span{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;background:#fff;color:#0878f9;font-size:.68rem}.wfp-ai-result>footer>div{display:grid;gap:1px}.wfp-ai-result>footer strong{color:#23483a;font-size:.62rem}.wfp-ai-result>footer small{color:#5e816f;font-size:.52rem}.wfp-ai-result>footer>i{width:8px;height:8px;border-radius:50%;background:#18b878;box-shadow:0 0 0 5px rgba(24,184,120,.12);animation:wfp-ai-mobile-ready 1.7s infinite ease-in-out}
.wfp-ai-agent-demo>figcaption{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 16px 15px;color:#6e8196;font-size:.63rem;font-weight:750}.wfp-ai-agent-demo>figcaption>span{color:#7257df}
@keyframes wfp-ai-step-one{0%,3%{opacity:0;transform:translateY(8px)}7%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes wfp-ai-step-two{0%,18%{opacity:0;transform:translateY(8px)}22%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes wfp-ai-step-three{0%,33%{opacity:0;transform:translateY(8px)}37%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes wfp-ai-step-four{0%,48%{opacity:0;transform:translateY(8px)}52%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes wfp-ai-step-result{0%,64%{opacity:0;transform:translateY(10px)}69%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes wfp-ai-dot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}
@keyframes wfp-ai-mobile-ready{0%,100%{box-shadow:0 0 0 4px rgba(24,184,120,.1)}50%{box-shadow:0 0 0 8px rgba(24,184,120,.18)}}
@media(max-width:980px){.wfp-ai-agent-layout{grid-template-columns:1fr;gap:40px}.wfp-ai-agent-copy{max-width:760px}.wfp-ai-agent-demo{width:min(100%,760px);margin:auto}}
@media(max-width:560px){.wfp-ai-agent-copy h2{font-size:1.85rem}.wfp-ai-conversation{min-height:330px;padding:14px}.wfp-ai-bubble{max-width:94%}.wfp-ai-mini-flow{grid-template-columns:1fr}.wfp-ai-mini-flow>i{transform:rotate(90deg)}.wfp-ai-result{margin-inline:12px}.wfp-ai-result-title>b{display:none}}
@media(prefers-reduced-motion:reduce){.wfp-ai-bubble,.wfp-ai-result{opacity:1;transform:none;animation:none}.wfp-ai-bubble.is-preparing>i,.wfp-ai-result>footer>i{animation:none}}