/* AI Agent page: builds on tracking.css and website.css */
.ai-hero .trk-stage .float.aipanel{width:230px;bottom:-56px;right:-30px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:48px}
.duo .card{padding:36px;display:flex;flex-direction:column;gap:12px}
.duo .who{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#12a3e3}
.duo h3{font-size:26px;color:var(--ink-deep)}
.duo .link-arrow{margin-top:auto}
.ticks{display:grid;gap:8px;margin:6px 0 10px}
.ticks li{padding-left:28px;position:relative;font-size:15px;color:var(--ink-deep);font-weight:600}
.ticks li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#e3f4fd}
.ticks li::after{content:"";position:absolute;left:6px;top:7px;width:6px;height:9px;border:solid #009bdd;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ssp .phoneish{margin:0 auto;max-width:340px;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 30px 70px rgba(0,40,70,.3);border:6px solid #fff}
.ssp .phoneish img{display:block;width:100%;height:auto;max-height:none}
.ainote{text-align:center;color:#d9f1fc;font-size:13.5px;margin-top:22px}
.aifeat{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.aifeat .card{padding:28px}
.aifeat .ic{width:46px;height:46px;border-radius:14px;background:#e3f4fd;display:grid;place-items:center;margin-bottom:16px}
.aifeat .ic svg{width:24px;height:24px;fill:none;stroke:#009bdd;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aifeat h3{font-size:18px;color:var(--ink-deep);margin-bottom:6px}
.aifeat p{font-size:14.5px}
.cbstage{position:relative;padding-bottom:40px}
.cbstage .cbslot{position:absolute;right:-20px;bottom:0;width:200px;min-height:330px;border-radius:26px}
@media (max-width:980px){.duo{grid-template-columns:1fr}.aifeat{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
 .ai-hero .trk-stage .float.aipanel{width:52%;margin:-40px 0 0 auto}
 .aifeat{grid-template-columns:1fr}
 .duo .card{padding:26px}.duo h3{font-size:22px}
 .ssp .phoneish{max-width:280px}
 .cbstage{padding-bottom:0}.cbstage .cbslot{position:relative;right:auto;width:62%;min-height:260px;margin:-60px 0 0 auto}
}

/* v2: blue hero with live examples */
.aihero{position:relative;overflow:hidden;padding:76px 0 90px;background:radial-gradient(900px 420px at 15% -10%,rgba(255,255,255,.22),transparent 60%),radial-gradient(700px 380px at 95% 30%,rgba(10,70,140,.35),transparent 65%),linear-gradient(180deg,#0aa3e6 0%,#009bdd 45%,#0a86c6 100%)}
.aihero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,#000 0%,transparent 75%);pointer-events:none}
.aihero .wrap{position:relative}
.aihero-head{text-align:center;max-width:900px;margin:0 auto}
.aihero .tag{display:inline-flex;background:var(--lime);color:var(--ink-deep);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:7px 16px;border-radius:999px}
.aihero h1{color:#fff;font-size:clamp(40px,5.6vw,76px);line-height:1.04;margin:24px auto 10px;letter-spacing:-.02em}
.aihero h1 .plus{color:var(--lime);font-weight:500}
.aihero .sub{color:#d9f1fc;font-size:clamp(20px,2.2vw,26px);font-weight:600;margin-bottom:16px}
.aihero .lead{color:#eaf7fe;max-width:700px;margin:0 auto 32px}
.aihero .hero-ctas{justify-content:center}
.btn-onblue{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.6)}
.btn-onblue:hover{background:#fff;color:var(--ink-deep)}
.aihero .strail{justify-content:center;margin-top:52px}
.aihero .st-panel{background:rgba(255,255,255,.14);backdrop-filter:blur(6px)}
.ssp .phoneish.tall{max-width:300px;border-radius:30px;border:8px solid #0f2a3d;background:#0f2a3d}
.ainote{text-align:center;color:#d9f1fc;font-size:13.5px;margin-top:22px}
.mocknote{font-size:12.5px;color:var(--body);margin-top:10px;text-align:right;opacity:.8}
.cbstage{position:relative;padding:0 70px 40px 0}
.cbphone{position:absolute;right:0;bottom:-10px;width:205px;border-radius:30px;border:7px solid #0f2a3d;background:#0f2a3d;overflow:hidden;box-shadow:0 26px 60px rgba(0,40,70,.35);margin:0}
.cbphone img{display:block;width:100%;height:auto}
@media (max-width:1100px){.aihero .strail{justify-content:flex-start}}
@media (max-width:640px){
 .aihero{padding:56px 0 64px}
 .aihero .strail{margin-top:36px}
 .cbstage{padding:0}.cbphone{position:relative;right:auto;bottom:auto;width:58%;margin:-90px 0 0 auto}
 .mocknote{text-align:left}
}