/* ════════════════════════════════════════════════════════════
   UNIVERS CAREERS — Agents Programme · REVISED (light public)
   Warm-white page with dark application form.
   All custom prefixes are .ag2- so this co-exists with the
   original agents page (.agents-) styling.
   ════════════════════════════════════════════════════════════ */

.page-agents-v2{
  background:#f0ede8;
  color:#09090c;
  --ink:#09090c;
  --ink-m:rgba(9,9,12,0.62);
  --ink-f:rgba(9,9,12,0.4);
  --ink-f2:rgba(9,9,12,0.14);
  --lb:rgba(9,9,12,0.12);
  --lb2:rgba(9,9,12,0.2);
  --line:rgba(9,9,12,0.1);
}

/* Page-scoped eyebrow override (gold ink, light contrast) */
.page-agents-v2 .eyebrow{color:var(--gold)}

/* ════════════════════════════════════════════════════════════
   HERO
   ════════════════════════════════════════════════════════════ */
.ag2-hero{
  position:relative;overflow:hidden;
  padding-top:160px;padding-bottom:120px;
  border-bottom:0.5px solid var(--line);
  background:linear-gradient(180deg,#f0ede8 0%, #ebe7e0 100%);
}
.ag2-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ag2-hero-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(9,9,12,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(9,9,12,0.05) 1px, transparent 1px);
  background-size:80px 80px;
  mask-image:radial-gradient(circle at 30% 40%, #000 0%, #000 40%, transparent 80%);
  -webkit-mask-image:radial-gradient(circle at 30% 40%, #000 0%, #000 40%, transparent 80%);
  opacity:0.7;
}
.ag2-hero-mono{
  position:absolute;right:-4vw;top:-4vw;
  font-size:clamp(280px, 36vw, 540px);line-height:0.8;
  font-style:italic;color:rgba(201,169,110,0.18);font-weight:300;
  user-select:none;letter-spacing:-0.04em;
  pointer-events:none;
}
.ag2-hero-inner{position:relative;z-index:2}

.ag2-hero-h{
  font-family:var(--font-d);font-weight:300;
  font-size:clamp(56px, 8.5vw, 120px);line-height:0.95;letter-spacing:-0.012em;
  color:#09090c;
  margin-top:18px;margin-bottom:34px;
}
.ag2-hero-h em{font-style:italic;color:var(--gold)}
.ag2-hero-h .hero-line{display:block;overflow:hidden}

.ag2-hero-p{
  font-family:var(--font-b);font-size:18px;font-weight:300;line-height:1.65;
  color:rgba(9,9,12,0.72);max-width:680px;margin-bottom:38px;
}
.ag2-hero-p em{font-style:italic;color:#09090c;font-weight:400}

.ag2-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:42px}

/* Buttons — light page variant */
.ag2-btn-primary{
  font-family:var(--font-m);font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  background:var(--gold);color:#09090c;border:0.5px solid var(--gold);
  padding:14px 22px;border-radius:2px;display:inline-flex;align-items:center;gap:10px;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease);
}
.ag2-btn-primary:hover{background:#b8965d;border-color:#b8965d;color:#09090c}
.ag2-btn-primary .arr{transition:transform .25s var(--ease)}
.ag2-btn-primary:hover .arr{transform:translateX(3px)}

.ag2-btn-ghost{
  font-family:var(--font-m);font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(9,9,12,0.62);border:0.5px solid transparent;
  padding:14px 4px;display:inline-flex;align-items:center;gap:10px;
  transition:color .2s var(--ease);
}
.ag2-btn-ghost:hover{color:#09090c}
.ag2-btn-ghost .arr{transition:transform .25s var(--ease)}
.ag2-btn-ghost:hover .arr{transform:translateX(3px)}

.ag2-hero-meta{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  font-size:9.5px;letter-spacing:.2em;color:rgba(9,9,12,0.52);text-transform:uppercase;
}
.ag2-hero-meta-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:8px;animation:pulse 2s infinite}
.ag2-hero-meta-sep{opacity:.4}

/* ════════════════════════════════════════════════════════════
   SECTION HEADS (shared)
   ════════════════════════════════════════════════════════════ */
.page-agents-v2 .ag2-section-head{margin-bottom:54px}
.page-agents-v2 .ag2-section-head-center{text-align:center;max-width:680px;margin-left:auto;margin-right:auto;margin-bottom:54px}
.page-agents-v2 .ag2-h2{
  font-family:var(--font-d);font-weight:300;
  font-size:clamp(40px, 6vw, 72px);line-height:1;letter-spacing:-0.008em;
  color:#09090c;
  margin-top:14px;
}
.page-agents-v2 .ag2-h2 em{font-style:italic;color:var(--gold);font-weight:300}
.page-agents-v2 .ag2-section-sub{
  font-family:var(--font-b);font-size:15px;color:rgba(9,9,12,0.62);line-height:1.65;
  margin-top:18px;max-width:680px;font-weight:300;
}

/* ════════════════════════════════════════════════════════════
   HOW IT WORKS
   ════════════════════════════════════════════════════════════ */
.ag2-how{
  padding-top:120px;padding-bottom:120px;
  border-bottom:0.5px solid var(--line);
  background:#f0ede8;
}
.ag2-how-row{
  display:grid;grid-template-columns:repeat(3, 1fr);gap:1px;
  background:rgba(9,9,12,0.1);
  border:0.5px solid rgba(9,9,12,0.1);
  border-radius:4px;overflow:hidden;
}
@media (max-width:900px){.ag2-how-row{grid-template-columns:1fr}}
.ag2-step{
  background:#f5f2ed;padding:36px 32px;
  display:flex;flex-direction:column;gap:14px;min-height:280px;
  transition:background .25s var(--ease);
}
.ag2-step:hover{background:#f8f5f0}
.ag2-step-n{
  font-family:var(--font-d);font-size:56px;color:var(--gold);
  font-weight:300;font-style:italic;line-height:1;letter-spacing:-0.005em;
}
.ag2-step-t{
  font-family:var(--font-d);font-size:24px;line-height:1.15;
  color:#09090c;font-weight:300;letter-spacing:-0.005em;
}
.ag2-step-d{
  font-family:var(--font-b);font-size:14px;color:rgba(9,9,12,0.68);line-height:1.65;
  font-weight:300;
}
.ag2-step-rule{
  margin-top:auto;height:0.5px;background:rgba(201,169,110,0.5);width:40px;
}

/* ════════════════════════════════════════════════════════════
   WHAT YOU EARN — three concept columns
   ════════════════════════════════════════════════════════════ */
.ag2-earn{
  padding-top:120px;padding-bottom:120px;
  border-bottom:0.5px solid var(--line);
  background:#ebe7e0;
}
.ag2-earn-grid{
  display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;
}
@media (max-width:1000px){.ag2-earn-grid{grid-template-columns:1fr}}

.ag2-earn-card{
  background:#f5f2ed;
  border:0.5px solid rgba(9,9,12,0.08);
  padding:38px 32px 32px;
  display:flex;flex-direction:column;gap:18px;
  min-height:380px;
  position:relative;
  transition:transform .3s var(--ease),border-color .3s var(--ease);
}
.ag2-earn-card::before{
  content:'';position:absolute;left:0;top:0;width:100%;height:2px;background:var(--gold);
}
.ag2-earn-card:hover{transform:translateY(-3px);border-color:rgba(201,169,110,0.4)}
.ag2-earn-eyebrow{
  font-family:var(--font-m);font-size:9.5px;letter-spacing:.24em;
  color:var(--gold);text-transform:uppercase;
}
.ag2-earn-h{
  font-family:var(--font-d);font-size:34px;font-weight:300;line-height:1.1;
  color:#09090c;letter-spacing:-0.005em;
}
.ag2-earn-h em{font-style:italic;color:var(--gold);font-weight:300}
.ag2-earn-body{
  font-family:var(--font-b);font-size:15px;color:rgba(9,9,12,0.72);
  line-height:1.7;font-weight:300;
}
.ag2-earn-points{
  list-style:none;padding:0;margin:auto 0 0;
  display:flex;flex-direction:column;gap:10px;
  padding-top:20px;border-top:0.5px solid rgba(9,9,12,0.08);
}
.ag2-earn-points li{
  display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:center;
  font-family:var(--font-b);font-size:13px;color:rgba(9,9,12,0.78);
}
.ag2-earn-dot{
  width:6px;height:6px;border-radius:50%;background:var(--gold);
  justify-self:center;
}

/* ════════════════════════════════════════════════════════════
   PROGRESSION — HUNTER → CLOSER → STRATEGIC
   ════════════════════════════════════════════════════════════ */
.ag2-prog{
  padding-top:120px;padding-bottom:120px;
  border-bottom:0.5px solid var(--line);
  background:#f0ede8;
}
.ag2-prog-row{
  display:grid;
  grid-template-columns:1fr 40px 1fr 40px 1fr;
  align-items:stretch;
  gap:14px;
}
@media (max-width:1000px){
  .ag2-prog-row{grid-template-columns:1fr;gap:24px}
  .ag2-prog-arrow{display:none}
}
.ag2-prog-card{
  background:#f5f2ed;
  border:0.5px solid rgba(9,9,12,0.1);
  padding:38px 32px 36px;
  display:flex;flex-direction:column;gap:10px;
  position:relative;overflow:hidden;
  transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease);
}
.ag2-prog-card:hover{transform:translateY(-3px);border-color:var(--gold);background:#f8f5f0}
.ag2-prog-num{
  position:absolute;right:18px;top:14px;
  font-family:var(--font-d);font-style:italic;font-weight:300;
  font-size:120px;line-height:0.9;letter-spacing:-0.02em;
  color:rgba(201,169,110,0.14);
  pointer-events:none;
}
.ag2-prog-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 10px;
  border:0.5px solid rgba(9,9,12,0.18);
  border-radius:2px;
  align-self:flex-start;
  background:rgba(9,9,12,0.02);
}
.ag2-prog-badge-dot{width:5px;height:5px;border-radius:50%;background:var(--gold)}
.ag2-prog-badge-l{
  font-family:var(--font-m);font-size:8.5px;letter-spacing:.22em;
  color:rgba(9,9,12,0.6);text-transform:uppercase;
}
.ag2-prog-name{
  font-family:var(--font-d);font-weight:300;
  font-size:54px;line-height:1;letter-spacing:-0.012em;
  color:#09090c;
  margin-top:14px;
  text-transform:uppercase;
}
.ag2-prog-hunter .ag2-prog-name{color:#09090c}
.ag2-prog-closer .ag2-prog-name em,
.ag2-prog-closer .ag2-prog-name{color:#09090c}
.ag2-prog-strategic .ag2-prog-name{color:var(--gold)}

.ag2-prog-sub{
  font-family:var(--font-m);font-size:9.5px;letter-spacing:.22em;
  color:rgba(9,9,12,0.55);text-transform:uppercase;
  margin-top:6px;
}
.ag2-prog-blurb{
  font-family:var(--font-b);font-size:14px;color:rgba(9,9,12,0.7);
  line-height:1.65;font-weight:300;
  margin-top:14px;padding-top:14px;
  border-top:0.5px solid rgba(9,9,12,0.08);
}
.ag2-prog-arrow{
  display:flex;align-items:center;justify-content:center;
  color:var(--gold);
}
.ag2-prog-arrow svg{width:48px;height:12px}

.ag2-prog-foot{
  margin-top:38px;text-align:center;
}
.ag2-prog-foot .mono{
  font-family:var(--font-m);font-size:10px;letter-spacing:.22em;
  color:rgba(9,9,12,0.45);text-transform:uppercase;
}

/* ════════════════════════════════════════════════════════════
   PORTFOLIO — 7 DIVISION CARDS
   ════════════════════════════════════════════════════════════ */
.ag2-portfolio{
  padding-top:120px;padding-bottom:120px;
  border-bottom:0.5px solid var(--line);
  background:#ebe7e0;
}
.ag2-div-grid{
  display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;
}
@media (max-width:800px){.ag2-div-grid{grid-template-columns:1fr}}

.ag2-div-card{
  background:#f5f2ed;
  border:0.5px solid rgba(9,9,12,0.1);
  padding:34px 32px 30px;
  display:flex;flex-direction:column;gap:14px;
  position:relative;overflow:hidden;
  min-height:220px;
  transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease);
}
.ag2-div-card::before{
  content:'';position:absolute;left:0;top:0;width:3px;height:100%;
  background:var(--div-accent, var(--gold));
}
.ag2-div-card:hover{
  transform:translateY(-3px);
  border-color:var(--div-accent, var(--gold));
  background:#f8f5f0;
}
.ag2-div-card-feat{
  background:#09090c;color:#f0ede8;
  border-color:#09090c;
}
.ag2-div-card-feat::before{background:var(--gold)}
.ag2-div-card-feat:hover{background:#11111a;border-color:var(--gold)}

.ag2-div-card-top{
  display:flex;justify-content:space-between;align-items:center;
}
.ag2-div-num{
  font-family:var(--font-m);font-size:9px;letter-spacing:.22em;
  color:rgba(9,9,12,0.42);
}
.ag2-div-card-feat .ag2-div-num{color:rgba(240,237,232,0.55)}
.ag2-div-tag{
  font-family:var(--font-m);font-size:8.5px;letter-spacing:.22em;
  color:var(--div-accent, var(--gold));
  text-transform:uppercase;
  padding:3px 8px;border:0.5px solid currentColor;border-radius:1px;
}

.ag2-div-name{
  font-family:var(--font-d);font-weight:300;
  font-size:38px;line-height:1.05;letter-spacing:-0.008em;
  color:#09090c;
}
.ag2-div-card-feat .ag2-div-name{color:#f0ede8}

.ag2-div-one{
  font-family:var(--font-b);font-size:15.5px;font-weight:300;
  color:rgba(9,9,12,0.68);line-height:1.5;
}
.ag2-div-card-feat .ag2-div-one{color:rgba(240,237,232,0.72)}

.ag2-div-from-row{
  margin-top:auto;
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
  padding-top:18px;
  border-top:0.5px solid rgba(9,9,12,0.08);
}
.ag2-div-card-feat .ag2-div-from-row{border-top-color:rgba(240,237,232,0.1)}
.ag2-div-from-l{
  font-family:var(--font-m);font-size:8.5px;letter-spacing:.22em;
  color:rgba(9,9,12,0.4);text-transform:uppercase;
  flex:0 0 auto;
}
.ag2-div-card-feat .ag2-div-from-l{color:rgba(240,237,232,0.45)}
.ag2-div-from-v{
  font-family:var(--font-m);font-size:11.5px;letter-spacing:.06em;
  color:var(--div-accent, var(--gold));
  line-height:1.45;
}
.ag2-div-card-feat .ag2-div-from-v{color:var(--gold)}
.ag2-div-rule{display:none}

/* ════════════════════════════════════════════════════════════
   APPLY — DARK CONTAINER ON LIGHT PAGE (FIXED VISIBILITY)
   ════════════════════════════════════════════════════════════ */
.ag2-apply{
  padding-top:120px;padding-bottom:140px;
  background:#f0ede8;
}

/* The dark form container */
.ag2-form{
  max-width:780px;margin:0 auto;
  background:#09090c;
  color:#f0ede8;
  border:0.5px solid rgba(255,255,255,0.08);
  border-radius:4px;
  padding:44px 44px;
  display:flex;flex-direction:column;gap:32px;
  box-shadow:0 30px 80px -40px rgba(9,9,12,0.4);
}
@media (max-width:700px){.ag2-form{padding:32px 22px}}

.ag2-form-head{
  display:flex;justify-content:space-between;align-items:center;
  padding-bottom:18px;
  border-bottom:0.5px solid rgba(255,255,255,0.08);
  flex-wrap:wrap;gap:8px;
}
.ag2-form-head-l, .ag2-form-head-r{
  font-family:var(--font-m);font-size:9.5px;letter-spacing:.22em;
  color:rgba(240,237,232,0.55);text-transform:uppercase;
}

.ag2-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:700px){.ag2-form-row{grid-template-columns:1fr}}

.ag2-field{display:flex;flex-direction:column;gap:10px;position:relative}
.ag2-field-l{
  font-family:var(--font-m);
  font-size:10.5px;letter-spacing:.2em;
  color:#f0ede8;
  text-transform:uppercase;
  font-weight:500;
}
.ag2-req{
  font-family:var(--font-m);font-size:8.5px;letter-spacing:.2em;
  color:var(--gold);
  margin-left:8px;text-transform:uppercase;
  font-weight:500;
}

.ag2-field input,
.ag2-field textarea{
  background:#16161f;
  border:0.5px solid rgba(255,255,255,0.12);
  border-radius:2px;
  padding:14px 16px;
  font-family:var(--font-b);
  font-size:15px;font-weight:300;
  color:#f0ede8;
  width:100%;
  transition:border-color .2s var(--ease),background .2s var(--ease);
}
.ag2-field textarea{line-height:1.6;resize:vertical;min-height:120px}
.ag2-field input::placeholder,
.ag2-field textarea::placeholder{
  color:rgba(240,237,232,0.45);
  font-style:italic;
}
.ag2-field input:focus,
.ag2-field textarea:focus{
  outline:none;
  border-color:var(--gold);
  background:#1a1a26;
  box-shadow:0 0 0 1px rgba(201,169,110,0.18);
}

.ag2-form-block{display:flex;flex-direction:column;gap:14px}
.ag2-form-l{
  font-family:var(--font-m);font-size:10.5px;letter-spacing:.2em;
  color:#f0ede8;text-transform:uppercase;
  font-weight:500;
}
.ag2-form-checks{
  display:flex;flex-wrap:wrap;gap:8px;
}
.ag2-check{
  display:inline-flex;align-items:center;gap:10px;
  padding:11px 14px;
  border:0.5px solid rgba(255,255,255,0.16);
  border-radius:2px;
  background:#16161f;
  color:#f0ede8;
  font-family:var(--font-m);font-size:11px;letter-spacing:.1em;
  transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);
  cursor:pointer;
}
.ag2-check:hover{border-color:rgba(255,255,255,0.32);background:#1a1a26}
.ag2-check.on{color:var(--gold);border-color:var(--gold);background:rgba(201,169,110,0.1)}
.ag2-check-box{
  width:14px;height:14px;
  border:0.5px solid rgba(255,255,255,0.35);
  background:#09090c;
  display:inline-flex;align-items:center;justify-content:center;font-size:10px;
  flex:0 0 14px;
}
.ag2-check-box.on{background:var(--gold);border-color:var(--gold);color:#09090c}
.ag2-form-help{
  font-family:var(--font-m);
  font-size:9px;letter-spacing:.18em;
  color:rgba(240,237,232,0.5);
  text-transform:uppercase;
}

.ag2-form-foot{
  display:flex;flex-direction:column;gap:18px;
  padding-top:18px;
  border-top:0.5px solid rgba(255,255,255,0.08);
}
.ag2-form-note{
  font-family:var(--font-m);
  font-size:9.5px;letter-spacing:.16em;
  color:rgba(240,237,232,0.55);
  line-height:1.7;text-transform:uppercase;
}

/* Submit — gold filled, high contrast */
.ag2-submit{
  font-family:var(--font-m);font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  align-self:flex-start;
  background:var(--gold);
  color:#09090c;
  border:0.5px solid var(--gold);
  padding:16px 26px;
  border-radius:2px;
  display:inline-flex;align-items:center;gap:12px;
  font-weight:500;
  transition:background .25s var(--ease),border-color .25s var(--ease),transform .2s var(--ease);
}
.ag2-submit:hover:not(:disabled){
  background:#e0bf8a;border-color:#e0bf8a;color:#09090c;
}
.ag2-submit .arr{transition:transform .25s var(--ease)}
.ag2-submit:hover:not(:disabled) .arr{transform:translateX(3px)}
.ag2-submit:disabled{
  opacity:0.45;cursor:not-allowed;
  background:rgba(255,255,255,0.08);
  color:rgba(240,237,232,0.55);
  border-color:rgba(255,255,255,0.12);
}

/* Submitted confirmation */
.ag2-done{
  text-align:center;
  max-width:720px;margin:0 auto;
  padding:60px 36px;
  background:#09090c;color:#f0ede8;
  border:0.5px solid rgba(201,169,110,0.4);
  background:radial-gradient(circle at 50% 0%, rgba(201,169,110,0.1), transparent 60%), #09090c;
  border-radius:4px;
}
.ag2-done-mark{color:var(--gold);margin-bottom:24px;display:inline-block;animation:markIn .7s var(--ease) both}
.ag2-done-h{
  font-family:var(--font-d);font-size:48px;font-weight:300;line-height:1;letter-spacing:-0.01em;
  margin-bottom:14px;color:#f0ede8;
}
.ag2-done-h em{font-style:italic;color:var(--gold)}
.ag2-done-p{
  font-family:var(--font-b);font-size:16px;color:rgba(240,237,232,0.72);
  line-height:1.65;font-weight:300;
  margin-bottom:36px;
}
.ag2-done-p em{font-style:italic;color:#f0ede8;font-weight:400}
.ag2-done-grid{
  display:grid;grid-template-columns:repeat(3, 1fr);gap:1px;
  background:rgba(255,255,255,0.08);
  border:0.5px solid rgba(255,255,255,0.08);
  border-radius:3px;overflow:hidden;
  margin-bottom:28px;text-align:left;
}
@media (max-width:600px){.ag2-done-grid{grid-template-columns:1fr}}
.ag2-done-cell{background:#09090c;padding:18px;display:flex;flex-direction:column;gap:5px}
.ag2-done-l{
  font-family:var(--font-m);font-size:8.5px;letter-spacing:.22em;
  color:rgba(240,237,232,0.5);text-transform:uppercase;
}
.ag2-done-v{
  font-family:var(--font-d);font-size:18px;color:#f0ede8;font-weight:300;line-height:1.25;
}
.ag2-done-back{
  font-family:var(--font-m);
  font-size:10px;letter-spacing:.2em;color:rgba(240,237,232,0.6);text-transform:uppercase;
  padding:8px 12px;background:transparent;border:0;cursor:pointer;
}
.ag2-done-back:hover{color:var(--gold)}

/* ════════════════════════════════════════════════════════════
   ROUTING NOTE (designer-visible "comment")
   ════════════════════════════════════════════════════════════ */
.ag2-note{
  padding-top:60px;padding-bottom:120px;
  background:#f0ede8;
  border-bottom:0.5px solid var(--line);
}
.ag2-note-card{
  max-width:980px;margin:0 auto;
  background:#f5f2ed;
  border:0.5px dashed rgba(9,9,12,0.22);
  border-radius:4px;
  padding:36px 40px;
  display:grid;grid-template-columns:1fr 1.1fr;gap:48px;
  align-items:start;
  position:relative;
}
.ag2-note-card::before{
  content:'NOTE FOR ENGINEERING';
  position:absolute;
  top:-9px;left:32px;
  background:#f0ede8;
  padding:0 10px;
  font-family:var(--font-m);font-size:8.5px;letter-spacing:.28em;
  color:rgba(9,9,12,0.45);text-transform:uppercase;
}
@media (max-width:800px){
  .ag2-note-card{grid-template-columns:1fr;gap:28px;padding:32px 24px}
}
.ag2-note-head{display:flex;flex-direction:column;gap:14px}
.ag2-note-h{
  font-family:var(--font-d);font-weight:300;
  font-size:30px;line-height:1.15;letter-spacing:-0.005em;
  color:#09090c;
}
.ag2-note-h em{font-style:italic;color:var(--gold)}
.ag2-note-p{
  font-family:var(--font-b);font-size:14px;color:rgba(9,9,12,0.68);
  line-height:1.7;font-weight:300;
}

.ag2-note-table{
  background:#fff;
  border:0.5px solid rgba(9,9,12,0.1);
  border-radius:3px;
  overflow:hidden;
}
.ag2-note-trow{
  display:grid;grid-template-columns:160px 1fr;
  padding:11px 16px;
  border-bottom:0.5px solid rgba(9,9,12,0.06);
  align-items:center;
}
.ag2-note-trow:last-child{border-bottom:0}
.ag2-note-thead{
  background:#09090c;color:rgba(240,237,232,0.7);
}
.ag2-note-thead .mono{
  font-family:var(--font-m);font-size:9px;letter-spacing:.22em;text-transform:uppercase;
}
.ag2-note-role{
  font-family:var(--font-m);font-size:11px;letter-spacing:.04em;
  color:#09090c;text-transform:none;
  font-weight:500;
}
.ag2-note-dest{
  font-family:var(--font-d);font-size:16px;font-weight:300;
  color:rgba(9,9,12,0.78);
  display:inline-flex;align-items:center;gap:10px;
}
.ag2-note-trow-new{background:rgba(201,169,110,0.08)}
.ag2-note-trow-new .ag2-note-dest{color:#09090c}
.ag2-note-pill{
  font-family:var(--font-m);font-size:8px;letter-spacing:.2em;
  color:#09090c;background:var(--gold);
  padding:2px 6px;border-radius:1px;text-transform:uppercase;
  font-weight:600;
}

/* ════════════════════════════════════════════════════════════
   NAV adaptation — on light pages, keep nav contrast strong
   ════════════════════════════════════════════════════════════ */
.page-agents-v2 + * .uc-nav{ /* no-op */ }

/* ════════════════════════════════════════════════════════════
   Animations
   ════════════════════════════════════════════════════════════ */
@keyframes pulse{
  0%,100%{opacity:1}
  50%{opacity:0.4}
}
@keyframes markIn{
  0%{opacity:0;transform:scale(0.7)}
  100%{opacity:1;transform:scale(1)}
}