/* ════════════════════════════════════════════════════════════
   UNIVERS CAREERS — pages-5.css
   New styles for: nav "Track" link · job page (salary band,
   numbered owns, sticky bottom apply, deadline) · empty state
   talent network · application builder polish (progress, save,
   confirmation, expandable cards, interview detail) · Agents
   Programme page.
   ════════════════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────────
   NAV — Track my application link
   ──────────────────────────────────────────────────── */
.uc-nav-track{
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(9,9,12,0.62);
  padding:6px 4px;
  border-bottom:0.5px solid transparent;
  transition:color .25s var(--ease),border-color .25s var(--ease);
}
.uc-nav-track:hover{color:var(--gold);border-color:var(--gold)}
.uc-nav.is-dark .uc-nav-track{color:rgba(240,237,232,0.65)}
.uc-nav.is-dark .uc-nav-track:hover{color:var(--gold)}
@media (max-width:1100px){.uc-nav-track{display:none}}

/* ────────────────────────────────────────────────────
   JOB PAGE — numbered owns, salary band chip, deadline,
   sticky bottom apply bar
   ──────────────────────────────────────────────────── */
.job-list-numbered{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:14px;counter-reset:owns}
.job-list-numbered li{
  display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:flex-start;
  padding:0;
}
.job-list-num{
  font-family:var(--font-d);font-size:22px;color:var(--accent, var(--gold));
  line-height:1;letter-spacing:-0.005em;font-style:italic;
  padding-top:1px;
}

