/* home: agent demo (engage_1022) */
.agx{position:relative;overflow:hidden}
.agx::before{content:"";position:absolute;right:-180px;top:-200px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,0,.22),rgba(255,107,0,0) 65%);pointer-events:none}
.agx__grid{position:relative;display:grid;gap:30px;align-items:center}
.agx .agx__kick{color:#b5b5b5}
.agx__live{width:9px;height:9px;border-radius:50%;background:#FF6B00;box-shadow:0 0 0 0 rgba(255,107,0,.6);animation:agxLive 1.8s ease-out infinite}
@keyframes agxLive{70%{box-shadow:0 0 0 9px rgba(255,107,0,0)}100%{box-shadow:0 0 0 0 rgba(255,107,0,0)}}
.agx h2{color:#fff}
.agx__p{color:#cfcfcf;font-size:18px;max-width:46ch;margin:0 0 22px}
.agx__small{margin:10px 0 0;font-size:14px;color:#9a9a9a}
.agd{background:#161616;border:1px solid #2a2a2a;border-radius:18px;padding:14px 14px 16px;box-shadow:0 40px 80px -40px rgba(0,0,0,.8);color:#fff}
.agd__top{display:flex;align-items:center;gap:10px;font-size:13px;color:#9a9a9a;padding:2px 2px 12px;border-bottom:1px solid #262626}
.agd__dots{display:flex;gap:5px}.agd__dots i{width:9px;height:9px;border-radius:50%;background:#333}.agd__dots i:first-child{background:#FF6B00}
.agd__url{font-weight:650;color:#e6e6e6}.agd__date{margin-left:auto}
.agd__pipe{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;counter-reset:a}
.agd__pipe li{position:relative;text-align:center;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#e6e6e6;padding:8px 0 6px;border-radius:8px;background:#1f1f1f;border:1px solid #2c2c2c;transition:all .3s}
.agd__log{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.agd__l{display:grid;grid-template-columns:76px 1fr;gap:8px;font-size:14px;line-height:1.4;padding:7px 8px;border-radius:8px;background:#1b1b1b;transition:opacity .35s,transform .35s,background-color .3s}
.agd__l b{color:#FF8B38;font-weight:700}
.agd__l span{color:#d6d6d6}
.agd__res{display:grid;grid-template-columns:104px 1fr;gap:14px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #262626;transition:opacity .4s}
.agd__ring{position:relative;width:104px;height:104px}
.agd__ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.agd__rbg{fill:none;stroke:#2a2a2a;stroke-width:10}
.agd__rfg{fill:none;stroke:#FF6B00;stroke-width:10;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:52.3}
.agd__score{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;line-height:1}
.agd__score b{font-size:34px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.agd__score small{font-size:12px;color:#9a9a9a;margin-top:2px}
.agd__t3h{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9a9a9a;margin:0 0 6px}
.agd__top3 ol{margin:0;padding-left:18px;display:grid;gap:6px}
.agd__top3 li{font-size:14px;line-height:1.35;color:#e6e6e6}
.agd__top3 li::marker{color:#FF8B38;font-weight:700}
.agd__top3 b{color:#fff}.agd__top3 span{color:#a8a8a8}
.agd__replay{margin-top:12px;background:none;border:0;color:#b5b5b5;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px 0}
/* playing */
.agd--anim .agd__l{opacity:.18;transform:translateY(4px)}
.agd--anim .agd__l.is-on{opacity:1;transform:none;background:#231a12}
.agd--anim .agd__l.is-done{opacity:1;transform:none}
.agd--anim .agd__pipe li.is-on{background:#FF6B00;border-color:#FF6B00;color:#111}
.agd--anim .agd__pipe li.is-done{background:#2a1c10;border-color:#5a3412;color:#FF8B38}
.agd--anim .agd__res{opacity:.15}
.agd--anim .agd__res.is-on{opacity:1}
.agd--anim .agd__top3 li{opacity:0;transition:opacity .35s}
.agd--anim .agd__top3 li.is-on{opacity:1}
@media (min-width:900px){.agx__grid{grid-template-columns:.9fr 1.1fr;gap:56px}.agd{padding:18px 18px 20px}.agd__l{font-size:15px;grid-template-columns:86px 1fr}.agd__pipe li{font-size:12px}}
@media (prefers-reduced-motion:reduce){.agx__live{animation:none}.agd__l,.agd__res,.agd__pipe li,.agd--anim .agd__top3 li{transition:none}}
.sticky.is-on.agx-hide{opacity:0;pointer-events:none;transform:translateY(110%)}

/* go live 22 Oct: the nav row has room for the Site Scan link from 1400px; below that it would push the header wider than the screen (the AI Agents link uses the same rule under 1100px) */
@media (max-width:1399px){header.nav .nav__links a[data-track="nav_scan_click"]{display:none}}