/* ==========================================================================
   agents-v2.css — template v2 for agent pages (CHG-0023). Loaded ONLY by pages rendered with
   generator/agents/templates/agent-detail-v2.html.j2 (copy.v2 present); v1 agent pages never load it.
   Ported from the approved prototype (documents/agents-directory/v12/design/prototype/assets/v2/v2.css),
   prototype markers removed. Breakpoints: 1024 / 768 / 480 only.
   ========================================================================== */

/* 1 · Hero live preview: meet-your-agent + example chat (CSS-only switcher) */
.v2-live{position:relative;background:#fff;border-radius:var(--radius-xl);box-shadow:0 30px 60px -20px rgba(10,20,60,.45);padding:1.1rem 1.1rem 1rem;color:var(--dark)}
.v2-agent-head{display:grid;grid-template-columns:64px 1fr;gap:.8rem;align-items:center;padding-bottom:.85rem;border-bottom:1px solid #E6EAF5}
.v2-agent-head img{width:64px;height:80px;object-fit:cover;object-position:50% 18%;border-radius:12px;background:#EEF2FF}
.v2-agent-name{font:700 1.05rem/1.2 'Instrument Sans',sans-serif;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.v2-badge{font:700 10.5px/1 'Instrument Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);background:#EAF0FF;border:1px solid #CBD7FF;border-radius:999px;padding:.25rem .45rem}
.v2-agent-line{margin:.25rem 0 0;font-size:.86rem;line-height:1.45;color:var(--grey-300)}
.v2-ex-input{position:absolute;opacity:0;pointer-events:none}
.v2-ex-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.85rem 0 .7rem}
.v2-ex-chips label{cursor:pointer;font:600 .8rem/1 Onest,sans-serif;border:1px solid #D5DCEE;border-radius:999px;padding:.45rem .7rem;color:var(--dark);background:#fff;transition:background .15s,border-color .15s}
.v2-ex-chips label:hover{border-color:var(--primary)}
.v2-ex-chips-lead{font-size:.75rem;color:var(--grey-300);width:100%;margin-bottom:-.1rem}
.v2-chat{min-height:212px}
.v2-ex{display:none}
.v2-b{max-width:88%;margin:0 0 .55rem;padding:.6rem .8rem;border-radius:14px;font-size:.88rem;line-height:1.45}
.v2-b--you{margin-left:auto;background:var(--primary);color:#fff;border-bottom-right-radius:4px}
.v2-b--agent{background:#F1F4FB;color:var(--dark);border-bottom-left-radius:4px}
.v2-typing{display:inline-flex;overflow:hidden;gap:4px;padding:.7rem .8rem;background:#F1F4FB;border-radius:14px;margin-bottom:.55rem}
.v2-typing i{width:6px;height:6px;border-radius:50%;background:#9AA6C4;animation:v2dot 1s infinite}
.v2-typing i:nth-child(2){animation-delay:.15s}.v2-typing i:nth-child(3){animation-delay:.3s}
@keyframes v2dot{0%,80%,100%{opacity:.3}40%{opacity:1}}
.v2-deliv{display:inline-flex;align-items:center;gap:.5rem;font:600 .82rem/1.2 Onest,sans-serif;color:var(--primary);background:#fff;border:1px dashed #9FB3FF;border-radius:10px;padding:.5rem .7rem;text-decoration:none}
.v2-deliv:hover{background:#F6F8FF}
.v2-live-foot{display:flex;flex-wrap:wrap;gap:.35rem .5rem;align-items:center;margin-top:.8rem;padding-top:.7rem;border-top:1px solid #E6EAF5;font-size:.76rem;color:var(--grey-300)}
.v2-live-foot .v2-mini{border:1px solid #E1E6F2;border-radius:999px;padding:.2rem .5rem;background:#FAFBFE}
.v2-illus{margin:.55rem 0 0;font-size:.72rem;color:var(--grey-300)}
/* reveal: the agent bubble + chip arrive after a short "typing" beat */
.v2-ex .v2-b--agent,.v2-ex .v2-deliv{opacity:0;animation:v2in .35s ease forwards}
.v2-ex .v2-b--agent{animation-delay:.9s}.v2-ex .v2-deliv{animation-delay:1.3s}
.v2-ex .v2-typing{animation:v2out .01s linear .9s forwards}
@keyframes v2in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes v2out{to{display:none;height:0;padding:0;margin:0;opacity:0}}
@media (prefers-reduced-motion:reduce){.v2-ex .v2-b--agent,.v2-ex .v2-deliv{opacity:1;animation:none}.v2-typing{display:none!important}}

/* 2 · Stepper (replaces the 5 cards that repeated the diagram) */
.v2-stepper{margin-top:1.75rem;background:#fff;border:1px solid #E1E6F2;border-radius:var(--radius-xl);padding:1rem}
.v2-st-input{position:absolute;opacity:0;pointer-events:none}
.v2-st-tabs{display:grid;grid-template-columns:repeat(var(--n,5),1fr);gap:.4rem;position:relative}
.v2-st-tabs label{cursor:pointer;display:flex;gap:.5rem;align-items:center;padding:.6rem .6rem;border-radius:10px;font:600 .84rem/1.25 'Instrument Sans',sans-serif;color:var(--grey-300);border:1px solid transparent}
.v2-st-tabs label:hover{background:#F6F8FF}
.v2-st-tabs .n{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#EEF2FF;color:var(--primary);font-size:.8rem}
.v2-st-tabs label.is-approval .n{background:#FFF4DB;color:#8A5A00}
.v2-st-panels{margin-top:.75rem;padding:1rem 1.1rem;border-radius:12px;background:var(--blue-light);min-height:92px}
.v2-st-panel{display:none}
.v2-st-panel h3{font-size:1.05rem;margin:0 0 .3rem;color:var(--dark)}
.v2-st-panel p{margin:0;color:var(--grey-300);line-height:1.55}
.v2-st-appr{display:inline-block;margin-bottom:.4rem;font:700 11px/1 'Instrument Sans',sans-serif;letter-spacing:.05em;text-transform:uppercase;background:#FFC760;color:#252C39;border-radius:999px;padding:.3rem .5rem}
.v2-st-nav{display:flex;justify-content:space-between;margin-top:.6rem;font-size:.8rem;color:var(--grey-300)}
/* generated: n-th input shows n-th panel / highlights n-th tab (up to 8) */
.v2-st-input:nth-of-type(1):checked~.v2-st-panels .v2-st-panel:nth-child(1){display:block}
.v2-st-input:nth-of-type(1):checked~.v2-st-tabs label:nth-child(1){background:#fff;border-color:var(--primary);color:var(--dark);box-shadow:0 6px 16px -10px rgba(51,97,255,.6)}
.v2-st-input:nth-of-type(1):focus-visible~.v2-st-tabs label:nth-child(1){outline:3px solid var(--primary);outline-offset:2px}
.v2-ex-input:nth-of-type(1):checked~.v2-chat .v2-ex:nth-child(1){display:block}
.v2-ex-input:nth-of-type(1):checked~.v2-ex-chips label:nth-of-type(1){background:var(--dark);border-color:var(--dark);color:#fff}
.v2-ex-input:nth-of-type(1):focus-visible~.v2-ex-chips label:nth-of-type(1){outline:3px solid var(--primary);outline-offset:2px}
.v2-st-input:nth-of-type(2):checked~.v2-st-panels .v2-st-panel:nth-child(2){display:block}
.v2-st-input:nth-of-type(2):checked~.v2-st-tabs label:nth-child(2){background:#fff;border-color:var(--primary);color:var(--dark);box-shadow:0 6px 16px -10px rgba(51,97,255,.6)}
.v2-st-input:nth-of-type(2):focus-visible~.v2-st-tabs label:nth-child(2){outline:3px solid var(--primary);outline-offset:2px}
.v2-ex-input:nth-of-type(2):checked~.v2-chat .v2-ex:nth-child(2){display:block}
.v2-ex-input:nth-of-type(2):checked~.v2-ex-chips label:nth-of-type(2){background:var(--dark);border-color:var(--dark);color:#fff}
.v2-ex-input:nth-of-type(2):focus-visible~.v2-ex-chips label:nth-of-type(2){outline:3px solid var(--primary);outline-offset:2px}
.v2-st-input:nth-of-type(3):checked~.v2-st-panels .v2-st-panel:nth-child(3){display:block}
.v2-st-input:nth-of-type(3):checked~.v2-st-tabs label:nth-child(3){background:#fff;border-color:var(--primary);color:var(--dark);box-shadow:0 6px 16px -10px rgba(51,97,255,.6)}
.v2-st-input:nth-of-type(3):focus-visible~.v2-st-tabs label:nth-child(3){outline:3px solid var(--primary);outline-offset:2px}
.v2-ex-input:nth-of-type(3):checked~.v2-chat .v2-ex:nth-child(3){display:block}
.v2-ex-input:nth-of-type(3):checked~.v2-ex-chips label:nth-of-type(3){background:var(--dark);border-color:var(--dark);color:#fff}
.v2-ex-input:nth-of-type(3):focus-visible~.v2-ex-chips label:nth-of-type(3){outline:3px solid var(--primary);outline-offset:2px}
.v2-st-input:nth-of-type(4):checked~.v2-st-panels .v2-st-panel:nth-child(4){display:block}
.v2-st-input:nth-of-type(4):checked~.v2-st-tabs label:nth-child(4){background:#fff;border-color:var(--primary);color:var(--dark);box-shadow:0 6px 16px -10px rgba(51,97,255,.6)}
.v2-st-input:nth-of-type(4):focus-visible~.v2-st-tabs label:nth-child(4){outline:3px solid var(--primary);outline-offset:2px}
.v2-ex-input:nth-of-type(4):checked~.v2-chat .v2-ex:nth-child(4){display:block}
.v2-ex-input:nth-of-type(4):checked~.v2-ex-chips label:nth-of-type(4){background:var(--dark);border-color:var(--dark);color:#fff}
.v2-ex-input:nth-of-type(4):focus-visible~.v2-ex-chips label:nth-of-type(4){outline:3px solid var(--primary);outline-offset:2px}
.v2-st-input:nth-of-type(5):checked~.v2-st-panels .v2-st-panel:nth-child(5){display:block}
.v2-st-input:nth-of-type(5):checked~.v2-st-tabs label:nth-child(5){background:#fff;border-color:var(--primary);color:var(--dark);box-shadow:0 6px 16px -10px rgba(51,97,255,.6)}
.v2-st-input:nth-of-type(5):focus-visible~.v2-st-tabs label:nth-child(5){outline:3px solid var(--primary);outline-offset:2px}
.v2-ex-input:nth-of-type(5):checked~.v2-chat .v2-ex:nth-child(5){display:block}
.v2-ex-input:nth-of-type(5):checked~.v2-ex-chips label:nth-of-type(5){background:var(--dark);border-color:var(--dark);color:#fff}
.v2-ex-input:nth-of-type(5):focus-visible~.v2-ex-chips label:nth-of-type(5){outline:3px solid var(--primary);outline-offset:2px}
.v2-st-input:nth-of-type(6):checked~.v2-st-panels .v2-st-panel:nth-child(6){display:block}
.v2-st-input:nth-of-type(6):checked~.v2-st-tabs label:nth-child(6){background:#fff;border-color:var(--primary);color:var(--dark);box-shadow:0 6px 16px -10px rgba(51,97,255,.6)}
.v2-st-input:nth-of-type(6):focus-visible~.v2-st-tabs label:nth-child(6){outline:3px solid var(--primary);outline-offset:2px}
.v2-ex-input:nth-of-type(6):checked~.v2-chat .v2-ex:nth-child(6){display:block}
.v2-ex-input:nth-of-type(6):checked~.v2-ex-chips label:nth-of-type(6){background:var(--dark);border-color:var(--dark);color:#fff}
.v2-ex-input:nth-of-type(6):focus-visible~.v2-ex-chips label:nth-of-type(6){outline:3px solid var(--primary);outline-offset:2px}
.v2-st-input:nth-of-type(7):checked~.v2-st-panels .v2-st-panel:nth-child(7){display:block}
.v2-st-input:nth-of-type(7):checked~.v2-st-tabs label:nth-child(7){background:#fff;border-color:var(--primary);color:var(--dark);box-shadow:0 6px 16px -10px rgba(51,97,255,.6)}
.v2-st-input:nth-of-type(7):focus-visible~.v2-st-tabs label:nth-child(7){outline:3px solid var(--primary);outline-offset:2px}
.v2-ex-input:nth-of-type(7):checked~.v2-chat .v2-ex:nth-child(7){display:block}
.v2-ex-input:nth-of-type(7):checked~.v2-ex-chips label:nth-of-type(7){background:var(--dark);border-color:var(--dark);color:#fff}
.v2-ex-input:nth-of-type(7):focus-visible~.v2-ex-chips label:nth-of-type(7){outline:3px solid var(--primary);outline-offset:2px}
.v2-st-input:nth-of-type(8):checked~.v2-st-panels .v2-st-panel:nth-child(8){display:block}
.v2-st-input:nth-of-type(8):checked~.v2-st-tabs label:nth-child(8){background:#fff;border-color:var(--primary);color:var(--dark);box-shadow:0 6px 16px -10px rgba(51,97,255,.6)}
.v2-st-input:nth-of-type(8):focus-visible~.v2-st-tabs label:nth-child(8){outline:3px solid var(--primary);outline-offset:2px}
.v2-ex-input:nth-of-type(8):checked~.v2-chat .v2-ex:nth-child(8){display:block}
.v2-ex-input:nth-of-type(8):checked~.v2-ex-chips label:nth-of-type(8){background:var(--dark);border-color:var(--dark);color:#fff}
.v2-ex-input:nth-of-type(8):focus-visible~.v2-ex-chips label:nth-of-type(8){outline:3px solid var(--primary);outline-offset:2px}

/* 3 · Cadence timeline ("across your quarter"), facts only, no invented weekdays */
.v2-cadence{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:0;position:relative}
.v2-cadence::before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:linear-gradient(90deg,#CBD7FF,var(--primary))}
.v2-cadence li{position:relative;padding:2.1rem .9rem 0 0}
.v2-cadence li::before{content:"";position:absolute;top:8px;left:0;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--primary)}
.v2-cadence .when{display:block;font:700 .78rem/1.2 'Instrument Sans',sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--primary);margin-bottom:.35rem}
.v2-cadence .what{font-size:.92rem;line-height:1.45;color:var(--dark)}

/* 4 · Sample report viewer (crawlable HTML + screenshots in the lightbox) */
.v2-sample{display:grid;grid-template-columns:260px 1fr;gap:1.25rem;margin-top:2rem}
.v2-sample-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}
.v2-doc{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 50px -24px rgba(10,20,60,.35);padding:1.6rem 1.8rem}

/* 5 · Video slot (renders only when copy.v2.video is set): poster + play button; the player loads only on click */
.v2-video{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:var(--radius-xl);overflow:hidden;border:0;padding:0;cursor:pointer;background:#1C2D8A}
.v2-video img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.72)}
.v2-video .play{position:absolute;inset:0;margin:auto;width:78px;height:78px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.v2-video .play::after{content:"";margin-left:6px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent var(--primary)}
.v2-video .cap{position:absolute;left:1.1rem;bottom:1rem;right:1.1rem;color:#fff;text-align:left;font:600 1.05rem/1.3 'Instrument Sans',sans-serif}
.v2-video .cap small{display:block;font:500 .78rem/1.3 Onest,sans-serif;opacity:.85;margin-top:.2rem}
.v2-video:focus-visible{outline:3px solid var(--primary);outline-offset:3px}

/* talk + in-action captions (v11 images had none) */
.v2-cap{margin-top:.5rem;font-size:.8rem;color:var(--grey-300);line-height:1.4}

@media (max-width:1024px){.v2-cadence{grid-template-columns:1fr 1fr;row-gap:1rem}.v2-cadence::before{display:none}}
@media (max-width:768px){
  .v2-st-tabs{grid-template-columns:1fr}
  .v2-sample{grid-template-columns:1fr}
  .v2-cadence{grid-template-columns:1fr}
  .v2-chat{min-height:0}
}

/* hero scope: neutralise .hero p (white, 1.125rem, 2rem margin) inside the light card */
.ag-hero .v2-live{color:var(--dark)}
.ag-hero .v2-live p{margin:0;font-size:inherit;line-height:1.45;color:inherit}
.ag-hero .v2-live .v2-agent-name{font-size:1.05rem;color:var(--dark)}
.ag-hero .v2-live .v2-agent-line{margin-top:.25rem;font-size:.86rem;color:var(--grey-300)}
.ag-hero .v2-live .v2-b{font-size:.88rem;margin-bottom:.55rem}
.ag-hero .v2-live .v2-b--you{color:#fff}
.ag-hero .v2-live .v2-b--agent{color:var(--dark)}
.ag-hero .v2-live .v2-illus{margin-top:.55rem;font-size:.72rem;color:var(--grey-300)}
.v2-agent-head picture{display:block}

/* real sample viewer (radio tabs) */
.v2-so-input{position:absolute;opacity:0;pointer-events:none}
.v2-so-list label{display:block;cursor:pointer;padding:.7rem .8rem;border-radius:10px;border:1px solid #E1E6F2;background:#fff;font-size:.88rem;color:var(--grey-300)}
.v2-so-list li{padding:0;border:0;background:none}
.v2-so-list label:hover{border-color:var(--primary)}
.v2-so-list small{display:block;font-weight:400;color:var(--grey-300);font-size:.74rem;margin-top:.15rem}
.v2-doc--real{outline:none;padding:1rem}
.v2-so-panel{display:none;margin:0}
.v2-so-panel img{width:100%;height:auto;border-radius:8px;border:1px solid #E6EAF5}
.v2-so-finds{margin-top:1rem;padding-top:.9rem;border-top:1px solid #E6EAF5;font-size:.9rem;line-height:1.5;color:var(--dark)}
.v2-so-finds ul{margin:.4rem 0 .6rem 1.1rem;padding:0}
.v2-so-finds li{margin:.3rem 0}
.v2-so-input:nth-of-type(1):checked~.v2-sample .v2-so-panel:nth-child(1){display:block}
.v2-so-input:nth-of-type(1):checked~.v2-sample .v2-so-list li:nth-child(1) label{border-color:var(--primary);color:var(--dark);font-weight:600;box-shadow:0 6px 16px -10px rgba(51,97,255,.6)}
.v2-so-input:nth-of-type(1):focus-visible~.v2-sample .v2-so-list li:nth-child(1) label{outline:3px solid var(--primary);outline-offset:2px}
.v2-so-input:nth-of-type(2):checked~.v2-sample .v2-so-panel:nth-child(2){display:block}
.v2-so-input:nth-of-type(2):checked~.v2-sample .v2-so-list li:nth-child(2) label{border-color:var(--primary);color:var(--dark);font-weight:600;box-shadow:0 6px 16px -10px rgba(51,97,255,.6)}
.v2-so-input:nth-of-type(2):focus-visible~.v2-sample .v2-so-list li:nth-child(2) label{outline:3px solid var(--primary);outline-offset:2px}
.v2-so-input:nth-of-type(3):checked~.v2-sample .v2-so-panel:nth-child(3){display:block}
.v2-so-input:nth-of-type(3):checked~.v2-sample .v2-so-list li:nth-child(3) label{border-color:var(--primary);color:var(--dark);font-weight:600;box-shadow:0 6px 16px -10px rgba(51,97,255,.6)}
.v2-so-input:nth-of-type(3):focus-visible~.v2-sample .v2-so-list li:nth-child(3) label{outline:3px solid var(--primary);outline-offset:2px}
.v2-so-input:nth-of-type(4):checked~.v2-sample .v2-so-panel:nth-child(4){display:block}
.v2-so-input:nth-of-type(4):checked~.v2-sample .v2-so-list li:nth-child(4) label{border-color:var(--primary);color:var(--dark);font-weight:600;box-shadow:0 6px 16px -10px rgba(51,97,255,.6)}
.v2-so-input:nth-of-type(4):focus-visible~.v2-sample .v2-so-list li:nth-child(4) label{outline:3px solid var(--primary);outline-offset:2px}
.v2-so-input:nth-of-type(5):checked~.v2-sample .v2-so-panel:nth-child(5){display:block}
.v2-so-input:nth-of-type(5):checked~.v2-sample .v2-so-list li:nth-child(5) label{border-color:var(--primary);color:var(--dark);font-weight:600;box-shadow:0 6px 16px -10px rgba(51,97,255,.6)}
.v2-so-input:nth-of-type(5):focus-visible~.v2-sample .v2-so-list li:nth-child(5) label{outline:3px solid var(--primary);outline-offset:2px}
.v2-so-input:nth-of-type(6):checked~.v2-sample .v2-so-panel:nth-child(6){display:block}
.v2-so-input:nth-of-type(6):checked~.v2-sample .v2-so-list li:nth-child(6) label{border-color:var(--primary);color:var(--dark);font-weight:600;box-shadow:0 6px 16px -10px rgba(51,97,255,.6)}
.v2-so-input:nth-of-type(6):focus-visible~.v2-sample .v2-so-list li:nth-child(6) label{outline:3px solid var(--primary);outline-offset:2px}
.v2-so-input:nth-of-type(7):checked~.v2-sample .v2-so-panel:nth-child(7){display:block}
.v2-so-input:nth-of-type(7):checked~.v2-sample .v2-so-list li:nth-child(7) label{border-color:var(--primary);color:var(--dark);font-weight:600;box-shadow:0 6px 16px -10px rgba(51,97,255,.6)}
.v2-so-input:nth-of-type(7):focus-visible~.v2-sample .v2-so-list li:nth-child(7) label{outline:3px solid var(--primary);outline-offset:2px}
.v2-so-input:nth-of-type(8):checked~.v2-sample .v2-so-panel:nth-child(8){display:block}
.v2-so-input:nth-of-type(8):checked~.v2-sample .v2-so-list li:nth-child(8) label{border-color:var(--primary);color:var(--dark);font-weight:600;box-shadow:0 6px 16px -10px rgba(51,97,255,.6)}
.v2-so-input:nth-of-type(8):focus-visible~.v2-sample .v2-so-list li:nth-child(8) label{outline:3px solid var(--primary);outline-offset:2px}

/* ---------- hero: eyebrow is a span, buyer hook (round 2: the definition leads "in short"), hero line, entity line ---------- */
.ag-hero .v2-eyebrow{margin-bottom:1rem}
.ag-hero .v2-eyebrow .section-label{display:inline-block;font-size:.75rem;line-height:1.4;padding:.3rem .75rem;border-radius:100px;color:rgba(255,255,255,.85);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);margin:0}
.ag-hero .v2-definition{max-width:560px}
.v2-heroline{display:flex;flex-wrap:wrap;gap:.5rem .6rem;list-style:none;margin:1.75rem 0 0;padding:0}
.v2-heroline li{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:rgba(255,255,255,.85);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:100px;padding:.35rem .75rem}
.v2-heroline a{color:#fff;text-decoration:none}
.v2-heroline a:hover{text-decoration:underline;text-underline-offset:3px}
.ag-hero .v2-live .v2-entity{margin-top:.35rem;font-size:.78rem}
.ag-hero .v2-live .v2-entity a{color:var(--primary);font-weight:600;text-decoration:none}
.ag-hero .v2-live .v2-entity a:hover{text-decoration:underline}
.ag-hero .v2-live .v2-deliv{color:var(--primary)}
.ag-hero .v2-live p.v2-deliv{margin:0;border-style:solid}

/* ---------- at a glance (answer-first facts table) ---------- */
.v2-glance-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:2.5rem;align-items:start}
.v2-glance-grid .ag-section-head{margin-bottom:0}
.v2-updated{margin-top:.75rem;font-size:.85rem!important}
.v2-glance{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--grey-200);border-radius:var(--radius-lg);overflow:hidden;font-size:.93rem;line-height:1.6}
.v2-glance th,.v2-glance td{text-align:left;vertical-align:top;padding:.8rem 1rem;border-bottom:1px solid var(--grey-200)}
.v2-glance tr:last-child th,.v2-glance tr:last-child td{border-bottom:0}
.v2-glance th{width:38%;font-family:var(--font-heading);font-weight:600;color:var(--dark);background:var(--blue-light)}
.v2-glance td{color:var(--grey-300)}

/* ---------- sample report: label, lawyer caption (body size, visible) + full notice (native details), findings, mid-page CTA ---------- */
.v2-so .v2-sample{margin-top:0}
.v2-example-label{position:absolute;top:-.7rem;left:1rem;z-index:1;font:700 11px/1 'Instrument Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--dark);border-radius:999px;padding:.35rem .6rem}
.v2-legal{margin-top:1rem;padding-top:.9rem;border-top:1px solid #E6EAF5;font-size:.95rem;line-height:1.6;color:var(--dark)}
.v2-legal p{margin:0 0 .6rem}
.v2-legal p:last-child{margin-bottom:0}
.v2-legal a{color:var(--primary)}
.v2-notice{margin-top:.2rem}
.v2-notice summary{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;cursor:pointer;font-weight:600;color:var(--primary)}
.v2-notice summary:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}
.v2-notice[open] summary{margin-bottom:.4rem}
.v2-so-finds{margin-top:1.5rem;background:#fff;border:1px solid var(--grey-200);border-radius:var(--radius-xl);padding:1.25rem 1.5rem}
.v2-so-finds h3{font-size:1.05rem;margin:0 0 .25rem;color:var(--dark)}
.v2-so-finds .v2-method{margin:.25rem 0 0;font-size:.88rem;line-height:1.6;color:var(--grey-300)}
.v2-sample-section{background:#eef2ff}
.v2-midcta{margin-top:2rem;display:flex;gap:1.25rem;align-items:center;justify-content:space-between;background:#fff;border:1px solid #CBD7FF;border-radius:var(--radius-xl);padding:1.25rem 1.5rem}
.v2-midcta p{margin:0;color:var(--grey-300);font-size:.95rem;line-height:1.6}
.v2-midcta strong{color:var(--dark)}
.v2-midcta .btn{flex:0 0 auto}

/* ---------- proof layer (kept apart from the sample report) ---------- */
.v2-proof-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.5rem;align-items:stretch}
.v2-quote{margin:0;background:#fff;border:1px solid var(--grey-200);border-radius:var(--radius-xl);padding:1.75rem;box-shadow:var(--ag-shadow)}
.v2-quote blockquote{margin:0}
.v2-quote blockquote p{font-size:1.05rem;line-height:1.6;color:var(--dark)}
.v2-quote figcaption{margin-top:1rem;font-size:.9rem;color:var(--grey-300)}
.v2-quote figcaption strong{display:block;color:var(--dark)}
.v2-security{background:var(--blue-light);border-radius:var(--radius-xl);padding:1.75rem}
.v2-security h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:var(--dark);margin:0 0 1rem}
.v2-security h3 svg{color:var(--primary)}
.v2-security p{margin-top:1rem;font-size:.93rem}
.v2-security a{color:var(--primary);font-weight:600}

/* ---------- FAQ group label ---------- */
.v2-faq-group{margin:1.25rem 0 0;font:700 .78rem/1.2 'Instrument Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--grey-300)}
.v2-video-wrap{margin-top:2rem;max-width:880px}

/* ---------- phone booking bar (<= 768 px); hidden near the hero/final CTAs and while the lightbox is open ---------- */
.v2-sticky{display:none}
@media (max-width:768px){
  .v2-sticky{display:block;position:fixed;left:12px;right:140px;bottom:12px;z-index:9000;transition:opacity .2s,transform .2s,visibility .2s}
  .v2-sticky .btn{display:flex;width:100%;justify-content:center;min-height:48px;box-shadow:0 10px 24px -8px rgba(10,20,60,.45)}
  .v2-sticky.is-hidden{opacity:0;visibility:hidden;transform:translateY(130%);pointer-events:none}
  .v2-glance-grid,.v2-proof-grid{grid-template-columns:1fr;gap:1.5rem}
  .v2-midcta{flex-direction:column;align-items:stretch;text-align:left}
  .v2-midcta .btn{justify-content:center}
  .v2-doc{padding:1rem}
  .v2-glance th{width:42%}
}
@media (max-width:480px){
  .v2-glance{font-size:.88rem;line-height:1.5}
  .v2-glance th,.v2-glance td{padding:.6rem .7rem}
  .v2-glance th{width:36%}
  .v2-so-finds,.v2-quote,.v2-security{padding:1.1rem}
}
html.ag-lb-open .v2-sticky{display:none}
@media (prefers-reduced-motion:reduce){.v2-sticky{transition:none}}

/* ==========================================================================
   Round 2 (CHG-0023 R2 R4 R5 R7 R8 R9): shorter page, same crawlable text.
   Desktop: how-it-works side by side, findings under the report sections, FAQ in two columns.
   Phones (<= 768 / 480): capabilities collapse (agents-v2.js), strips for screens, works-with and
   more-in, horizontal step and report chips, hero chips and card footer hidden.
   ========================================================================== */
.ag-hero .v2-hook{max-width:560px}
.ag-hero .v2-promise{margin:1rem 0 0;max-width:520px;font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.85)}
.cta-band .v2-promise{margin:1.1rem 0 0;font-size:.95rem;color:rgba(255,255,255,.85)}
.v2-glance-grid .v2-definition{font-size:1.05rem;line-height:1.6;color:var(--dark)}

/* capabilities: <details open>; the summary is not a toggle above 480 px (agents-v2.js) */
.v2-feat summary{list-style:none;display:flex;flex-direction:column;gap:1rem;cursor:default}
.v2-feat summary::-webkit-details-marker{display:none}
.v2-feat summary:focus-visible{outline:3px solid var(--primary);outline-offset:4px;border-radius:8px}
.v2-feat h3{font-size:1.05rem;color:var(--dark)}
.v2-feat>p{margin-top:1rem;font-size:.9rem;color:var(--grey-300);line-height:1.6}

/* differentiator: one card that continues the capabilities band */
.v2-diff-section{padding-top:0}
.v2-diff{background:#fff;border:1px solid #CBD7FF;border-left:4px solid var(--primary);border-radius:var(--radius-xl);padding:1.5rem 1.75rem}
.v2-diff h2{margin:0 0 .6rem;color:var(--dark)}
.v2-diff p{max-width:880px;font-size:.98rem;line-height:1.6;color:var(--grey-300)}

/* how it works: diagram + stepper side by side on desktop; the stepper tabs carry "when" */
.v2-st-tabs .t{display:flex;flex-direction:column;min-width:0}
.v2-st-tabs .t small{margin-top:.15rem;font:500 .74rem/1.3 Onest,sans-serif;color:var(--grey-300)}
@media (min-width:1025px){
  .v2-how:has(>.ag-diagram){display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.5rem;align-items:start}
  .v2-how:has(>.ag-diagram) .ag-diagram{margin-bottom:0}
  .v2-how:has(>.ag-diagram) .v2-stepper{margin-top:0}
  .v2-how:has(>.ag-diagram) .v2-st-tabs{grid-template-columns:1fr;gap:.25rem}
  .v2-how:has(>.ag-diagram) .v2-st-tabs label{padding:.45rem .6rem}
}

/* what it won't do: linked agents + the related automation */
.ag-v2 .ag-by a{color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.v2-wont-more{margin-top:1rem;font-size:.9rem;line-height:1.6;color:var(--grey-300)}
.v2-wont-more a{color:var(--primary);font-weight:600}

/* sample report: findings sit under the report, in its column (v5.42) */
.v2-so .v2-sample{grid-template-columns:260px minmax(0,1fr);grid-template-areas:"list doc" ". finds";align-items:start}
.v2-so .v2-so-list{grid-area:list}
.v2-so .v2-doc{grid-area:doc}
.v2-so .v2-so-finds{grid-area:finds;margin-top:0;padding:1.1rem 1.2rem;font-size:.88rem}

/* FAQ: every answer closed; two columns on desktop (full container width) */
@media (min-width:1025px){
  .ag-v2 .ag-faq{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .ag-v2 .ag-faq .v2-faq-group{grid-column:1/-1}
}

/* learn more */
.v2-learn{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}
.v2-learn li{background:#fff;border:1px solid var(--grey-200);border-radius:var(--radius-lg);padding:1rem 1.25rem}
.v2-learn a{display:block;font-weight:600;color:var(--primary);line-height:1.4}
.v2-learn li>span{display:block;margin-top:.3rem;font-size:.9rem;line-height:1.6;color:var(--grey-300)}
.v2-learn-block{margin-top:2.5rem}
.v2-learn-section .v2-learn-block{margin-top:0}
.v2-learn-block h2{font-size:1.8rem;color:var(--dark);margin-bottom:.5rem}
.v2-learn-block>p:not(.section-label){color:var(--grey-300);font-size:.95rem;line-height:1.6}
.v2-learn-block>p a{color:var(--primary);font-weight:600}

/* more in: compact cards */
.ag-v2 .v2-more .ag-card-tags{display:none}

@media (max-width:1024px){
  .v2-how .ag-diagram{margin-bottom:0}
}
@media (max-width:768px){
  /* one swipeable row per set (no JS) */
  .ag-v2 .ag-screens,.ag-v2 .ag-mini-grid,.ag-v2 .v2-more,.ag-v2 .v2-st-tabs,.ag-v2 .v2-so-list{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:.5rem}
  .ag-v2 .ag-shot-cards{display:contents}
  .ag-v2 .ag-screens>figure,.ag-v2 .ag-shot-cards>li{flex:0 0 82%;scroll-snap-align:start}
  .ag-v2 .ag-screens>.ag-shot-phone{flex:0 0 150px}
  .ag-v2 .ag-screens .ag-frame.is-phone{max-width:150px;padding:7px;border-radius:24px}
  .ag-v2 .ag-screens .ag-frame.is-phone img{border-radius:17px}
  .ag-v2 .ag-screens{align-items:start;padding-top:.75rem}
  .ag-v2 .ag-mini-grid>li,.ag-v2 .v2-more>li{flex:0 0 85%;scroll-snap-align:start}
  .ag-v2 .v2-st-tabs label{flex:0 0 auto;max-width:210px;scroll-snap-align:start;border-color:#E1E6F2}
  .ag-v2 .v2-so-list li{flex:0 0 200px;scroll-snap-align:start}
  .ag-v2 .v2-so-list label{height:100%}
  .v2-so .v2-sample{grid-template-columns:minmax(0,1fr);grid-template-areas:"list" "doc" "finds"}
  .v2-diff{padding:1.1rem 1.2rem}
}
@media (max-width:480px){
  .v2-heroline,.v2-live-foot{display:none}
  .ag-v2 .v2-caps{gap:.6rem}
  .ag-v2 .v2-caps .ag-feature{padding:.8rem 1rem}
  .v2-feat summary{flex-direction:row;align-items:center;gap:.75rem;cursor:pointer}
  .v2-feat summary .ag-icon-box{width:40px;height:40px;border-radius:10px}
  .v2-feat summary .ag-icon-box svg{width:22px;height:22px}
  .v2-feat summary::after{content:'+';margin-left:auto;font:600 1.3rem/1 Onest,sans-serif;color:var(--primary)}
  .v2-feat[open] summary::after{content:'\2212'}
  .v2-feat>p{margin-top:.6rem}
  .ag-v2 .ag-talk{max-width:220px;margin-inline:auto}
  .ag-v2 .ag-talk img{aspect-ratio:1/1}
}

/* ==========================================================================
   Round 2 length pass (v5.42, measured on staging v5.40: phone 18.6 / desktop 12.1 screens).
   Same HTML text; phones fold three secondary blocks (agents-v2.js, like the capabilities) and
   use swipe rows; desktop packs the grids into fewer rows.
   ========================================================================== */
/* .v2-fold: <details open> with the block heading as summary; not a toggle above 480 px */
.v2-fold>summary{list-style:none;cursor:default}
.v2-fold>summary::-webkit-details-marker{display:none}
.v2-fold>summary:focus-visible{outline:3px solid var(--primary);outline-offset:4px;border-radius:8px}
.v2-fold>summary h3{margin-top:0}
.v2-learn-fold>summary h2{margin-top:0}
.ag-v2 .ag-section-head{margin-bottom:1.25rem}
@media (min-width:1025px){
  .v2-feat summary{flex-direction:row;align-items:center;gap:.9rem}
  .v2-feat>p{margin-top:.75rem}
  .ag-v2 .v2-more{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
  .ag-v2 .v2-more .ag-dept-pill{display:none}
  .ag-v2 .ag-mini-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
  .ag-v2 .ag-guard-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ag-v2 .ag-usecases-wrap.has-talk{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr)}
}
@media (max-width:768px){
  .ag-v2 .v2-so-list{flex-direction:row}
  .ag-v2 .v2-so-list li{flex:0 0 auto;max-width:210px}
  .ag-v2 .v2-so-list label{height:auto}
}
@media (max-width:480px){
  .v2-fold>summary{display:flex;align-items:center;gap:.75rem;cursor:pointer}
  .v2-fold>summary h3{margin:0}
  .v2-learn-fold>summary h2{margin:0}
  .v2-learn-fold>summary{min-height:44px}
  .v2-fold>summary::after{content:'+';margin-left:auto;font:600 1.3rem/1 Onest,sans-serif;color:var(--primary)}
  .v2-fold[open]>summary::after{content:'\2212'}
  .v2-fold[open]>summary{margin-bottom:.6rem}
  .ag-v2 .ag-usecases-wrap .ag-talk{display:none}
  .ag-v2 .ag-outcomes-grid,.ag-v2 .ag-usecases{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:.5rem}
  .ag-v2 .ag-outcome{flex:0 0 80%;scroll-snap-align:start;padding:1.1rem 1rem 1.1rem 0;border-left:0}
  .ag-v2 .ag-usecases{border:0;border-radius:0;background:none;overflow-y:hidden}
  .ag-v2 .ag-usecase{flex:0 0 85%;scroll-snap-align:start;border:1px solid var(--grey-200);border-radius:var(--radius-xl);overflow:hidden;background:#fff}
  .ag-v2 .ag-usecase+.ag-usecase{border-top:1px solid var(--grey-200)}
  .ag-v2 .ag-guard{padding:.8rem 1rem}
  .ag-v2 .ag-faq{gap:.5rem}
  .ag-v2 .ag-faq summary{padding:.8rem 2.75rem .8rem 1rem}
}

/* ==========================================================================
   Desktop length pass (v5.43, measured on staging v5.42: desktop 11.0 screens). Layout only; same text.
   "What it won't do" starts closed at every width (.v2-fold-all, a real toggle); the report findings stay open.
   ========================================================================== */
.v2-fold-all>summary{display:flex;align-items:center;gap:.75rem;cursor:pointer;min-height:44px}
.v2-fold-all>summary h3{margin:0}
.v2-fold-all>summary::after{content:'+';margin-left:auto;font:600 1.3rem/1 Onest,sans-serif;color:var(--primary)}
.v2-fold-all[open]>summary::after{content:'\2212'}
.v2-fold-all[open]>summary{margin-bottom:.6rem}
.ag-v2 .ag-wontdo strong{display:inline;margin-right:.4rem}
.ag-v2 .ag-wontdo span.ag-by{display:inline}
@media (min-width:1025px){
  /* the three small screens sit under the main screen, beside the phone (phone spans both rows) */
  .ag-v2 .ag-screens.has-main.has-phone{grid-template-areas:"main phone" "cards phone";column-gap:1.5rem;row-gap:1.25rem}
  .ag-v2 .ag-screens.has-main.has-phone .ag-shot-cards{gap:1rem}
}

/* Round 2.1c: the definition is the first <p> in <main>, a small lede line under the hook (answer-first) */
.ag-hero .v2-hook{margin-bottom:.9rem}
.ag-hero .v2-lede{max-width:560px;margin:0 0 1.75rem;font-size:.95rem;line-height:1.6;color:rgba(255,255,255,.85)}
@media (max-width:480px){.ag-hero .v2-lede{font-size:.9rem;margin-bottom:1.5rem}}

/* ===== Round 2.2 (v5.48): several example reports as tabs + the testimonial result line =====
   .v2-set-tabs is hidden in the HTML; js/agents-v2.js (section 6) shows it and switches the panels, so without JS
   only the first report shows. Arrow keys / Home / End move between tabs (WAI-ARIA tabs pattern). */
.ag-v2 .v2-set-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.25rem}
.ag-v2 .v2-set-tabs[hidden]{display:none}
.ag-v2 .v2-set-tab{min-height:44px;padding:.6rem 1rem;border-radius:999px;border:1px solid var(--grey-200);background:#fff;color:var(--grey-300);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}
.ag-v2 .v2-set-tab:hover{border-color:var(--primary);color:var(--dark)}
.ag-v2 .v2-set-tab[aria-selected="true"]{background:var(--dark);border-color:var(--dark);color:#fff}
.ag-v2 .v2-set-tab:focus-visible,.ag-v2 .v2-set:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.ag-v2 .v2-set[hidden]{display:none}
.ag-v2 .v2-set-h{font-size:1.3rem;margin:0 0 .35rem;color:var(--dark)}
.ag-v2 .v2-set-intro{margin:0 0 1rem;font-size:.95rem;line-height:1.6;color:var(--grey-300);max-width:760px}
.ag-v2 .v2-so-finds h4{font-size:1.05rem;margin:0 0 .25rem;color:var(--dark)}
.ag-v2 .v2-quote-result{margin:1rem 0 0;padding:.6rem .85rem;border-left:3px solid var(--primary);font-size:.95rem;line-height:1.6;font-weight:600;color:var(--dark)}
.v2-fold>summary h4{margin-top:0}
@media (max-width:480px){
  .v2-fold>summary h4{margin:0}
  .ag-v2 .v2-set-tabs{flex-wrap:nowrap;overflow-x:auto}
  .ag-v2 .v2-set-tab{flex:0 0 auto}
}

/* ===== Rollout (v5.50): an example report's label (fictional / own company) + what the agent was asked ===== */
.ag-v2 .v2-so-label{display:inline-block;margin:0 0 .6rem;padding:.35rem .7rem;border-radius:var(--radius-md,8px);
  background:#eef2ff;color:var(--dark);font-size:.85rem;line-height:1.6;max-width:760px}
.ag-v2 .v2-so-asked{margin:0 0 1rem;font-size:.95rem;line-height:1.6;color:var(--grey-300);max-width:760px}
.ag-v2 .v2-so-asked strong{color:var(--dark)}

/* ===== Fix round (v5.54, CHG-0023 section 4) ===== */
/* sibling note: one line at the end of the differentiator (how this agent differs from its closest sibling) */
.v2-sibling{margin:1rem 0 0;font-size:.95rem;line-height:1.6;color:var(--grey-300)}
.v2-sibling strong{color:var(--dark)}
.v2-sibling a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
/* the report's cited sources: a visible list under the findings (never folded) */
.v2-so .v2-sample.has-sources{grid-template-areas:"list doc" ". finds" ". srcs"}
.v2-so .v2-sources{grid-area:srcs}
.v2-sources{font-size:.85rem;line-height:1.6;color:var(--grey-300)}
.v2-sources-h{margin:0 0 .3rem;font-weight:600;color:var(--dark)}
.v2-sources ol{margin:0 0 0 1.1rem;padding:0}
.v2-sources li{margin:.2rem 0}
.v2-sources a{color:var(--primary);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.v2-tm{margin:.5rem 0 0;font-size:.8rem;line-height:1.5;color:var(--grey-300)}
/* learn more: automations + blog lists */
.v2-learn-h{margin:1.5rem 0 0;font-size:1.1rem;color:var(--dark)}
.v2-security-line{margin:.5rem 0 0;font-size:.95rem;line-height:1.6;color:var(--dark)}
@media (max-width:768px){
  .v2-so .v2-sample.has-sources{grid-template-areas:"list" "doc" "finds" "srcs"}
}
/* phone first screen (CRO fix 3): the CTAs and the promise line show above the definition; the HTML keeps the
   definition first (AEO: answer-first) */
@media (max-width:480px){
  .ag-hero .v2-hero-main{display:flex;flex-direction:column}
  .ag-hero .v2-hero-main>.ag-hero-ctas{order:1}
  .ag-hero .v2-hero-main>.v2-promise{order:2}
  .ag-hero .v2-hero-main>.v2-definition{order:3;margin:1.25rem 0 0}
  .ag-hero .v2-hero-main>.v2-heroline{order:4}
}
/* fix round (SEO fix 3): the department's proof line as a platform fact; the pointer after the 2 shared FAQs */
.v2-quote--fact figcaption a{font-weight:600}
.ag-v2 .ag-faq .v2-faq-more{grid-column:1/-1;margin:.75rem 0 0;font-size:.95rem;line-height:1.6}
/* v5.61 trim (spacing and layout only; no copy cut): brings the batch-1 pages to <=11 desktop screens and gives
   phone room to keep 'What it found' open. Tokens (palette, fonts, --section-gap) unchanged. */
@media (min-width:1025px){
.ag-v2 .ag-screens.has-main:not(.has-phone) .ag-shot-main{max-width:840px;margin-inline:auto;width:100%}
.ag-v2 .v2-learn{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}
.ag-v2 .v2-learn li{padding:.75rem 1.1rem}
.ag-v2 .v2-learn-h{margin-top:1.1rem}
.ag-v2 .ag-features{gap:1.1rem}
.ag-v2 .ag-features:has(>li:nth-child(8):last-child),.ag-v2 .ag-features:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
.ag-v2 .ag-feature{padding:1.35rem;gap:.6rem}
.ag-v2 .ag-usecase>div{padding:.8rem 1.25rem}
.ag-v2 .ag-faq summary{padding-top:.85rem;padding-bottom:.85rem}
.ag-v2 .ag-panel{padding:1.5rem}
.ag-v2 .ag-panel .ag-panel-title,.ag-v2 .ag-panel h2{margin-bottom:.9rem}
.ag-v2 .v2-glance-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:2rem}
.ag-v2 .v2-glance th,.ag-v2 .v2-glance td{padding:.6rem .9rem;line-height:1.5}
.ag-v2 .v2-midcta{margin-top:1.25rem;padding:1rem 1.5rem}
.ag-v2 .ag-inaction{margin-bottom:1.25rem}
}
@media (max-width:768px){
.ag-v2 .ag-feature{padding:1.25rem;gap:.6rem}
.ag-v2 .ag-usecase>div{padding:.75rem 1rem}
.ag-v2 .ag-faq summary{padding-top:.85rem;padding-bottom:.85rem}
.ag-v2 .ag-panel{padding:1.25rem}
.ag-v2 .v2-glance th,.ag-v2 .v2-glance td{padding:.6rem .8rem;line-height:1.5}
.ag-v2 .v2-midcta{margin-top:1.25rem}
.ag-v2 .ag-inaction{margin-bottom:1.25rem}
.ag-v2 .v2-learn li{padding:.75rem 1rem}
.ag-v2 .v2-learn{gap:.6rem}
}

/* v5.63.2 (CHG-0025 fix round, iPhone Safari paint): the workflow diagram shows on phones again (768 px file, tap to
   enlarge); up to 480 px the sample document, hero chat card and sticky button use a small shadow (under 8 px blur)
   instead of the large blurs, and the example chips do not animate. */
@media (max-width:480px){
  .v2-doc{box-shadow:none;border:1px solid var(--grey-200)}
  .v2-live{box-shadow:0 2px 6px rgba(10,20,60,.14)}
  .v2-quote{box-shadow:none}
  .v2-sticky .btn{box-shadow:0 2px 6px rgba(10,20,60,.3)}
  .v2-ex-chips label{transition:none}
  .ag-v2 .v2-how>.ag-diagram{margin-bottom:1.25rem}
}
@media (prefers-reduced-motion:reduce){.v2-ex-chips label{transition:none}}
/* CHG-0030 v5.69: "Plans & pricing" link under the booking buttons (SPEC v14 3.5; short variant, see CHANGELOG v5.69) */
.v2-price{margin:.4rem 0 0;max-width:520px;font-size:1rem;line-height:1.5;color:rgba(255,255,255,.85)}
.v2-price a{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-weight:600;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.v2-price--dark{margin-left:auto;margin-right:auto}
@media(max-width:480px){.ag-hero .v2-hero-main>.v2-price{order:2}}
/* CHG-0030 v5.69 type floor (SPEC v14 2.4): copy 16px, UI labels 12px. !important because this is a floor over
   rules spread across agents.css / agents-v2.css (some already !important); it only ever raises a size. */
main .v2-lede,main .v2-promise,main .v2-agent-line,main .v2-b,main .ag-outcome p,main .v2-feat>p,main .v2-diff p,
main .ag-section-head p,main .v2-method,main .v2-midcta p,main .v2-security-line,main .ag-faq-a p,main .ag-card-text,
main .ag-mini p,main .v2-faq-group,main .v2-illus,main .v2-legal-cap,main .v2-sources-h,main .ag-demo-note,main .ag-card-sub,main .v2-notice p,main .v2-set-intro,main .v2-wont-more,main .v2-entity,main .v2-faq-more,main p:has(>a[href="/pages/security"]){font-size:1rem!important}
main .v2-badge,main .t small,main .v2-example-label,main .ag-dept-pill,main .ag-usecase-head>div,main label>small,main .ag-demo-badge,main .v2-st-appr{font-size:.75rem!important}
/* CHG-0025 v5.71 trim (parent ruling 1 Oct): the v5.69 type floor added about half a phone screen to every agent page.
   Keep the 16px floor; give back the height in section spacing on phones only (3.5rem -> 2.5rem). */
@media (max-width:480px){.ag-v2{--section-gap:2.5rem}.ag-hero .v2-hero-main>.v2-price{margin-bottom:1rem}}