/* ==========================================================================
   Salespuzzle agents-led pages (24 Oct 2026): the homepage, the AI Agents
   page, the four agent pages (ACE, MAX, SAM, SKY) and The Vault.

   Self-contained, like every other page: it carries the fonts, the tokens and
   the base reset. sp-nav.css and sp-footer.css load after it. Every class here
   starts "ag-", so nothing collides with the nav, the footer or the tool pages.

   Greens and greys only. The agents' own artwork supplies the colour.
   Demo screenshots always sit in a frame labelled "Demo data".
   ========================================================================== */

@font-face{font-family:'Clash Display';src:url(/fonts/clash-display-500.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Clash Display';src:url(/fonts/clash-display-600.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Clash Display';src:url(/fonts/clash-display-700.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Albert Sans';src:url(/fonts/albert-sans.woff2) format('woff2');font-weight:400 800;font-style:normal;font-display:swap}

:root{
  --brand:#3DA435; --brand-d:#2C7D28; --brand-l:#7DBE3C; --brand-ink:#1E5A22;
  --bg:#FDFDFA; --paper:#F4F7F1; --card:#FFFFFF;
  --ink:#1B2A20; --ink-soft:#28382D;
  --muted:#5C6B60; --faint:#8A988D;
  --line:#E4E9E1; --line-soft:#EEF2EA;
  --tint:rgba(61,164,53,.07); --tint-line:rgba(61,164,53,.22);
  --dark:#0E1A12; --dark-2:#122018;
  --crit:#C24E2E;
  --display:'Clash Display','Albert Sans','Segoe UI',sans-serif;
  --sans:'Albert Sans','Segoe UI',system-ui,sans-serif;
  --mono:ui-monospace,'SF Mono','Cascadia Mono','Roboto Mono',Menlo,Consolas,monospace;
  --wrap:1180px; --r:20px;
  --shadow-s:0 2px 10px -4px rgba(27,42,32,.08);
  --shadow-m:0 18px 40px -22px rgba(27,42,32,.22);
  --shadow-l:0 30px 60px -28px rgba(27,42,32,.28);
}
*{box-sizing:border-box}
body{margin:0}
.sp{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:clip}
.sp *{box-sizing:border-box}
.sp [id]{scroll-margin-top:86px}
a{color:inherit;text-decoration:none}
img{max-width:100%}
h1,h2,h3{margin:0}
p{margin:0}

/* ---- type, buttons, sections ------------------------------------------- */
.ag-wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
.ag-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--brand-d);display:inline-flex;align-items:center;gap:10px}
.ag-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand);flex:none}
.ag-h1{font-family:var(--display);font-weight:600;letter-spacing:-.03em;line-height:1.04;font-size:clamp(34px,5vw,52px);margin:20px 0 0;text-wrap:balance;word-spacing:.1em}
.ag-h1 em,.ag-h2 em{font-style:normal;color:var(--brand-d)}
.ag-h2{font-family:var(--display);font-weight:600;letter-spacing:-.025em;line-height:1.08;font-size:clamp(28px,3.6vw,42px);margin:16px 0 0;text-wrap:balance;word-spacing:.1em}
.ag-h3{font-family:var(--display);font-weight:600;font-size:clamp(26px,3vw,34px);letter-spacing:-.025em;line-height:1.1;margin:0;word-spacing:.1em}
.ag-lead{font-size:clamp(16.5px,1.6vw,19px);line-height:1.6;color:var(--muted)}
.ag-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:15px;padding:15px 24px;border-radius:12px;border:1px solid transparent;white-space:nowrap;font-family:var(--sans);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ag-btn:focus-visible{outline:3px solid rgba(61,164,53,.45);outline-offset:2px}
.ag-btn--p{background:linear-gradient(180deg,var(--brand-l),var(--brand));color:#fff;box-shadow:0 10px 24px -10px rgba(44,125,40,.6)}
.ag-btn--p:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(44,125,40,.65)}
.ag-btn--o{background:#fff;color:var(--ink);border-color:#CBD5C8}
.ag-btn--o:hover{border-color:var(--brand);box-shadow:var(--shadow-s)}
.ag-btn--w{width:100%}
.ag-ill{display:inline-block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;border-radius:6px;background:#EEF2EA;border:1px solid #C9D3C4;color:#4A5A4E}
.ag-sec{padding:84px 0}
.ag-sec--paper{background:var(--paper);border-block:1px solid var(--line)}
.ag-head{max-width:760px}
.ag-head .ag-lead{margin-top:16px;max-width:62ch}
.ag-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.ag-micro{margin-top:16px;font-family:var(--mono);font-size:12.5px;color:var(--muted)}
.ag-amt{font-family:var(--display);font-weight:600;font-size:36px;letter-spacing:-.03em;line-height:1;word-spacing:.1em}
.ag-amt small{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--muted);letter-spacing:0;margin-left:5px}
.ag-note{font-size:12.5px;color:var(--muted);margin-top:5px}
.ag-more{display:block;margin-top:12px;text-align:center;font-size:14px;font-weight:700;color:var(--brand-d)}
.ag-more:hover{text-decoration:underline}
.ag-more:focus-visible,.ag-link:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}
.ag-link{color:var(--brand-d);font-weight:700}
.ag-link:hover{text-decoration:underline}

