/* Catalog pages for one industry or function (CONCEPT, 2026-09-26), prefix agc-. Generated by
   scripts/agents/gen_agent_page.py into agents/for-<vertical>.html; the agent pages they link to use
   agent-detail.css, which this page also loads for the shared hero chips, FAQ and closing band.
   Each page sets body[data-v] and takes its accent from there; everything else is shared, so the next
   industry or function only needs its colour here. */
body[data-v="hr"]{--v:var(--fn-hr);--v-soft:#fff5fb}
body[data-v="real-estate"]{--v:#caf0be;--v-soft:#f0faec}

/* ---------- hero ---------- */
.agc-hero{padding:56px 0 120px}
.agc-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:64px;align-items:center}
.agc-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.agc-hero__badge{background:var(--v)}
.agc-hero__title{margin:0;font:500 58px/1.04 "Neue Montreal",system-ui,sans-serif;letter-spacing:-.03em;text-wrap:balance}
.agc-hero__lead{display:block}
.agc-hero__title em{font-style:normal;color:var(--blue)}
.agc-hero__sub{margin:0;max-width:540px;font:400 19px/1.5 "Neue Montreal",system-ui,sans-serif;color:#333;text-wrap:pretty}
.agc-hero__art{min-width:0}

/* the week's queue, built from the catalog: a highlight steps down the rows, one waits for a person */
.agc-q{margin:0;background:#fff;border:1.5px solid #000;border-radius:16px;box-shadow:6px 6px 0 #000;overflow:hidden}
.agc-q__bar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:var(--cream);border-bottom:1.5px solid #000;font:500 13px/1 "Neue Montreal",system-ui,sans-serif}
.agc-q__bar i{width:7px;height:7px;border-radius:50%;background:#000}
.agc-q__bar span{margin-left:8px}
.agc-q__bar em{margin-left:auto;font-style:normal;font-size:12px;color:#2f5a1f;display:flex;align-items:center;gap:6px}
.agc-q__bar em::before{content:"";width:7px;height:7px;border-radius:50%;background:#3aa35a}
.agc-q__rows{position:relative;list-style:none;margin:0;padding:6px 0}
.agc-q__hl{position:absolute;left:8px;right:8px;top:6px;height:66px;border-radius:10px;background:var(--v-soft);box-shadow:inset 0 0 0 1.5px var(--v);pointer-events:none}
.agc-q.is-seen .agc-q__hl{animation:agc-hl 14s cubic-bezier(.65,0,.35,1) infinite}
@keyframes agc-hl{0%,15%{transform:translateY(0)}20%,35%{transform:translateY(100%)}40%,55%{transform:translateY(200%)}60%,75%{transform:translateY(300%)}80%,95%{transform:translateY(400%)}100%{transform:translateY(0)}}
.agc-q__row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:14px;height:66px;padding:0 22px;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.08)}
.agc-q__row:last-child{border-bottom:0}
.agc-q__ev{min-width:0;font:500 14px/1.3 "Neue Montreal",system-ui,sans-serif;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-wrap:balance}
.agc-q__ag{min-width:0;display:flex;align-items:center;gap:8px;font:400 13px/1.25 "Neue Montreal",system-ui,sans-serif;color:#333}
.agc-q__ag .ag-glyph{width:26px;height:26px;flex-basis:26px;border-radius:7px}
.agc-q__ag .ag-glyph svg{width:13px;height:13px}
.agc-q__slot{justify-self:end;display:grid;justify-items:end}
.agc-q__slot > .agc-q__st{grid-area:1 / 1}
.agc-q__st{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1.2px solid #000;border-radius:999px;background:var(--green-bg);font:500 12px/1 "Neue Montreal",system-ui,sans-serif;color:#2f5a1f;white-space:nowrap}
.agc-q__st--ask{background:var(--yellow);color:#6b5a00;padding-left:4px}
.agc-q__st--run{background:#e3edff;color:#2a4a80;opacity:0}
.agc-q__st--run i{width:4px;height:4px;border-radius:50%;background:#2a4a80}
.agc-q.is-seen .agc-q__st--run{animation:agc-run 14s linear infinite;animation-delay:calc(var(--i) * 2.8s)}
.agc-q.is-seen .agc-q__row:not(.agc-q__row--ask) .agc-q__st:not(.agc-q__st--run){animation:agc-res 14s linear infinite;animation-delay:calc(var(--i) * 2.8s)}
.agc-q.is-seen .agc-q__st--run i{animation:agc-dot 1s ease-in-out infinite}
.agc-q.is-seen .agc-q__st--run i:nth-child(2){animation-delay:.15s}
.agc-q.is-seen .agc-q__st--run i:nth-child(3){animation-delay:.3s}
.agc-q.is-seen .agc-q__row--ask .agc-q__st--ask{animation:agc-ask 14s linear infinite;animation-delay:calc(var(--i) * 2.8s)}
@keyframes agc-run{0%{opacity:0}1%,12%{opacity:1}14%,100%{opacity:0}}
@keyframes agc-res{0%{opacity:1}1%,12%{opacity:0}14%,100%{opacity:1}}
@keyframes agc-dot{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes agc-ask{0%,13%,20%,100%{box-shadow:0 0 0 0 rgba(224,190,60,0)}15%,18%{box-shadow:0 0 0 4px rgba(224,190,60,.45)}}
.agc-q__m{display:grid;place-items:center;flex:none;width:18px;height:18px;border:1.2px solid #000;border-radius:50%}
.agc-q__m svg{fill:none;stroke:#000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.agc-q__m--you{background:#fff}
.agc-q__row--ask .agc-q__ev{color:#000}
.agc-q__m svg{width:11px;height:11px}

/* ---------- the catalog: groups, each a heading beside its cards ---------- */
.agc-group{margin-top:56px}
.ag-head + .agc-group{margin-top:64px}
.agc-group__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;padding-bottom:16px;margin-bottom:20px;border-bottom:1.5px solid #000}
.agc-group__head h3{margin:0;font:500 24px/1.15 "Neue Montreal",system-ui,sans-serif;letter-spacing:-.01em}
.agc-group__head p{margin:0;font:400 15px/1.45 "Neue Montreal",system-ui,sans-serif;color:#656567}
/* auto-fit: a group of two, three or four always fills its row */
.agc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.agc-grid > li{display:flex}
/* a card is its drawing on the team's tint, then the name and one line; the drawing replays on hover */
.agc-card{flex:1;display:flex;flex-direction:column;background:#fff;border:1.5px solid #000;border-radius:16px;overflow:hidden;color:#000;text-decoration:none;transition:box-shadow .25s var(--ease),opacity .5s var(--ease),transform .6s cubic-bezier(.16,1,.3,1);transition-delay:0s,calc(var(--i) * 50ms),calc(var(--i) * 50ms)}
.ag-js .agc-grid:not(.is-seen) .agc-card{opacity:.35;transform:translateY(10px)}
.agc-card:hover{box-shadow:6px 6px 0 #000}
.agc-card:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.agc-card__art{display:block;padding:14px 10px 8px;background:color-mix(in srgb,var(--fn) 38%,#fff);border-bottom:1.5px solid #000}
.agc-art{display:block;width:100%;max-width:300px;height:auto;margin:0 auto;overflow:visible}
.agc-art .agc-a-p,.agc-art .agc-a-star{transform-box:fill-box;transform-origin:center}
.agc-art .agc-a-bar{transform-origin:50% 100%}
.agc-art .agc-a-hi{transform-origin:left center}
.agc-art .agc-a-knob{transform-box:fill-box;transform-origin:center}
.agc-grid.is-seen .agc-a-p{animation:agc-pop .6s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--i) * 70ms + var(--d,0) * 90ms + .1s)}
.agc-card:hover .agc-a-p{animation:agc-pop2 .6s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--d,0) * 80ms)}
.agc-card:hover .agc-a-star{animation:agc-breathe 1.6s ease-in-out infinite}
.agc-card:hover .agc-a-you{animation:agc-pop2 .6s cubic-bezier(.16,1,.3,1) backwards,agc-nudge 1.6s ease-in-out .7s infinite}
@keyframes agc-pop{from{opacity:0;transform:translateY(6px) scale(.92)}}
@keyframes agc-pop2{from{opacity:0;transform:translateY(6px) scale(.92)}}
@keyframes agc-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.16)}}
@keyframes agc-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.agc-card__body{flex:1;display:flex;flex-direction:column;gap:8px;padding:18px 22px 20px}
.agc-card__team{font:500 11px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#656567}
.agc-card h3{margin:0;font:500 20px/1.2 "Neue Montreal",system-ui,sans-serif;letter-spacing:-.01em}
.agc-card p{margin:0;font:400 15px/1.45 "Neue Montreal",system-ui,sans-serif;color:#333;text-wrap:pretty}
.agc-card__go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:10px;font:500 14px/1 "Neue Montreal",system-ui,sans-serif;color:var(--blue-deep)}
.agc-card__go span{transition:transform .25s var(--ease)}
.agc-card:hover .agc-card__go span{transform:translateX(3px)}

/* ---------- built for this industry or function: three rules ---------- */
.agc-rules{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--v-soft);border:1.5px solid #000;border-radius:18px;overflow:hidden}
.agc-rules li{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:30px 30px 32px;border-left:1px solid rgba(0,0,0,.14);transition:opacity .5s var(--ease)}
.agc-rules li:first-child{border-left:0}
.agc-rules li:nth-child(2){transition-delay:.08s}
.agc-rules li:nth-child(3){transition-delay:.16s}
.ag-js .agc-rules:not(.is-seen) li{opacity:.35}
.agc-rule__ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border:1.5px solid #000;border-radius:50%;background:var(--v)}
.agc-rule__ic svg{fill:none;stroke:#000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.agc-rule__ic svg{width:18px;height:18px}
.agc-rules h3{margin:0;font:500 18px/1.3 "Neue Montreal",system-ui,sans-serif}
.agc-rules p{margin:8px 0 0;font:400 15px/1.5 "Neue Montreal",system-ui,sans-serif;color:#333}

/* ---------- every agent works the same way, and the proof ---------- */
.agc-how{position:relative;list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.agc-how li{position:relative;padding:28px 28px 26px;background:#fff;border:1.5px solid #000;border-radius:14px;transition:opacity .5s var(--ease)}
.agc-how li:nth-child(2){transition-delay:.1s}
.agc-how li:nth-child(3){transition-delay:.2s}
.ag-js .agc-how:not(.is-seen) li{opacity:.35}
.agc-how li:not(:last-child)::after{content:"";position:absolute;right:-19px;top:50%;width:14px;height:14px;border-top:1.5px solid #000;border-right:1.5px solid #000;transform:translateY(-50%) rotate(45deg);z-index:1}
.agc-how__n{position:absolute;top:22px;right:24px;font:500 12px/1 ui-monospace,"SF Mono",Menlo,monospace;color:#656567}
.agc-how__art{display:block;width:100%;max-width:240px;height:auto;margin:6px 0 4px;overflow:visible}
.agc-how__pick{transform-box:view-box}
.agc-how.is-seen .agc-how__pick{animation:agc-pick 7.2s cubic-bezier(.65,0,.35,1) infinite}
@keyframes agc-pick{0%,14%{transform:translate(0,0)}17%,31%{transform:translate(62px,0)}34%,48%{transform:translate(124px,0)}51%,65%{transform:translate(124px,42px)}68%,82%{transform:translate(62px,42px)}85%,97%{transform:translate(0,42px)}100%{transform:translate(0,0)}}
.agc-how__slot{transform-box:fill-box}
.agc-how.is-seen .agc-how__slot{animation:agc-slot .7s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--d) * 120ms + .3s)}
@keyframes agc-slot{from{opacity:0;transform:translateY(10px)}}
.agc-how__fill{transform-box:fill-box;transform-origin:left center}
.agc-how.is-seen .agc-how__fill{animation:agc-fill 6s cubic-bezier(.65,0,.35,1) infinite}
@keyframes agc-fill{0%{transform:scaleX(0)}55%,92%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.agc-how__live{transform-box:fill-box;transform-origin:center}
.agc-how.is-seen .agc-how__live{animation:agc-live 6s ease-out infinite}
@keyframes agc-live{0%,52%{transform:scale(1)}58%{transform:scale(1.12)}64%,100%{transform:scale(1)}}
.agc-how h3{margin:14px 0 0;font:500 19px/1.25 "Neue Montreal",system-ui,sans-serif}
.agc-how p{margin:8px 0 0;font:400 15px/1.5 "Neue Montreal",system-ui,sans-serif;color:#333}
.agc-proof{margin-top:32px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;padding:26px 32px;background:#fff;border:1.5px solid #000;border-radius:16px;box-shadow:6px 6px 0 #000;color:#000;text-decoration:none;transition:background .2s var(--ease)}
.agc-proof:hover{background:var(--v-soft)}
.agc-proof__num{font:500 52px/1 "Neue Montreal",system-ui,sans-serif;letter-spacing:-.03em;white-space:nowrap}
.agc-proof__txt{font:400 16px/1.45 "Neue Montreal",system-ui,sans-serif;color:#333}
.agc-proof__txt b{display:block;margin-bottom:4px;font-weight:500;color:#000}
.agc-proof__go{font:500 15px/1 "Neue Montreal",system-ui,sans-serif;color:var(--blue-deep);white-space:nowrap}

/* ---------- widths ---------- */
@media (max-width:1180px){
}
@media (max-width:980px){
  .agc-hero{padding-bottom:96px}
  .agc-hero__inner{grid-template-columns:minmax(0,1fr);gap:48px}
  .agc-hero__title{font-size:48px}
  .agc-rules li{border-left:0;border-top:1px solid rgba(0,0,0,.14)}
  .agc-rules li:first-child{border-top:0}
  .agc-rules,.agc-how{grid-template-columns:minmax(0,1fr);max-width:600px;margin-left:auto;margin-right:auto}
  .agc-how li:not(:last-child)::after{display:none}
  .agc-proof{grid-template-columns:minmax(0,1fr);gap:12px}
}
@media (max-width:640px){
  .agc-hero__title{font-size:40px}
  .agc-q__row{grid-template-columns:minmax(0,1fr) auto;row-gap:4px;height:74px;padding:0 16px}
  .agc-q__hl{height:74px}
  .agc-q__ev{grid-column:1}
  .agc-q__ag{grid-column:1;grid-row:2}
  .agc-q__st{grid-column:2;grid-row:1 / span 2}
  .agc-proof{padding:22px}
  .agc-proof__num{font-size:44px}
}
@media (prefers-reduced-motion:reduce){
  .agc-q.is-seen :is(.agc-q__hl,.agc-q__st,.agc-q__st i){animation:none}
  .agc-grid.is-seen .agc-a-p,.agc-card:hover :is(.agc-a-p,.agc-a-star,.agc-a-you),.agc-how.is-seen :is(.agc-how__pick,.agc-how__slot,.agc-how__fill,.agc-how__live){animation:none}
  .agc-card,.agc-rules li,.agc-how li{transition:background .2s var(--ease)}
}

/* ---- the full catalog (agents/catalog.html): every agent, filterable by team and by industry. Chips set
   the filter (a small inline script in the page; ?team= and ?industry= in the URL), the count updates, and
   the cards that stay rise in on a short stagger. Without JS every agent shows. A team or industry with a
   catalog page of its own gets a link above the grid when its filter is on. */
body[data-v="all"]{--v:#ddd4ff;--v-soft:#f5f2ff}
.agc-filter{position:relative;display:grid;grid-template-columns:1fr;gap:14px;align-items:start;padding:24px 28px;background:#fff;border:1.5px solid #000;border-radius:18px;box-shadow:6px 6px 0 #000}
.agc-filter__row{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:start}
.agc-filter__k{padding-top:11px;font:500 11px/1.2 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#656567}
.agc-filter__chips{display:flex;flex-wrap:wrap;gap:8px}
.agc-chip{appearance:none;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1.5px solid rgba(0,0,0,.2);border-radius:999px;background:#fff;font:500 14px/1 "Neue Montreal",system-ui,sans-serif;color:#000;cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease)}
.agc-chip:hover{border-color:#000}
.agc-chip.is-on{border-color:#000;background:#ddd4ff}
.agc-chip[data-fn].is-on{background:var(--fn)}
.agc-chip .ag-glyph{width:22px;height:22px;flex-basis:22px;border-radius:6px;border-width:1.2px}
.agc-chip .ag-glyph svg{width:13px;height:13px}
.agc-chip:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.agc-filter__count{margin:4px 0 0;display:flex;align-items:baseline;gap:8px;padding-top:14px;border-top:1px solid var(--line);font:400 14px/1 "Neue Montreal",system-ui,sans-serif;color:var(--muted)}
.agc-filter__count b{font:500 30px/1 "Neue Montreal",system-ui,sans-serif;letter-spacing:-.03em;color:#6b52c9}
.agc-deep{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:16px 22px;border:1.5px solid #000;border-radius:14px;background:var(--yellow);color:#000;text-decoration:none;font:400 16px/1.3 "Neue Montreal",system-ui,sans-serif}
.agc-deep[hidden]{display:none}
.agc-deep b{font-weight:500}
.agc-deep > span{flex:none;font-weight:500}
.agc-deep:hover > span span{display:inline-block;transform:translateX(3px)}
.agc-all{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.agc-item{display:flex}
.agc-item[hidden]{display:none}
.agc-all.is-in .agc-item{animation:agc-in .45s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--k,0) * 25ms)}
@keyframes agc-in{from{opacity:0;transform:translateY(8px)}}
.agc-mini{flex:1;display:flex;flex-direction:column;gap:8px;padding:22px 18px 16px;background:#fff;border:1.5px solid #000;border-radius:14px;box-shadow:inset 0 6px 0 var(--fn);color:#000;text-decoration:none}
[data-fn="finance"]{--fn-deep:#2f5a1f}[data-fn="sales"]{--fn-deep:#6b5a00}[data-fn="ops"]{--fn-deep:#2a4a80}[data-fn="hr"]{--fn-deep:#8a2d6b}[data-fn="support"]{--fn-deep:#7a3a14}[data-fn="compliance"]{--fn-deep:#4a3a99}
.agc-mini--page{transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.agc-mini--page:hover{border-color:var(--fn-deep);box-shadow:inset 0 6px 0 var(--fn),inset 0 0 0 1px var(--fn-deep)}
.agc-mini .ag-glyph{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.agc-mini--page:hover .ag-glyph{transform:rotate(-8deg)}
.agc-mini__go span{display:inline-block;transition:transform .3s var(--ease)}
.agc-mini--page:hover .agc-mini__go span{transform:translateX(4px)}
.agc-mini--page:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.agc-mini__top{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:4px}
.agc-mini__top .ag-glyph{width:28px;height:28px;flex-basis:28px;border-radius:8px}
.agc-mini__top .ag-glyph svg{width:15px;height:15px}
.agc-mini__team{font:500 10.5px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#656567}
.agc-mini__team:has(+ .agc-mini__only){flex:1 1 calc(100% - 44px)}  /* the industry pill always takes its own line, so titles in a row start level */
.agc-mini__only{padding:4px 8px;border:1px solid #000;border-radius:999px;background:#ffeba1;font:500 10px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:#000}
.agc-mini h3{margin:0;font:500 17px/1.25 "Neue Montreal",system-ui,sans-serif;letter-spacing:-.005em}
.agc-mini p{margin:0;font:400 14px/1.4 "Neue Montreal",system-ui,sans-serif;color:#333;text-wrap:pretty}
.agc-mini__go{margin-top:auto;padding-top:10px;font:500 14px/1 "Neue Montreal",system-ui,sans-serif;color:var(--blue-deep)}
.agc-empty{margin:36px 0 0;text-align:center;font:400 16px/1.4 "Neue Montreal",system-ui,sans-serif;color:#333}
.agc-empty button{appearance:none;border:0;background:none;padding:0;font:inherit;font-weight:500;color:var(--blue-deep);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (max-width:1180px){.agc-all{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
  .agc-filter{grid-template-columns:1fr;padding:20px}
  .agc-filter__row{grid-template-columns:1fr;gap:10px}
  .agc-filter__k{padding-top:0}
  .agc-all{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){.agc-all{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.agc-all.is-in .agc-item{animation:none}.agc-mini--page,.agc-chip{transition:none}}

/* ---- the twelve team and industry pages (agents/for-<slug>.html, one template, 2026-09-26): hero with the
   page's own queue, one client result, one agent running (the workflow from agent-detail.css), every agent
   for that team or industry as compact cards, a switcher to the other eleven, rules, questions, one CTA. */
body[data-v="finance"]{--v:var(--fn-finance);--v-soft:#f0faec}
body[data-v="sales-marketing"]{--v:var(--fn-sales);--v-soft:#fffae4}
body[data-v="operations"]{--v:var(--fn-ops);--v-soft:#eef4ff}
body[data-v="customer-support"]{--v:var(--fn-support);--v-soft:#fff3ef}
body[data-v="compliance"]{--v:var(--fn-compliance);--v-soft:#f5f2ff}
body[data-v="financial-services"]{--v:#c6dbff;--v-soft:#eef4ff}
body[data-v="logistics"]{--v:#d6f1ea;--v-soft:#effaf6}
body[data-v="professional-services"]{--v:#ffeba1;--v-soft:#fffae4}
body[data-v="insurance"]{--v:#ffdff4;--v-soft:#fff5fb}
body[data-v="legal"]{--v:#ebe2ff;--v-soft:#f7f3ff}
.agc-hero__more{align-self:center;display:inline-flex;align-items:center;gap:6px;padding:4px 2px;font:500 16px/1 "Neue Montreal",system-ui,sans-serif;color:#000;text-decoration:none;border-bottom:1.5px solid #000}
.agc-hero__more span{transition:transform .25s var(--ease)}
.agc-hero__more:hover span{transform:translateY(3px)}
.agc-band{padding:0 0 88px}
.agc-band .agc-proof{margin:0 auto;max-width:1080px}
#watch .agd-wf{margin-top:64px}
.agc-star{max-width:1080px;margin:28px auto 0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.agc-star__roi{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:14px 18px;border:1px solid rgba(0,0,0,.14);border-radius:12px;background:var(--v-soft)}
.agc-star__roi b{font:500 28px/1 "Neue Montreal",system-ui,sans-serif;letter-spacing:-.02em;color:#000}
.agc-star__roi > span{font:400 15px/1 "Neue Montreal",system-ui,sans-serif;color:#333}
.agc-star__roi small{flex-basis:100%;font:400 13px/1.35 "Neue Montreal",system-ui,sans-serif;color:var(--muted)}
.agc-star__go{display:inline-flex;align-items:center;gap:6px;font:500 16px/1 "Neue Montreal",system-ui,sans-serif;color:var(--blue-deep);text-decoration:none}
.agc-star__go span,.agc-switch__all span{transition:transform .25s var(--ease)}
.agc-star__go:hover span,.agc-switch__all:hover span{transform:translateX(3px)}
#agents .agc-all{margin-top:64px}
.agc-switch{margin:48px 0 0;display:grid;grid-template-columns:1fr;gap:14px;padding:24px 28px;border:1.5px solid #000;border-radius:18px;background:#fff}
.agc-switch__row{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:start}
.agc-switch__k{padding-top:10px;font:500 11px/1.2 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#656567}
.agc-switch__chips{display:flex;flex-wrap:wrap;gap:8px}
.agc-sw{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1.5px solid rgba(0,0,0,.2);border-radius:999px;background:#fff;font:500 14px/1 "Neue Montreal",system-ui,sans-serif;color:#000;text-decoration:none;transition:border-color .2s var(--ease),background .2s var(--ease)}
.agc-sw:hover{border-color:#000}
.agc-sw.is-on{border-color:#000;background:var(--v)}
.agc-sw .ag-glyph{width:22px;height:22px;flex-basis:22px;border-radius:6px;border-width:1.2px}
.agc-sw .ag-glyph svg{width:13px;height:13px}
.agc-switch__all{justify-self:end;margin-top:4px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font:500 16px/1 "Neue Montreal",system-ui,sans-serif;color:var(--blue-deep);text-decoration:none}
@media (max-width:900px){
  .agc-band{padding-bottom:64px}
  .agc-switch{grid-template-columns:1fr;padding:20px}
  .agc-switch__row{grid-template-columns:1fr;gap:10px}
  .agc-switch__k{padding-top:0}
  .agc-switch__all{justify-self:start}
}

.agc-built{margin:28px auto 0;max-width:640px;text-align:center;font:400 14.5px/1.45 "Neue Montreal",system-ui,sans-serif;color:var(--muted);text-wrap:pretty}