.job-meta-chip-deadline{
  border-color:rgba(232,117,96,0.35) !important;
}
.job-meta-chip-deadline .job-meta-chip-v{color:#e87560}
.job-meta-chip-salary{
  border-color:rgba(201,169,110,0.42) !important;
}
.job-meta-chip-salary .job-meta-chip-v{
  font-family:var(--font-d);font-size:18px;letter-spacing:-0.002em;
  color:var(--gold);
}

/* Sticky bottom apply bar */
.job-applybar{
  position:fixed;left:0;right:0;bottom:0;
  z-index:40;
  background:rgba(9,9,12,0.92);
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  color:#f0ede8;
  border-top:0.5px solid rgba(255,255,255,0.08);
  transform:translateY(110%);
  opacity:0;
  transition:transform .45s var(--ease),opacity .45s var(--ease);
  pointer-events:none;
}
.job-applybar.on{transform:translateY(0);opacity:1;pointer-events:auto}
.job-applybar-inner{
  max-width:1400px;margin:0 auto;
  padding:14px 36px;
  display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;
}
@media (max-width:900px){
  .job-applybar-inner{grid-template-columns:1fr auto;padding:12px 20px;gap:14px}
  .job-applybar-salary{display:none}
}
.job-applybar-eyebrow{
  font-size:9px;letter-spacing:.18em;color:var(--accent, var(--gold));
  display:flex;align-items:center;gap:8px;margin-bottom:4px;
}
.job-applybar-dot{width:6px;height:6px;border-radius:50%;background:var(--accent, var(--gold))}
.job-applybar-title{
  font-family:var(--font-d);font-size:18px;font-weight:300;line-height:1.15;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  max-width:520px;
}
.job-applybar-salary{
  display:flex;flex-direction:column;gap:2px;text-align:right;
  padding-right:18px;border-right:0.5px solid rgba(255,255,255,0.08);
}
.job-applybar-salary-l{font-size:8.5px;letter-spacing:.2em;color:rgba(240,237,232,0.45);text-transform:uppercase}
.job-applybar-salary-v{font-family:var(--font-d);font-size:16px;color:var(--gold);letter-spacing:-0.002em}
.job-applybar-cta{
  background:var(--gold) !important;color:#09090c !important;border-color:var(--gold) !important;
}
.job-applybar-cta:hover{background:#e0bf8a !important;border-color:#e0bf8a !important}

/* ────────────────────────────────────────────────────
   JOB BOARD — empty state with talent network signup
   ──────────────────────────────────────────────────── */
.results-empty{
  text-align:center;padding:48px 24px 64px;
  border:0.5px dashed rgba(0,0,0,0.12);border-radius:4px;
  background:#fbfaf7;
  margin-top:12px;
}
.results-empty-mark{
  font-family:var(--font-d);font-size:42px;color:var(--gold);
  margin-bottom:14px;line-height:1;
}
.results-empty-h{font-size:32px;line-height:1.1;font-weight:300;letter-spacing:-0.005em;margin-bottom:14px}
.results-empty-h em{font-style:italic;color:var(--gold)}
.results-empty-p{font-size:14px;color:rgba(0,0,0,0.55);line-height:1.6;max-width:480px;margin:0 auto 26px}
.results-empty-form{
  display:flex;gap:8px;justify-content:center;align-items:stretch;flex-wrap:wrap;
  max-width:440px;margin:0 auto;
}
.results-empty-input{
  flex:1;min-width:200px;
  padding:12px 16px;
  background:#fff;border:0.5px solid rgba(0,0,0,0.18);border-radius:2px;
  font-family:var(--font-b);font-size:13px;color:#09090c;
  transition:border-color .2s var(--ease);
}
.results-empty-input:focus{border-color:var(--gold);outline:none}
.results-empty-input::placeholder{color:rgba(0,0,0,0.35)}
.results-empty-btn{padding:12px 18px;font-size:10px;letter-spacing:.18em}
.results-empty-done{
  display:flex;align-items:center;gap:10px;
  font-size:11px;letter-spacing:.16em;color:var(--gold);text-transform:uppercase;
  padding:14px 20px;border:0.5px solid var(--gold);border-radius:2px;
  background:rgba(201,169,110,0.04);
}

/* Dark variant for board empty state if used in dark pages */
body.dark-mode .results-empty,
body.dark-forced .results-empty{
  background:rgba(255,255,255,0.02);border-color:rgba(255,255,255,0.1);
}
body.dark-mode .results-empty-h,
body.dark-forced .results-empty-h{color:#f0ede8}
body.dark-mode .results-empty-p,
body.dark-forced .results-empty-p{color:rgba(240,237,232,0.55)}
body.dark-mode .results-empty-input,
body.dark-forced .results-empty-input{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.15);color:#f0ede8}

/* ════════════════════════════════════════════════════
   APPLICATION BUILDER — extras
   ════════════════════════════════════════════════════ */

/* Top progress bar */
.builder-progress{padding:14px 0 0;margin-bottom:6px}
.builder-progress-track{
  height:3px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden;
}
.builder-progress-fill{
  height:100%;
  background:linear-gradient(90deg, var(--gold) 0%, #e0bf8a 100%);
  transform-origin:left;
  transition:transform .55s var(--ease);
}

/* Right-aligned save + continue buttons in builder footer */
.builder-actions{
  display:flex;justify-content:space-between;align-items:center;
  margin-top:48px;flex-wrap:wrap;gap:16px;
}
.builder-actions-right{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
}
.builder-save{
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(240,237,232,0.62);
  padding:11px 14px;
  background:transparent;border:0.5px solid rgba(255,255,255,0.12);border-radius:2px;
  transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease);
}
.builder-save:hover{color:var(--gold);border-color:var(--gold)}
.builder-save.on{color:var(--green, #6db87a);border-color:rgba(109,184,122,0.45);background:rgba(109,184,122,0.08)}

/* "required" inline label flag */
.field-required{
  font-size:8px;letter-spacing:.18em;color:rgba(240,237,232,0.32);
  margin-left:8px;text-transform:uppercase;
}

/* CV drop empty/filled visual */
.cv-drop{cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease)}
.cv-drop:hover{border-color:var(--gold);background:rgba(201,169,110,0.04)}
.cv-drop-filled{border-color:rgba(201,169,110,0.45);background:rgba(201,169,110,0.04)}

/* ════════════════════════════════════════════════════
   APPLICATION CARD — expandable detail + interview box
   ════════════════════════════════════════════════════ */
.app-card-interview{
  margin-top:18px;padding:16px 18px;
  background:rgba(139,127,232,0.06);
  border:0.5px solid rgba(139,127,232,0.32);
  border-radius:2px;
}
.app-card-interview-l{
  font-size:9px;letter-spacing:.22em;color:#a89df0;text-transform:uppercase;
  margin-bottom:12px;
}
.app-card-interview-grid{
  display:grid;grid-template-columns:repeat(3, 1fr);gap:18px;
  padding-bottom:12px;border-bottom:0.5px solid rgba(139,127,232,0.16);
}
@media (max-width:680px){.app-card-interview-grid{grid-template-columns:1fr;gap:14px}}
.app-card-interview-cell{display:flex;flex-direction:column;gap:4px;min-width:0}
.app-card-interview-cell-l{font-size:8px;letter-spacing:.2em;color:rgba(240,237,232,0.45);text-transform:uppercase}
.app-card-interview-cell-v{font-family:var(--font-d);font-size:17px;line-height:1.15;color:#f0ede8;font-weight:300}
.app-card-interview-cell-r{font-size:8.5px;letter-spacing:.18em;color:rgba(240,237,232,0.45);text-transform:uppercase;margin-top:2px}
.app-card-interview-actions{
  display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;
}

/* Expandable submitted-answers block */
.app-card-expand{
  margin-top:20px;padding:18px;
  background:rgba(255,255,255,0.02);
  border:0.5px solid rgba(255,255,255,0.08);border-radius:2px;
  animation:expand .4s var(--ease) both;
}
@keyframes expand{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.app-card-expand-l{font-size:9px;letter-spacing:.22em;color:var(--gold);text-transform:uppercase;margin-bottom:12px}
.app-card-expand-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:12px}
@media (max-width:680px){.app-card-expand-grid{grid-template-columns:1fr;gap:14px}}
.app-card-expand-cell{display:flex;flex-direction:column;gap:4px;min-width:0}
.app-card-expand-cell-l{font-size:8px;letter-spacing:.2em;color:rgba(240,237,232,0.45);text-transform:uppercase;margin-bottom:6px}
.app-card-expand-cell-v{font-family:var(--font-d);font-size:18px;line-height:1.2;color:#f0ede8;font-weight:300}
.app-card-expand-cell-r{font-size:9px;letter-spacing:.14em;color:rgba(240,237,232,0.5);text-transform:uppercase;margin-top:2px;word-break:break-all}

.app-card-expand-answers{
  padding-top:16px;border-top:0.5px solid rgba(255,255,255,0.06);
}
.app-card-expand-q{margin-bottom:18px;padding-bottom:18px;border-bottom:0.5px solid rgba(255,255,255,0.04)}
.app-card-expand-q:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.app-card-expand-q-num{font-size:9px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;margin-bottom:6px}
.app-card-expand-q-q{font-family:var(--font-d);font-style:italic;font-size:16px;color:rgba(240,237,232,0.7);line-height:1.35;margin-bottom:8px}
.app-card-expand-q-a{font-size:13.5px;color:#f0ede8;line-height:1.65;white-space:pre-wrap}

/* Dashboard empty state */
.ap-empty{
  text-align:center;padding:64px 24px;
  border:0.5px dashed rgba(255,255,255,0.1);border-radius:3px;
}
.ap-empty-mark{font-family:var(--font-d);font-size:42px;color:var(--gold);margin-bottom:14px;line-height:1}
.ap-empty-h{font-size:24px;color:#f0ede8;line-height:1.2;margin-bottom:6px}
.ap-empty-p{font-size:10px;letter-spacing:.18em;color:rgba(240,237,232,0.4);text-transform:uppercase}

/* ════════════════════════════════════════════════════
   CONFIRMATION SCREEN
   ════════════════════════════════════════════════════ */
.ap-confirm{
  min-height:calc(100vh - 64px);
  background:radial-gradient(circle at 50% 30%, rgba(201,169,110,0.08), transparent 60%), #09090c;
  color:#f0ede8;
  display:flex;align-items:center;
  padding-top:80px;padding-bottom:80px;
}
.ap-confirm-hero{width:100%}
.ap-confirm-mark{color:var(--gold);margin-bottom:28px;display:inline-block;animation:markIn .8s var(--ease) both}
@keyframes markIn{
  from{opacity:0;transform:scale(.6) rotate(-12deg)}
  to{opacity:1;transform:none}
}
.ap-confirm-h{
  font-family:var(--font-d);font-size:clamp(56px, 9vw, 110px);font-weight:300;
  line-height:1;letter-spacing:-0.012em;margin:18px 0 28px;
}
.ap-confirm-h em{font-style:italic;color:var(--gold)}
.ap-confirm-p{
  font-size:18px;color:rgba(240,237,232,0.72);line-height:1.6;
  max-width:600px;margin-bottom:56px;font-weight:300;
}
.ap-confirm-p em{font-style:italic;color:var(--gold)}

.ap-confirm-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:4px;overflow:hidden;
  margin-bottom:48px;
}
@media (max-width:780px){.ap-confirm-grid{grid-template-columns:1fr}}
.ap-confirm-cell{background:#0d0d11;padding:24px 22px;display:flex;flex-direction:column;gap:6px;min-width:0}
.ap-confirm-cell-l{font-size:9px;letter-spacing:.22em;color:rgba(240,237,232,0.4);text-transform:uppercase}
.ap-confirm-cell-v{font-family:var(--font-d);font-size:22px;line-height:1.2;color:#f0ede8;font-weight:300;letter-spacing:-0.005em;word-break:break-word}
.ap-confirm-cell-r{font-size:9.5px;letter-spacing:.16em;color:rgba(240,237,232,0.5);text-transform:uppercase;margin-top:4px}

.ap-confirm-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px}
.ap-confirm-foot{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  font-size:9px;letter-spacing:.18em;color:rgba(240,237,232,0.4);text-transform:uppercase;
}
.ap-confirm-foot-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green, #6db87a);margin-right:8px}
.ap-confirm-foot-sep{opacity:.5}

/* ════════════════════════════════════════════════════
   AGENTS PROGRAMME
   ════════════════════════════════════════════════════ */
.page-agents{
  background:#09090c;color:#f0ede8;
  position:relative;
}

/* Hero */
.agents-hero{
  position:relative;overflow:hidden;
  padding-top:140px;padding-bottom:120px;
  border-bottom:0.5px solid rgba(255,255,255,0.06);
}
.agents-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.agents-hero-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size:64px 64px;
  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%);
}
.agents-hero-mono{
  position:absolute;right:-4vw;top:-4vw;
  font-size:clamp(280px, 36vw, 540px);line-height:0.8;
  color:rgba(201,169,110,0.06);
  font-style:italic;font-weight:300;
  pointer-events:none;
}
.agents-hero-inner{position:relative;z-index:2}

.agents-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;
  margin-top:18px;margin-bottom:34px;
}
.agents-hero-h em{font-style:italic;color:var(--gold)}
.agents-hero-h .hero-line{display:block;overflow:hidden}
.agents-hero-p{
  font-family:var(--font-b);font-size:18px;font-weight:300;line-height:1.65;
  color:rgba(240,237,232,0.75);max-width:680px;margin-bottom:38px;
}
.agents-hero-p em{font-style:italic;color:#f0ede8;font-weight:400}
.agents-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:42px}
.page-agents .btn-primary{background:var(--gold);color:#09090c;border-color:var(--gold)}
.page-agents .btn-primary:hover{background:#e0bf8a;border-color:#e0bf8a;color:#09090c}
.page-agents .btn-ghost{color:rgba(240,237,232,0.7);border-color:transparent}
.page-agents .btn-ghost:hover{color:#f0ede8}

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

/* Section heads shared across the page */
.agents-section-head{margin-bottom:48px}
.agents-section-head-center{text-align:center;max-width:680px;margin-left:auto;margin-right:auto}
.agents-h2{
  font-family:var(--font-d);font-weight:300;
  font-size:clamp(40px, 6vw, 72px);line-height:1;letter-spacing:-0.008em;
  margin-top:14px;
}
.agents-h2 em{font-style:italic;color:var(--gold)}
.agents-section-sub{
  font-size:15px;color:rgba(240,237,232,0.6);line-height:1.6;
  margin-top:18px;max-width:680px;font-weight:300;
}

/* How it works */
.agents-how{padding-top:120px;padding-bottom:120px;border-bottom:0.5px solid rgba(255,255,255,0.06)}
.agents-how-row{
  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:4px;overflow:hidden;
}
@media (max-width:900px){.agents-how-row{grid-template-columns:1fr}}
.agents-step{
  background:#0d0d11;padding:36px 32px;
  display:flex;flex-direction:column;gap:14px;min-height:280px;
  position:relative;
  transition:background .25s var(--ease);
}
.agents-step:hover{background:#11111a}
.agents-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;
}
.agents-step-t{
  font-family:var(--font-d);font-size:24px;line-height:1.15;
  color:#f0ede8;font-weight:300;letter-spacing:-0.005em;
}
.agents-step-d{
  font-size:14px;color:rgba(240,237,232,0.65);line-height:1.65;
  font-weight:300;
}
.agents-step-rule{
  margin-top:auto;height:0.5px;background:rgba(201,169,110,0.32);width:40px;
}

/* Tiers */
.agents-tiers{padding-top:120px;padding-bottom:120px;border-bottom:0.5px solid rgba(255,255,255,0.06)}
.agents-tiers-grid{
  display:grid;grid-template-columns:repeat(4, 1fr);gap:14px;
}
@media (max-width:1200px){.agents-tiers-grid{grid-template-columns:repeat(2, 1fr)}}
@media (max-width:700px){.agents-tiers-grid{grid-template-columns:1fr}}
.agents-tier{
  border:0.5px solid rgba(255,255,255,0.1);
  background:rgba(255,255,255,0.015);
  border-radius:3px;padding:28px 26px;
  display:flex;flex-direction:column;gap:18px;min-height:340px;
  position:relative;overflow:hidden;
  transition:border-color .25s var(--ease),transform .25s var(--ease),background .25s var(--ease);
}
.agents-tier::before{
  content:'';position:absolute;left:0;top:0;width:2px;height:100%;
  background:var(--tier, var(--gold));
}
.agents-tier:hover{transform:translateY(-3px);border-color:var(--tier, var(--gold));background:rgba(255,255,255,0.025)}
.agents-tier-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.agents-tier-name{
  font-family:var(--font-d);font-size:32px;font-weight:300;line-height:1;
  color:#f0ede8;letter-spacing:-0.005em;
}
.agents-tier-gated-tag{
  font-size:8.5px;letter-spacing:.16em;color:var(--tier, var(--gold));
  padding:3px 7px;border:0.5px solid currentColor;border-radius:1px;
  white-space:nowrap;text-transform:uppercase;
}
.agents-tier-from{
  display:flex;align-items:baseline;gap:10px;
  padding:14px 0;border-top:0.5px solid rgba(255,255,255,0.06);border-bottom:0.5px solid rgba(255,255,255,0.06);
}
.agents-tier-from-l{font-size:9px;letter-spacing:.22em;color:rgba(240,237,232,0.4);text-transform:uppercase}
.agents-tier-from-v{
  font-family:var(--font-d);font-size:30px;color:var(--tier, var(--gold));
  font-weight:300;letter-spacing:-0.005em;font-style:italic;
}
.agents-tier-lines{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.agents-tier-lines li{
  display:flex;gap:10px;align-items:flex-start;
  font-size:13px;color:rgba(240,237,232,0.78);line-height:1.5;
}
.agents-tier-mark{color:var(--tier, var(--gold));flex:0 0 auto;font-family:var(--font-m)}
.agents-tier-blurb{
  font-size:12.5px;color:rgba(240,237,232,0.5);line-height:1.6;
  margin-top:auto;font-weight:300;
  padding-top:14px;border-top:0.5px solid rgba(255,255,255,0.04);
}
.agents-tier-gated{background:linear-gradient(180deg, rgba(201,169,110,0.04) 0%, transparent 100%)}

/* Benefits — what you get */
.agents-benefits{padding-top:120px;padding-bottom:120px;border-bottom:0.5px solid rgba(255,255,255,0.06)}
.agents-benefits-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:4px;overflow:hidden;
}
@media (max-width:1000px){.agents-benefits-grid{grid-template-columns:1fr}}
.agents-benefit{
  background:#0d0d11;padding:34px 30px;
  display:flex;flex-direction:column;gap:14px;min-height:340px;
}
.agents-benefit-eyebrow{
  font-size:9px;letter-spacing:.24em;color:var(--gold);text-transform:uppercase;
  display:inline-flex;align-items:center;gap:8px;
}
.agents-benefit-eyebrow::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--gold)}
.agents-benefit-h{
  font-family:var(--font-d);font-size:30px;font-weight:300;line-height:1.1;
  color:#f0ede8;letter-spacing:-0.005em;
}
.agents-benefit-h em{font-style:italic;color:var(--gold)}
.agents-benefit-body{
  font-size:14.5px;color:rgba(240,237,232,0.7);line-height:1.65;font-weight:300;
}
.agents-benefit-points{
  list-style:none;padding:0;margin:auto 0 0;
  display:flex;flex-direction:column;gap:9px;
  padding-top:18px;border-top:0.5px solid rgba(255,255,255,0.06);
}
.agents-benefit-points li{
  display:grid;grid-template-columns:14px 1fr;gap:10px;align-items:center;
  font-size:12px;color:rgba(240,237,232,0.78);
}
.agents-benefit-dot{
  width:6px;height:6px;border-radius:50%;background:var(--gold);
  justify-self:center;
}

/* Apply form */
.agents-apply{padding-top:120px;padding-bottom:140px}
.agents-form{
  max-width:760px;margin:0 auto;
  background:rgba(255,255,255,0.02);
  border:0.5px solid rgba(255,255,255,0.08);
  border-radius:4px;padding:48px 56px;
  display:flex;flex-direction:column;gap:28px;
}
@media (max-width:700px){.agents-form{padding:32px 24px}}
.agents-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:700px){.agents-form-row{grid-template-columns:1fr}}

.agents-field{display:flex;flex-direction:column;gap:6px;position:relative}
.agents-field-l{
  font-size:9px;letter-spacing:.2em;color:rgba(240,237,232,0.5);text-transform:uppercase;
}
.agents-form-l-req{font-size:7.5px;letter-spacing:.18em;color:rgba(240,237,232,0.32);margin-left:6px}
.agents-field input, .agents-field textarea{
  background:transparent;border:0;
  border-bottom:0.5px solid rgba(255,255,255,0.16);
  padding:10px 0;
  font-family:var(--font-b);font-size:15px;color:#f0ede8;font-weight:300;
  resize:vertical;
  transition:border-color .2s var(--ease);
}
.agents-field input::placeholder, .agents-field textarea::placeholder{color:rgba(240,237,232,0.3)}
.agents-field input:focus, .agents-field textarea:focus{border-color:var(--gold);outline:none}
.agents-field textarea{line-height:1.6}

.agents-form-block{display:flex;flex-direction:column;gap:14px}
.agents-form-l{font-size:9px;letter-spacing:.2em;color:rgba(240,237,232,0.5);text-transform:uppercase}
.agents-form-checks{
  display:flex;flex-wrap:wrap;gap:8px;
}
.agents-form-check{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 14px;
  border:0.5px solid rgba(255,255,255,0.12);border-radius:2px;
  background:transparent;color:rgba(240,237,232,0.75);
  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;
}
.agents-form-check:hover{color:#f0ede8;border-color:rgba(255,255,255,0.25)}
.agents-form-check.on{color:var(--gold);border-color:var(--gold);background:rgba(201,169,110,0.06)}
.agents-form-check-box{
  width:14px;height:14px;border:0.5px solid rgba(255,255,255,0.3);
  display:inline-flex;align-items:center;justify-content:center;font-size:10px;
  flex:0 0 14px;
}
.agents-form-check-box.on{background:var(--gold);border-color:var(--gold);color:#09090c}
.agents-form-help{
  font-size:8.5px;letter-spacing:.18em;color:rgba(240,237,232,0.32);text-transform:uppercase;
}

.agents-form-foot{
  display:flex;flex-direction:column;gap:16px;
  padding-top:14px;border-top:0.5px solid rgba(255,255,255,0.06);
}
.agents-form-note{
  font-size:9px;letter-spacing:.16em;color:rgba(240,237,232,0.4);
  line-height:1.6;text-transform:uppercase;
}
.agents-form-foot .btn-primary{align-self:flex-start;padding:14px 22px}
.agents-form-foot .btn-primary:disabled{
  opacity:0.32;cursor:not-allowed;background:rgba(255,255,255,0.06);color:rgba(240,237,232,0.4);border-color:rgba(255,255,255,0.1);
}
.agents-form-foot .btn-primary:disabled:hover{
  background:rgba(255,255,255,0.06);color:rgba(240,237,232,0.4);border-color:rgba(255,255,255,0.1);
}

/* Submitted state */
.agents-apply-done{
  text-align:center;
  max-width:680px;margin:0 auto;
  padding:56px 32px;
  border:0.5px solid rgba(201,169,110,0.32);
  background:radial-gradient(circle at 50% 0%, rgba(201,169,110,0.08), transparent 60%);
  border-radius:4px;
}
.agents-apply-done-mark{color:var(--gold);margin-bottom:24px;display:inline-block;animation:markIn .7s var(--ease) both}
.agents-apply-done-h{
  font-family:var(--font-d);font-size:48px;font-weight:300;line-height:1;letter-spacing:-0.01em;
  margin-bottom:14px;
}
.agents-apply-done-h em{font-style:italic;color:var(--gold)}
.agents-apply-done-p{
  font-size:16px;color:rgba(240,237,232,0.65);line-height:1.65;font-weight:300;
  margin-bottom:36px;
}
.agents-apply-done-p em{font-style:italic;color:#f0ede8;font-weight:400}
.agents-apply-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){.agents-apply-done-grid{grid-template-columns:1fr}}
.agents-apply-done-cell{background:#0d0d11;padding:18px 18px;display:flex;flex-direction:column;gap:4px}
.agents-apply-done-l{font-size:8.5px;letter-spacing:.2em;color:rgba(240,237,232,0.4);text-transform:uppercase}
.agents-apply-done-v{font-family:var(--font-d);font-size:18px;color:#f0ede8;font-weight:300;line-height:1.2}
.agents-apply-done-back{
  font-size:10px;letter-spacing:.18em;color:rgba(240,237,232,0.5);text-transform:uppercase;
  padding:8px 12px;
}
.agents-apply-done-back:hover{color:var(--gold)}