
/* V5 animated AI agent homepage */
.hero-v5 .hero-grid{grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}.hero-v5 h1{font-size:clamp(43px,4.25vw,68px);line-height:1.12;letter-spacing:-2.5px}.hero-v5 h1 em{color:#6cddcf;font-style:normal}.answer-gradient{font-size:.76em;color:#d9f8ff}.hero-v5 .hero-lead{max-width:640px}.hero-v5 .hero-proof{flex-wrap:wrap;gap:14px}.problem-carousel{margin:25px 0 24px;padding:16px 20px;background:rgba(255,255,255,.065);border:1px solid rgba(132,220,242,.25);border-radius:17px;max-width:550px;min-height:124px}.problem-label{font-size:10px;font-weight:800;letter-spacing:2px;color:#7de4da}.problem-line{display:flex;gap:12px;align-items:center;color:#fff;font-size:16px;font-weight:700;margin:9px 0}.problem-icon{background:#6edacb;color:#08213c;border-radius:10px;display:grid;place-items:center;min-width:30px;height:30px}.problem-dots{display:flex;gap:7px}.problem-dots button{border:0;border-radius:8px;background:#50718d;width:19px;height:5px;padding:0;transition:.3s}.problem-dots button.active{width:42px;background:#6edacb}.agent-stage{position:relative;border-radius:27px;background:linear-gradient(150deg,#effbff,#dceeff);border:1px solid #a7d9f3;padding:22px;color:#112e4e;box-shadow:0 25px 80px #020f246b;transform:rotate(-1.2deg);animation:agentFloat 6s ease-in-out infinite}.agent-topline,.agent-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:1px;color:#55708b}.agent-live{color:#1350a4}.agent-live b{display:inline-block;width:8px;height:8px;background:#2dcfa9;border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px #2dcfa922;animation:pulse 2s infinite}.agent-dialog{margin:20px 0}.agent-user{display:flex;gap:10px;align-items:flex-start;margin-left:38px}.chat-avatar{background:#d6e2f3;color:#2a4d78;padding:10px;border-radius:12px;font-size:10px;font-weight:800}.agent-user>div{background:#fff;border-radius:16px 16px 5px 16px;padding:17px;font-size:14px;font-weight:700;box-shadow:0 7px 20px #0a3b6610;min-height:73px;flex:1}.agent-thinking{display:flex;gap:12px;align-items:center;margin:18px 0}.agent-orb{display:grid;place-items:center;background:linear-gradient(145deg,#2369f7,#65e2ce);color:#fff;border-radius:17px;font-size:30px;width:55px;height:55px;box-shadow:0 0 0 8px #44bcd51b;animation:orbGlow 3s infinite}.agent-thinking strong,.agent-thinking small{display:block}.agent-thinking strong{font-size:14px}.agent-thinking small{font-size:12px;color:#617c98;margin-top:4px}.thinking-dots{margin-left:auto;color:#1b7cc7;letter-spacing:3px;animation:blink 1.3s infinite}.agent-result{background:#fff;border:1px solid #d6e6f5;border-radius:19px;padding:18px;box-shadow:0 10px 26px #123f6714;transition:opacity .35s,transform .35s}.agent-result.switching{opacity:.15;transform:translateY(8px)}.agent-result-title{font-weight:800;font-size:14px;color:#1462bd;margin-bottom:13px}.agent-task{padding:9px 0;border-bottom:1px solid #edf2f9;font-size:13px;color:#23435f}.agent-result-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:13px;color:#73869a;font-size:10px}.result-pill{background:#e1f9ef;color:#197a63;padding:7px 9px;border-radius:20px;font-weight:700}.agent-bottom{letter-spacing:0;font-size:10px}.agent-bottom a{color:#1462bd;font-weight:800}.agent-flow-section{padding:95px 0 105px;background:#f5f9ff}.flow-intro{text-align:center;max-width:750px;margin:auto}.flow-intro h2{font-size:clamp(34px,4vw,54px);letter-spacing:-1.6px;line-height:1.16;margin:18px 0}.flow-intro h2 em{font-style:normal;color:#2276da}.flow-intro p{color:#607790;line-height:1.7}.flow-steps{display:flex;align-items:stretch;gap:12px;margin-top:45px}.flow-step{flex:1;text-align:left;border:1px solid #dce8f7;border-radius:20px;background:#fff;padding:23px 18px;display:flex;flex-direction:column;gap:13px;transition:.3s;min-width:0;cursor:pointer}.flow-step:hover,.flow-step.active{border-color:#4a9fe7;box-shadow:0 12px 30px #2269ba18;transform:translateY(-5px)}.flow-number{font-size:11px;letter-spacing:2px;color:#4384c6;font-weight:800}.flow-symbol{font-size:28px;background:#eaf5ff;width:57px;height:57px;display:grid;place-items:center;border-radius:16px}.flow-step strong{font-size:17px;color:#12314e}.flow-step small{color:#657c91;font-size:12px;line-height:1.6}.flow-arrow{align-self:center;color:#478fe1;font-size:25px}.flow-caption{text-align:center;margin-top:25px;min-height:25px;color:#245c96;font-weight:700}.flow-cta{text-align:center;margin-top:22px}@keyframes agentFloat{50%{transform:translateY(-10px) rotate(.5deg)}}@keyframes pulse{50%{box-shadow:0 0 0 10px #2dcfa900}}@keyframes orbGlow{50%{box-shadow:0 0 0 15px #44bcd508;transform:rotate(18deg)}}@keyframes blink{50%{opacity:.2}}@media(max-width:1000px){.hero-v5 .hero-grid{grid-template-columns:1fr}.agent-stage{max-width:620px;margin:20px auto}.flow-steps{flex-wrap:wrap}.flow-step{flex-basis:40%}.flow-arrow{display:none}}@media(max-width:550px){.hero-v5 h1{font-size:43px;letter-spacing:-1.6px}.agent-stage{padding:15px}.flow-step{flex-basis:100%}.agent-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.agent-stage,.agent-orb,.agent-live b,.thinking-dots{animation:none}}

/* V6 scenario selector placed directly inside animated assistant */
.agent-stage{overflow:hidden}.agent-selector{padding:19px 21px 17px;background:linear-gradient(130deg,#f9fdff,#eaf8ff);border-bottom:1px solid #cfe7f5}.selector-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px;color:#102b4e}.selector-heading strong{font-size:15px;display:block}.selector-heading small{font-size:11px;color:#66829b;display:block;margin-top:2px}.selector-spark{background:linear-gradient(140deg,#3979ff,#69dacc);color:white;border-radius:11px;padding:8px 11px;font-size:19px;box-shadow:0 6px 16px #3979ff25}.scenario-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.scenario-choice{min-width:0;border:1px solid #d6e5f3;background:white;color:#31516f;border-radius:11px;padding:11px 5px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;cursor:pointer;font-size:10px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.scenario-choice:hover{transform:translateY(-3px);box-shadow:0 6px 18px #174a7720}.scenario-choice.active{background:#e3faf5;border-color:#4cc8b9;color:#0c675e;box-shadow:inset 0 0 0 1px #4cc8b9}.scenario-choice:focus-visible{outline:3px solid #1975e8;outline-offset:2px}.scenario-emoji{font-size:22px;line-height:1.1}.agent-stage .agent-topline{padding-top:15px}@media(max-width:500px){.agent-selector{padding:15px 12px}.scenario-choice{font-size:9px;padding:10px 2px}.scenario-emoji{font-size:18px}}

/* V12: high-legibility animated assistant */
@media(min-width:1001px){.hero-v5 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(490px,1.06fr);gap:38px}}
.agent-stage{transform:none;animation:none;background:#e8f5ff;border-color:#a4cbe9;box-shadow:0 20px 55px #020f244a;padding:22px}
.agent-selector{border-radius:16px;padding:17px 18px;background:#f7fcff}
.selector-heading strong{font-size:17px;color:#0b2545}.selector-heading small{font-size:13px;color:#395673;line-height:1.45}
.scenario-choice{font-size:12px;line-height:1.35;min-height:78px;color:#153858;border-color:#b8cfe5}
.scenario-choice.active{background:#c6f5eb;border:2px solid #139a8b;color:#064a45;box-shadow:0 0 0 2px #139a8b20}
.agent-topline,.agent-bottom{font-size:12px;letter-spacing:.25px;color:#35516d;line-height:1.4}
.agent-live{color:#074b99}.agent-dialog{margin:16px 0}.agent-user{margin-left:10px}.chat-avatar{font-size:11px;color:#173b61}
.agent-user>div{font-size:16px;line-height:1.5;color:#102c4b;min-height:0;padding:16px 18px}
.agent-thinking strong{font-size:16px;color:#102c4b}.agent-thinking small{font-size:13px;color:#355574}
.agent-result{padding:19px 20px;border-color:#bfd7ec}.agent-result-title{font-size:17px;color:#0757a8;line-height:1.4}
.agent-task{font-size:15px;line-height:1.5;color:#183a59;padding:10px 0;font-weight:550}
.agent-result-bottom{font-size:12px;color:#46617d;line-height:1.4}.result-pill{color:#11654e}
.agent-bottom a{color:#0754ac;text-decoration:underline;text-underline-offset:2px}
@media(max-width:550px){.agent-stage{padding:12px}.scenario-choice{font-size:11px;min-height:72px;padding:8px 3px}.agent-user>div{font-size:15px}.agent-task{font-size:14px}.agent-result-title{font-size:16px}.agent-bottom{font-size:11px}}
@media(prefers-reduced-motion:reduce){.agent-result{transition:none}}
