/* SAVRN — The AI Workforce (/agents)
   Front door to the AI Workforce book. Same light system as the rest of the
   marketing site: white cards on a whisper-of-blue ground, copper #E85D04 as
   the single accent, SAVRN blue for structure. No dark bands, ever.
   Scroll-reveal and the .iv-listen player come from institute-voice.js. */

.ag-wrap{--copper:#E85D04;--copper2:#C24A02;--blue:#5385B3;--blue2:#234E86;
  --ink:#0D1621;--ink2:#2A3340;--muted:#647082;--line:#E7EDF2;--wash:#F2F7FB;
  --ease:cubic-bezier(.22,.61,.36,1)}

/* hero */
.ag-hero{padding:clamp(46px,7vh,84px) 0 0}
.ag-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,60px);align-items:center}
.ag-kicker{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.ag-kicker .dot{width:9px;height:9px;border-radius:50%;background:#E85D04;flex:none}
.ag-cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:26px}
.ag-figure{margin:0}
.ag-figure .frame{border-radius:18px;overflow:hidden;background:#fff;
  box-shadow:0 2px 6px rgba(24,33,54,.08),0 20px 46px rgba(24,33,54,.10)}
.ag-figure .frame img{width:100%;height:100%;display:block;aspect-ratio:16/10;object-fit:cover}
.ag-figure .cap{margin-top:12px;font-size:12.5px;line-height:1.6;color:#647082}

/* the count strip */
.ag-stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
  border-top:1px solid #E7EDF2;border-bottom:1px solid #E7EDF2;padding:26px 0}
.ag-stat b{display:block;font-family:"JetBrains Mono",ui-monospace,monospace;font-weight:600;
  font-size:clamp(28px,3.2vw,40px);color:#0D1621;font-variant-numeric:tabular-nums;line-height:1}
.ag-stat span{display:block;margin-top:8px;font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:#647082;font-weight:600}
.ag-stat.is-later b{color:#234E86}

/* the honesty note — what is running and what is not */
.ag-note{margin-top:26px;padding:18px 20px;border-left:3px solid #5385B3;background:#F5F9FC;
  border-radius:0 12px 12px 0;font-size:14px;line-height:1.68;color:#2A3340;max-width:74ch}
.ag-note b{color:#0D1621}

/* book CTA card — the one destination this page exists to send you to */
.ag-book{margin-top:clamp(34px,5vh,58px)}
.ag-book .card{display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;
  background:#fff;border:1px solid #E7EDF2;border-top:3px solid #E85D04;border-radius:18px;
  padding:clamp(24px,3vw,34px);box-shadow:0 1px 3px rgba(24,33,54,.06),0 10px 30px rgba(24,33,54,.07)}
.ag-book .k{display:inline-flex;align-items:center;gap:9px;font-size:10.5px;letter-spacing:.18em;
  text-transform:uppercase;font-weight:700;color:#234E86}
.ag-book .k em{font-style:normal;background:#FBEEE6;color:#C24A02;padding:3px 8px;border-radius:999px;
  font-size:9.5px;letter-spacing:.14em}
.ag-book h3{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(21px,2.3vw,29px);
  line-height:1.16;margin:13px 0 0;color:#0D1621;text-wrap:balance}
.ag-book h3 em{font-style:italic;color:#E85D04}
.ag-book p{margin:11px 0 0;font-size:14.5px;line-height:1.66;color:#2A3340;max-width:62ch}

/* division grid */
.ag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);margin-top:30px}
.ag-card{display:flex;flex-direction:column;background:#fff;border:1px solid #E7EDF2;border-radius:16px;
  overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s var(--ease),box-shadow .25s var(--ease);
  box-shadow:0 1px 3px rgba(24,33,54,.05)}
.ag-card:hover{transform:translateY(-3px);box-shadow:0 2px 6px rgba(24,33,54,.08),0 18px 40px rgba(24,33,54,.10)}
.ag-card .im{aspect-ratio:16/9;background:#F2F7FB;overflow:hidden}
.ag-card .im img{width:100%;height:100%;object-fit:cover;display:block}
.ag-card .bd{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.ag-card .code{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;font-weight:600;
  letter-spacing:.18em;color:#C24A02;text-transform:uppercase}
.ag-card h3{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:17.5px;line-height:1.2;
  margin:9px 0 0;color:#0D1621;text-wrap:balance}
.ag-card p{margin:9px 0 0;font-size:13px;line-height:1.6;color:#2A3340}
.ag-card .ft{margin-top:auto;padding-top:15px;display:flex;align-items:center;justify-content:space-between;
  gap:10px;font-size:11.5px;color:#647082}
.ag-card .go{color:#C24A02;font-weight:700}

/* status chips, same language as the book */
.ag-chip{display:inline-flex;align-items:center;gap:6px;font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:4px 9px;
  border-radius:999px;border:1px solid;white-space:nowrap}
.ag-chip i{width:5px;height:5px;border-radius:50%;background:currentColor;display:block;font-style:normal}
.ag-chip.now{color:#1E6B45;border-color:#B7DDC8;background:#EFF8F3}
.ag-chip.later{color:#234E86;border-color:#C3D6E8;background:#F2F7FB}

/* the library shelf — one wide "start here" card, then the four rosters.
   Five equal cards in a 3-up grid orphans the last one; this reads as a
   sequence instead: learn how a desk is made, then read the rosters. */
.ag-lead{display:grid;grid-template-columns:1.15fr 1fr;gap:0;margin-top:30px;
  background:#fff;border:1px solid #E7EDF2;border-top:3px solid #E85D04;border-radius:18px;
  overflow:hidden;text-decoration:none;color:inherit;
  box-shadow:0 1px 3px rgba(24,33,54,.06),0 10px 30px rgba(24,33,54,.07);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.ag-lead:hover{transform:translateY(-3px);box-shadow:0 2px 6px rgba(24,33,54,.08),0 20px 46px rgba(24,33,54,.10)}
.ag-lead .im{aspect-ratio:16/9;overflow:hidden;background:#F2F7FB}
.ag-lead .im img{width:100%;height:100%;object-fit:cover;display:block}
.ag-lead .bd{padding:clamp(22px,2.6vw,34px);display:flex;flex-direction:column;justify-content:center}
.ag-lead .code{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;font-weight:600;
  letter-spacing:.18em;color:#C24A02;text-transform:uppercase}
.ag-lead h3{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(21px,2.3vw,28px);
  line-height:1.16;margin:11px 0 0;color:#0D1621;text-wrap:balance}
.ag-lead p{margin:10px 0 0;font-size:14.5px;line-height:1.66;color:#2A3340;max-width:52ch}
.ag-lead .ft{margin-top:18px;display:flex;align-items:center;justify-content:space-between;
  gap:10px;font-size:12px;color:#647082}
.ag-lead .go{color:#C24A02;font-weight:700}

.ag-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,20px);margin-top:clamp(16px,2vw,22px)}
.ag-shelf .ag-card h3{font-size:16.5px}
.ag-shelf .ag-card p{font-size:12.5px}

/* how a desk works — three columns */
.ag-how{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,32px);margin-top:30px}
.ag-h{background:#fff;border:1px solid #E7EDF2;border-top:3px solid #5385B3;border-radius:16px;padding:24px}
.ag-h .n{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;font-weight:600;color:#E85D04;
  letter-spacing:.14em}
.ag-h h3{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:18px;line-height:1.2;
  margin:12px 0 0;color:#0D1621}
.ag-h p{margin:10px 0 0;font-size:13.5px;line-height:1.66;color:#2A3340}

@media(prefers-reduced-motion:no-preference){
  .ins-js [data-reveal]{opacity:0;transform:translateY(22px);
    transition:opacity .7s var(--ease),transform .7s var(--ease)}
  .ins-js [data-reveal].in{opacity:1;transform:none}
  .ins-js [data-reveal="2"]{transition-delay:.08s}
  .ins-js [data-reveal="3"]{transition-delay:.16s}
}

@media(max-width:1020px){
  .ag-grid{grid-template-columns:repeat(2,1fr)}
  .ag-shelf{grid-template-columns:repeat(2,1fr)}
  .ag-how{grid-template-columns:1fr}
  .ag-stats .wrap{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .ag-hero .wrap{grid-template-columns:1fr}
  .ag-lead{grid-template-columns:1fr}
  .ag-shelf{grid-template-columns:1fr}
  .ag-grid{grid-template-columns:1fr}
  .ag-book .card{grid-template-columns:1fr}
}