/* agents.html - layout and the 1+1=3 moment only. Site tokens, no new colours. */
.ag-hero .eyebrow{margin-bottom:12px}
.ag-trust{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:18px;font-size:13px;color:var(--muted-2)}
.ag-trust span{display:inline-flex;align-items:center;gap:8px}
.ag-trust span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}

.ag-eq-sec{display:grid;gap:22px;align-items:center;text-align:center;justify-items:center}
.ag-eq{display:inline-flex;align-items:baseline;gap:.28em;font-family:var(--display);font-weight:800;font-size:clamp(72px,16vw,176px);line-height:1;letter-spacing:-.04em;cursor:pointer;user-select:none}
.ag-op{color:var(--muted-3);font-weight:500}
.ag-res{position:relative;display:inline-block;width:.62em;height:1em}
.ag-two,.ag-three{position:absolute;inset:0;display:grid;place-items:center}
.ag-two{color:var(--fg);opacity:0}
.ag-two::after{content:"";position:absolute;left:-12%;right:-12%;top:52%;height:.09em;border-radius:99px;background:var(--red);transform:rotate(-14deg) scaleX(0);transform-origin:left center}
.ag-three{background:linear-gradient(120deg,var(--red),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(76,134,255,.35))}
.ag-eq.ready .ag-two{opacity:1}
.ag-eq.ready .ag-three{opacity:0;transform:scale(.6)}
.ag-eq.play .ag-two{animation:agTwo 2.2s cubic-bezier(.2,.7,.2,1) forwards}
.ag-eq.play .ag-two::after{animation:agStrike 2.2s cubic-bezier(.2,.7,.2,1) forwards}
.ag-eq.play .ag-three{animation:agThree 2.2s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes agStrike{0%,25%{transform:rotate(-14deg) scaleX(0)}48%,100%{transform:rotate(-14deg) scaleX(1)}}
@keyframes agTwo{0%,55%{opacity:1;transform:none;filter:none}80%,100%{opacity:0;transform:translateY(.25em) scale(.8);filter:blur(6px)}}
@keyframes agThree{0%,62%{opacity:0;transform:scale(.6)}84%{opacity:1;transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}
.ag-eq-copy{max-width:52ch;margin:0 auto}
.ag-eq-copy strong{color:var(--fg)}

.ag-steps,.ag-grid{display:grid;gap:16px;grid-template-columns:1fr;margin-top:24px}
@media (min-width:700px){.ag-steps{grid-template-columns:repeat(3,1fr)}.ag-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.ag-grid{grid-template-columns:repeat(3,1fr)}}
.ag-steps .card h3,.ag-grid .card h3{margin:0}
.ag-bands{margin-top:16px}
@media (min-width:700px){.ag-bands{grid-template-columns:repeat(3,1fr)}}
a.ag-card{text-decoration:none;color:inherit}
.ag-go{margin-top:auto;font-weight:700;font-size:14px;color:var(--red-text)}
.ag-go::after{content:" \2192"}

.ag-list{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid var(--line)}
.ag-list li{display:grid;gap:4px;padding:16px 0 16px 34px;border-bottom:1px solid var(--line);position:relative}
.ag-list li::before{content:"";position:absolute;left:4px;top:20px;width:18px;height:18px;border-radius:50%;background:var(--ok-soft);box-shadow:inset 0 0 0 1px rgba(60,203,149,.45)}
.ag-list b{font-family:var(--display);font-size:17px;color:var(--fg)}
.ag-list span{color:var(--muted)}
.ag-sec-note{margin-top:20px}
.ag-private{border-color:rgba(232,87,63,.4);background:radial-gradient(120% 100% at 100% 0%,var(--red-soft),transparent 60%),var(--panel)}
.ag-private .tag{color:var(--red-text)}

@media (prefers-reduced-motion:reduce){.ag-eq.play .ag-two,.ag-eq.play .ag-two::after,.ag-eq.play .ag-three{animation:none}.ag-eq.ready .ag-two{opacity:0}.ag-eq.ready .ag-three{opacity:1;transform:none}}
/* fixes 15 Oct after live preview */
.ag-res{display:inline-grid;width:auto;height:auto}
.ag-two,.ag-three{grid-area:1/1;position:relative;inset:auto;display:block}
.ag-private{padding:clamp(24px,4vw,44px);border:1px solid rgba(232,87,63,.4);border-radius:22px}
.ag-private .tag{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(232,87,63,.45);border-radius:999px;padding:6px 12px;margin-bottom:14px}
.ag-form-sec{display:block}
.ag-form-sec .in-formcard{max-width:760px}
/* 15 Oct: 1+1=3 runs white to red, same palette as the headline's "together." */
.ag-lhs{display:inline-flex;align-items:baseline;gap:.28em;background:linear-gradient(90deg,var(--fg) 0%,var(--fg) 45%,#8FB2FF 80%,#4C86FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ag-lhs .ag-op{opacity:.6}
.ag-three{background:linear-gradient(90deg,#4C86FF,#E8573F 70%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 26px rgba(232,87,63,.35))}