/* ---- homepage and AI Agents hero --------------------------------------- */
.ag-hero{padding:72px 0 84px;background:radial-gradient(900px 520px at 92% 0%,rgba(125,190,60,.16),transparent 65%),radial-gradient(600px 400px at 0% 100%,rgba(125,190,60,.07),transparent 70%),var(--bg)}
.ag-hero .ag-wrap{display:grid;grid-template-columns:minmax(0,1fr) 540px;gap:52px;align-items:center}
.ag-hero .ag-lead{margin-top:22px;max-width:30em}
.ag-team{position:relative;display:flex;justify-content:center;align-items:flex-end;padding-bottom:44px}
.ag-team::after{content:"";position:absolute;left:0;right:0;bottom:43px;height:2px;background:linear-gradient(90deg,transparent,#BFD6B3 18%,#BFD6B3 82%,transparent)}
.ag-team .a{position:relative;margin-inline:-20px}
.ag-team img{display:block;height:190px;width:auto;position:relative;z-index:1;filter:drop-shadow(0 8px 6px rgba(27,42,32,.16))}
.ag-team b{position:absolute;bottom:-34px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:11px;letter-spacing:.18em;font-weight:700;color:var(--brand-d)}

/* ---- packages ------------------------------------------------------------ */
.ag-sub{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--muted);margin:44px 0 16px;display:flex;align-items:center;gap:14px}
.ag-sub::after{content:"";flex:1;height:1px;background:var(--line)}
.ag-pk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ag-pk{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;box-shadow:var(--shadow-s)}
.ag-pk .hd{display:flex;align-items:flex-end;gap:4px}
.ag-pk .fig{height:152px;width:auto;margin-left:-26px;filter:drop-shadow(0 6px 5px rgba(27,42,32,.16))}
.ag-pk .nm{font-family:var(--display);font-weight:600;font-size:38px;letter-spacing:-.03em;line-height:1;padding-bottom:22px}
.ag-pk .tg{display:block;margin-top:10px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;line-height:1.3}
.ag-pk .job{font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:-.02em;line-height:1.15;margin-top:20px;color:var(--ink);word-spacing:.1em}
.ag-pk .pr{font-size:14.5px;line-height:1.55;color:var(--muted);margin-top:8px}
.ag-pk .lb{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-weight:700;margin:18px 0 7px}
.ag-pk .about{font-size:13.5px;line-height:1.5;color:var(--ink-soft)}
.ag-pk .price{margin-top:auto;padding-top:20px}
.ag-pk .price .box{border-top:1px solid var(--line);padding-top:16px;margin-bottom:14px}
.ag-chips{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px}
.ag-chips span{font-size:12px;font-weight:600;padding:4px 9px;border-radius:99px;background:var(--paper);border:1px solid var(--line);color:var(--ink-soft)}
/* Four cards across, with the rows of every card lined up (needs subgrid). */
@media (min-width:1101px){
  .ag-pk-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@supports (grid-template-rows:subgrid){
  @media (min-width:1101px){
    .ag-pk-grid{gap:0 18px}
    .ag-pk{grid-row:span 9;display:grid;grid-template-rows:subgrid;row-gap:0}
    .ag-pk .price{margin-top:0;align-self:end}
    .ag-pk .about{align-self:start}
  }
}
.ag-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ag-tl{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 28px;display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:24px;align-items:start;box-shadow:var(--shadow-s)}
.ag-tl h3{font-family:var(--display);font-weight:600;font-size:26px;letter-spacing:-.025em}
.ag-tl p{font-size:14.5px;line-height:1.55;color:var(--muted);margin-top:8px}
.ag-tl ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:13.5px;font-weight:600}
.ag-tl li{display:flex;gap:9px}
.ag-tl li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand);margin-top:7px;flex:none}
.ag-tl .side{text-align:left}
.ag-tl .ag-btn{margin-top:14px}
.ag-tl .ag-note{text-align:center}
.ag-no{display:inline-block;margin-top:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--brand-d);border:1px solid var(--tint-line);background:#EEF6E8;border-radius:6px;padding:4px 8px}

