.agents-hero{max-width:1100px;margin:0 auto;padding:80px 24px 48px;text-align:center;position:relative;z-index:2}.agents-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.3);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--violet)}.agents-hero .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--violet)}.agents-hero .page-title{margin-top:22px;font-size:clamp(40px,6vw,88px);font-weight:800;letter-spacing:-.035em;line-height:1;display:flex;flex-direction:column;gap:6px}.agents-hero .page-title .accent{background:var(--aurora);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Outfit,system-ui,sans-serif;font-style:normal;font-weight:500}.agents-hero .page-lede{margin:26px auto 0;max-width:740px;font-size:16px;color:var(--muted);line-height:1.6}.agents-hero .count-row{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;max-width:720px;margin-left:auto;margin-right:auto}@media (max-width:700px){.agents-hero .count-row{grid-template-columns:repeat(2,1fr)}}.agents-hero .count-cell{padding:18px 12px;border-radius:14px;background:rgba(28,22,52,.5);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.agents-hero .count-cell .v{font-size:32px;font-weight:800;letter-spacing:-.025em;background:var(--aurora);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.agents-hero .count-cell .l{margin-top:6px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.agents-shell{max-width:1240px;margin:0 auto;padding:32px 24px 0;display:grid;grid-template-columns:240px 1fr;grid-gap:48px;gap:48px;align-items:start}@media (max-width:1000px){.agents-shell{grid-template-columns:1fr}.agents-shell .side-nav{display:none}}.side-nav{position:-webkit-sticky;position:sticky;top:96px;padding:18px;background:rgba(28,22,52,.5);border:1px solid var(--border);border-radius:16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.side-nav .group-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--subtle);font-weight:700;margin:14px 0 8px}.side-nav .group-label:first-child{margin-top:0}.side-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none;font-size:13.5px;color:var(--text);transition:background .2s}.side-nav a:hover{background:rgba(255,255,255,.04)}.side-nav .idx{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--violet);font-weight:700;width:22px;flex-shrink:0}.side-nav .dot-live,.side-nav .dot-soon{margin-left:auto;width:8px;height:8px;border-radius:50%;flex-shrink:0}.side-nav .dot-live{background:var(--success);box-shadow:0 0 8px var(--success)}.side-nav .dot-soon{background:var(--subtle)}.agent-section{padding:28px;border-radius:22px;background:rgba(28,22,52,.45);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-bottom:24px;scroll-margin-top:96px}.agent-section .head-row{display:flex;align-items:flex-start;gap:22px;margin-bottom:24px}.agent-icon-lg{width:64px;height:64px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 12px 28px rgba(0,0,0,.32)}.agent-icon-lg.accent-violet{background:linear-gradient(135deg,#8b5cf6,#06b6d4)}.agent-icon-lg.accent-cyan{background:linear-gradient(135deg,#06b6d4,#ec4899)}.agent-icon-lg.accent-magenta{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.agent-icon-lg.accent-amber{background:linear-gradient(135deg,#f59e0b,#ec4899)}.agent-icon-lg.accent-pink{background:linear-gradient(135deg,#ec4899,#f59e0b)}.agent-icon-lg.accent-success{background:linear-gradient(135deg,#10b981,#06b6d4)}.agent-title-wrap{min-width:0;flex:1 1}.agent-title-wrap .num-label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;color:var(--violet);font-weight:700;margin-bottom:8px}.agent-title-wrap h2{font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.025em;line-height:1.1}.agent-title-wrap h2 .accent{background:var(--aurora);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Outfit,system-ui,sans-serif;font-style:normal;font-weight:500}.agent-title-wrap .tagline{margin-top:12px;font-size:14px;color:var(--muted);line-height:1.6}.badges{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.tag{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.tag-live{background:rgba(16,185,129,.14);color:var(--success);border:1px solid rgba(16,185,129,.4)}.tag-soon{background:rgba(148,163,184,.12);color:var(--subtle);border:1px solid rgba(148,163,184,.3)}.tag-violet{background:rgba(139,92,246,.14);color:var(--violet);border:1px solid rgba(139,92,246,.4)}.tag-cyan{background:rgba(6,182,212,.14);color:var(--cyan);border:1px solid rgba(6,182,212,.4)}.io-grid{display:grid;grid-template-columns:1fr 48px 1fr;grid-gap:18px;gap:18px;margin-top:12px}@media (max-width:700px){.io-grid{grid-template-columns:1fr}}.io-col{padding:18px;border-radius:14px;background:rgba(13,10,28,.55);border:1px solid var(--border-soft)}.io-col h4{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:14px}.io-col.inputs h4{color:#06b6d4}.io-col.outputs h4{color:var(--violet)}.io-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.io-col li{font-size:13px;line-height:1.5;color:var(--text);padding-left:16px;position:relative}.io-col li:before{content:"•";position:absolute;left:0;font-weight:700}.io-col.inputs li:before{color:#06b6d4}.io-col.outputs li:before{color:var(--violet)}.io-arrow{display:flex;align-items:center;justify-content:center}.io-arrow .arrow-line{width:2px;height:100%;background:linear-gradient(180deg,#06b6d4,var(--violet));border-radius:1px;box-shadow:0 0 12px rgba(139,92,246,.45)}@media (max-width:700px){.io-arrow{display:none}}#agents-cta{max-width:1240px;margin:64px auto 96px;padding:0 24px}