/* ---- the Vault ----------------------------------------------------------- */
.ag-vp{position:relative;border-radius:28px;overflow:hidden;background:radial-gradient(700px 520px at 74% 55%,rgba(94,203,31,.30),transparent 65%),linear-gradient(135deg,#050806,#0F1A12);box-shadow:0 24px 60px -24px rgba(14,26,18,.5);display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:20px;align-items:center;padding:48px 24px 40px 52px}
.ag-vp::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.ag-vp>*{position:relative}
.ag-vp .ag-kicker{color:#9CF03A}
.ag-vp .ag-kicker::before{background:#9CF03A}
.ag-vp h1,.ag-vp h2{font-family:var(--display);font-weight:600;letter-spacing:-.025em;line-height:1.08;font-size:clamp(28px,3.4vw,38px);margin:16px 0 0;color:#fff;text-wrap:balance;word-spacing:.1em}
.ag-vp h1 em,.ag-vp h2 em{font-style:normal;color:#9CF03A}
.ag-vp .pts{display:flex;flex-direction:column;gap:18px;margin-top:28px}
.ag-vp .pt{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;font-size:14.5px;line-height:1.5;color:#C7D5C4}
.ag-vp .pt .ic{width:34px;height:34px;border-radius:10px;border:1px solid rgba(156,240,58,.45);background:rgba(156,240,58,.1);display:flex;align-items:center;justify-content:center;color:#9CF03A}
.ag-vp .pt b{display:block;color:#fff;font-size:16px;margin-bottom:2px}
.ag-vsvg{display:block;width:100%;height:auto;overflow:visible}

/* ---- how to get started -------------------------------------------------- */
.ag-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.ag-step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 26px 24px;position:relative}
.ag-step .n{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;color:var(--brand-d);font-weight:700}
.ag-step h3{font-family:var(--display);font-weight:600;font-size:23px;letter-spacing:-.02em;margin:10px 0 8px;word-spacing:.1em}
.ag-step p{font-size:15px;line-height:1.55;color:var(--muted)}
.ag-step:not(:last-child)::after{content:"";position:absolute;right:-21px;top:50%;width:22px;height:2px;background:var(--brand);opacity:.4}

/* ---- the book ------------------------------------------------------------ */
.ag-proof{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:center}
.ag-proof .cover{width:240px;height:auto;filter:drop-shadow(0 22px 20px rgba(27,42,32,.26))}
.ag-proof p.b{font-size:17px;line-height:1.65;color:var(--muted);margin-top:16px;max-width:60ch}
.ag-facts{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:14px;font-weight:600}
.ag-facts li{display:flex;gap:8px;align-items:center}
.ag-facts li::before{content:"";width:16px;height:16px;border-radius:50%;background:#EEF6E8;border:1.5px solid var(--brand);flex:none;box-shadow:inset 0 0 0 3px #fff;background-clip:padding-box}

/* ---- questions ----------------------------------------------------------- */
.ag-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin-top:40px}
.ag-q{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px}
.ag-q b{font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:-.015em;display:block;margin-bottom:8px;word-spacing:.1em}
.ag-q p{font-size:14.5px;line-height:1.6;color:var(--muted)}
.ag-q a{color:var(--brand-d);font-weight:600;text-decoration:underline}

/* ---- Salespuzzle121 band, closing call to action, logos -------------------- */
.ag-band121{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px 30px}
.ag-band121 b{font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:-.02em;display:block;word-spacing:.1em}
.ag-band121 span{font-size:15px;color:var(--muted)}
.ag-final{padding:88px 0 76px;text-align:center;background:radial-gradient(900px 400px at 85% 100%,rgba(125,190,60,.14),transparent 65%),var(--bg);border-top:1px solid var(--line)}
.ag-final .ag-h2{max-width:20ch;margin-inline:auto}
.ag-final .ag-lead{margin:14px auto 28px}
.ag-logos{padding:44px 0 50px;border-top:1px solid var(--line);background:#fff}
.ag-logos .k{display:block;text-align:center;font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:24px;padding-inline:20px}
.ag-logos .row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px 52px;padding-inline:24px;max-width:1400px;margin-inline:auto}
.ag-logos img{height:34px;width:auto;max-width:124px;object-fit:contain;filter:grayscale(1);opacity:.72}
.ag-logos img.tall{height:44px}
.ag-logos img.sum{height:50px;max-width:150px}
.ag-logos img.inv{filter:brightness(0);opacity:.55}

/* ---- an agent's own page --------------------------------------------------- */
.ag-crumb{border-bottom:1px solid var(--line);background:var(--bg)}
.ag-crumb .ag-wrap{padding-block:13px;font-size:13.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 8px}
.ag-crumb a:hover{color:var(--brand-d);text-decoration:underline}
.ag-crumb b{color:var(--brand-d);font-weight:600}
.ag-jh{padding:64px 0 76px;background:radial-gradient(900px 520px at 92% 0%,rgba(125,190,60,.16),transparent 65%),var(--bg)}
.ag-jh .ag-wrap{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:64px;align-items:center}
.ag-jh .ag-h1{font-size:clamp(34px,4.8vw,50px)}
.ag-priceline{display:flex;align-items:center;gap:16px;margin-top:30px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;max-width:520px}
.ag-priceline .ag-amt{font-size:32px;white-space:nowrap}
.ag-priceline p{font-size:13.5px;line-height:1.45;color:var(--muted)}
.ag-jfig{position:relative;display:flex;justify-content:center;align-items:flex-end;padding-bottom:46px}
.ag-jfig::after{content:"";position:absolute;left:6%;right:6%;bottom:45px;height:2px;background:linear-gradient(90deg,transparent,#BFD6B3 20%,#BFD6B3 80%,transparent)}
.ag-jfig img{display:block;height:330px;width:auto;position:relative;z-index:1;filter:drop-shadow(0 12px 8px rgba(27,42,32,.18))}
.ag-jfig b{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--mono);font-size:11px;letter-spacing:.18em;font-weight:700;color:var(--brand-d)}

/* demo screenshots */
.ag-shot{padding:76px 0 84px;background:var(--paper);border-block:1px solid var(--line)}
.ag-shot .ag-head{max-width:800px}
.ag-frame{margin-top:38px;background:#fff;border:1px solid #D3DCCF;border-radius:16px;overflow:hidden;box-shadow:0 44px 80px -44px rgba(27,42,32,.5),0 8px 20px -10px rgba(27,42,32,.12)}
.ag-frame .bar{position:relative;display:flex;align-items:center;gap:7px;height:40px;padding:0 16px;background:#F1F4EE;border-bottom:1px solid #DDE5D9}
.ag-frame .bar i{display:block;width:11px;height:11px;border-radius:50%;background:#C9D3C4;flex:none}
.ag-frame .bar span{position:absolute;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.ag-frame .scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ag-frame img{display:block;width:100%;height:auto}
.ag-frame.fade img{-webkit-mask-image:linear-gradient(#000 90%,transparent);mask-image:linear-gradient(#000 90%,transparent)}
.ag-caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:34px}
.ag-cap{border-top:2px solid var(--brand);padding-top:14px}
.ag-cap b{display:block;font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:-.02em;margin-bottom:6px;word-spacing:.1em}
.ag-cap p{font-size:14.5px;line-height:1.55;color:var(--muted)}
.ag-shot .src{margin-top:26px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.ag-shot2{margin-top:64px}
.ag-shot2 .ag-head .ag-lead{margin-top:12px}

/* problems, the Vault tools for this job, meeting the agent */
.ag-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:40px}
.ag-two.one{grid-template-columns:1fr}
.ag-prob{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 28px}
.ag-prob .q{font-family:var(--display);font-weight:600;font-size:23px;letter-spacing:-.02em;line-height:1.22;word-spacing:.1em}
.ag-prob .w{font-size:14.5px;color:var(--muted);margin-top:10px;line-height:1.55}
.ag-prob .w.who{color:var(--brand-d);font-weight:600}
.ag-vlist{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 28px}
.ag-vlist h3{font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:-.02em;word-spacing:.1em}
.ag-vlist .sd{font-size:14.5px;color:var(--muted);margin-top:6px;line-height:1.5}
.ag-vlist.wide{grid-column:1/-1}
.ag-vlist.wide .trs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px;margin-top:16px}
.ag-tr{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:12px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.45}
.ag-tr b{font-weight:700}
.ag-tr span{color:var(--muted)}
.ag-tr a{font-weight:700}
.ag-tr a:hover{color:var(--brand-d);text-decoration:underline}
.ag-meet2{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:64px;align-items:center}
.ag-pts2{display:flex;flex-direction:column;gap:12px}
.ag-pts2 div{font-size:15px;font-weight:700;padding:14px 16px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:10px;line-height:1.35}

/* choose how to use it */
.ag-choose{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;margin-top:40px}
.ag-lvl{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column}
.ag-lvl.main{border:2px solid var(--brand);box-shadow:0 24px 50px -28px rgba(44,125,40,.5)}
.ag-lvl .tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--brand-d)}
.ag-lvl h3{font-family:var(--display);font-weight:600;font-size:27px;letter-spacing:-.025em;margin:10px 0 0;word-spacing:.1em}
.ag-lvl p{font-size:14.5px;line-height:1.55;color:var(--muted);margin-top:8px}
.ag-lvl ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.ag-lvl li{display:flex;gap:9px}
.ag-lvl li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand);margin-top:7px;flex:none}
.ag-lvl .cta{margin-top:auto;padding-top:22px}

/* spacing helpers (the mock set these inline) */
.ag-sec--vault{padding-top:8px}
.ag-sec--band{padding-block:56px 0}
.ag-band-after{margin-top:80px}
.ag-steps-cta{margin-top:36px}
.ag-jh .ag-lead{margin-top:22px;max-width:31em}
.ag-meet2 .ag-lead{margin-top:16px;max-width:56ch}
.ag-lvl .amt{margin-top:14px}
.ag-lvl .cta .ag-note{text-align:center;margin-top:10px}
.ag-lvl .cta .ag-btn{margin-top:0}

/* ---- tablet --------------------------------------------------------------- */
@media (max-width:1100px){
  .ag-pk .fig{height:140px}
  .ag-tools-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:980px){
  .ag-hero{padding:48px 0 64px}
  .ag-hero .ag-wrap,.ag-jh .ag-wrap,.ag-meet2{grid-template-columns:minmax(0,1fr);gap:40px}
  .ag-hero .ag-lead{max-width:40em}
  .ag-team{max-width:560px;margin-inline:auto;width:100%}
  .ag-team img{height:170px}
  .ag-jh{padding:44px 0 60px}
  .ag-jfig img{height:280px}
  .ag-vp{grid-template-columns:minmax(0,1fr);padding:40px 28px 32px;gap:12px}
  .ag-vsvg{max-width:560px;margin-inline:auto}
  .ag-sec{padding:68px 0}
  .ag-final{padding:68px 0 60px}
}
@media (max-width:800px){
  .ag-faq,.ag-two,.ag-choose{grid-template-columns:minmax(0,1fr)}
  .ag-steps{grid-template-columns:minmax(0,1fr)}
  .ag-step:not(:last-child)::after{display:none}
  .ag-caps{grid-template-columns:minmax(0,1fr);gap:22px}
  .ag-proof{grid-template-columns:minmax(0,1fr);gap:32px;justify-items:start}
  .ag-proof .cover{width:190px}
  .ag-vlist.wide .trs{grid-template-columns:minmax(0,1fr)}
  .ag-band121{flex-direction:column;align-items:flex-start;gap:18px}
  .ag-shot{padding:60px 0 68px}
}

/* ---- phone ---------------------------------------------------------------- */
@media (max-width:640px){
  .ag-wrap{padding-inline:20px}
  .ag-sec{padding:56px 0}
  .ag-hero{padding:36px 0 52px}
  .ag-cta .ag-btn{flex:1 1 100%}
  .ag-btn{white-space:normal;text-align:center}
  .ag-pk-grid{grid-template-columns:minmax(0,1fr)}
  .ag-pk{padding:22px 20px}
  .ag-pk .fig{height:128px}
  .ag-team{padding-bottom:40px}
  .ag-team .a{margin-inline:-12px}
  .ag-team img{height:clamp(96px,27vw,140px)}
  .ag-team b{bottom:-30px;font-size:10px;letter-spacing:.14em}
  .ag-tl{grid-template-columns:minmax(0,1fr);padding:22px 20px}
  .ag-vp{border-radius:22px;padding:30px 20px 24px}
  .ag-vp .pts{gap:16px;margin-top:22px}
  .ag-proof .cover{width:160px}
  .ag-step{padding:22px 20px}
  .ag-logos{padding:36px 0 40px}
  .ag-logos .row{gap:20px 30px;padding-inline:20px}
  .ag-logos img{height:28px;max-width:100px}
  .ag-logos img.tall{height:36px}
  .ag-logos img.sum{height:40px;max-width:120px}
  .ag-jfig img{height:240px}
  .ag-jfig b{font-size:10px;letter-spacing:.14em}
  .ag-priceline{flex-wrap:wrap;gap:8px 16px}
  .ag-frame{margin-top:28px;border-radius:12px}
  .ag-frame .bar{height:34px;padding:0 12px}
  .ag-frame .bar span{font-size:9.5px;letter-spacing:.1em}
  .ag-frame .scroll img{min-width:720px}
  .ag-prob,.ag-vlist,.ag-lvl{padding:22px 20px}
  .ag-prob .q{font-size:21px}
  .ag-tr{grid-template-columns:minmax(0,1fr);gap:2px}
  .ag-q{padding:20px 20px}
  .ag-final{padding:56px 0 48px}
  .ag-shot2{margin-top:48px}
}
@media (prefers-reduced-motion:reduce){
  .ag-btn,.ag-btn--p:hover{transition:none;transform:none}
}