:root {
      --bg-page: #FBFBF9;
      --bg-surface: #FFFFFF;
      --bg-subtle: #F4F4EE;
      --bg-dark: #0D1117;

      --text-primary: #0F1115;
      --text-secondary: #4A4E57;
      --text-tertiary: #7D828C;
      --text-inverse: #FFFFFF;

      --border-subtle: #E8E6DF;
      --border-medium: #D1CEC4;

      --accent: #0C2B1D; /* Deep Forest Green */
      --accent-hover: #06170F;

      --font-sans: 'Instrument Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      --font-mono: 'JetBrains Mono', monospace;

      --r-xs: 4px;
      --r-sm: 8px;
      --r-md: 12px;
      --r-lg: 16px;

      --shadow-card: 0 1px 2px rgba(15, 17, 21, 0.04), 0 4px 14px rgba(15, 17, 21, 0.03);
      --shadow-elevated: 0 12px 32px rgba(15, 17, 21, 0.06), 0 2px 6px rgba(15, 17, 21, 0.03);
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      min-height: 100vh;
      font-family: var(--font-sans);
      background-color: var(--bg-page);
      color: var(--text-primary);
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
      display: flex;
      flex-direction: column;
    }

    a { text-decoration: none; color: inherit; }

    .container { width: 100%; max-width: 1160px; margin: 0 auto; padding: 0 24px; }
    .container-narrow { width: 100%; max-width: 860px; margin: 0 auto; padding: 0 24px; }

    /* Header Nav */
    .header-nav {
      background: rgba(251, 251, 249, 0.95);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border-bottom: 1px solid var(--border-subtle);
      position: sticky;
      top: 0;
      z-index: 1000;
    }

    .header-inner {
      height: 70px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .brand-wrap {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .brand-logo {
      font-weight: 700;
      font-size: 17px;
      letter-spacing: -0.025em;
      color: var(--text-primary);
    }

    .brand-tag {
      font-family: var(--font-mono);
      font-size: 10.5px;
      font-weight: 600;
      background: var(--bg-dark);
      color: #FFF;
      padding: 3px 7px;
      border-radius: var(--r-xs);
      letter-spacing: 0.06em;
    }

    .nav-actions {
      display: flex;
      align-items: center;
      gap: 16px;
    }

    .nav-link {
      font-size: 14px;
      font-weight: 500;
      color: var(--text-secondary);
      transition: color 0.15s ease;
    }
    .nav-link:hover { color: var(--text-primary); }

    /* Parent Website Link Button */
    a.btn-parent-site {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 13px;
      font-weight: 600;
      padding: 8px 14px;
      border-radius: var(--r-sm);
      background: var(--bg-subtle);
      border: 1px solid var(--border-medium);
      color: var(--text-primary);
      transition: all 0.15s ease;
    }
    a.btn-parent-site:hover {
      background: #EBE8DF;
      border-color: var(--text-primary);
    }

    /* Start Pathfinder Header CTA */
    a.btn-header-cta {
      display: inline-flex !important;
      align-items: center !important;
      gap: 8px !important;
      background: #0D1117 !important;
      color: #FFFFFF !important;
      font-size: 13.5px !important;
      font-weight: 600 !important;
      padding: 9px 18px !important;
      border-radius: var(--r-sm) !important;
      border: 1px solid #0D1117 !important;
      transition: all 0.15s ease !important;
    }
    a.btn-header-cta:hover {
      background: #1C3B2B !important;
      border-color: #1C3B2B !important;
      transform: translateY(-1px);
    }
    a.btn-header-cta:visited { color: #FFFFFF !important; }

    /* Hero */
    .hero-section {
      padding: 64px 0 52px;
      border-bottom: 1px solid var(--border-subtle);
      background: radial-gradient(circle at 95% 10%, rgba(12, 43, 29, 0.04) 0%, transparent 60%);
    }

    .hero-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 5px 12px;
      border-radius: 20px;
      background: #FFF;
      border: 1px solid var(--border-subtle);
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 600;
      color: var(--text-secondary);
      margin-bottom: 20px;
    }

    .pulse-dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #1B7F3D;
      box-shadow: 0 0 0 2px rgba(27, 127, 61, 0.2);
    }

    .hero-title {
      font-size: clamp(34px, 5.2vw, 54px);
      font-weight: 700;
      letter-spacing: -0.035em;
      line-height: 1.1;
      margin-bottom: 20px;
      max-width: 840px;
    }

    .hero-lead {
      font-size: 19px;
      color: var(--text-secondary);
      line-height: 1.55;
      max-width: 720px;
      margin-bottom: 32px;
    }

    .hero-btn-group {
      display: flex;
      gap: 14px;
      align-items: center;
      flex-wrap: wrap;
    }

    .btn-hero-primary {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: #0C2B1D;
      color: #FFFFFF !important;
      font-size: 15px;
      font-weight: 600;
      padding: 13px 26px;
      border-radius: var(--r-sm);
      border: 1px solid #0C2B1D;
      transition: all 0.15s ease;
      box-shadow: 0 2px 8px rgba(12, 43, 29, 0.2);
    }
    .btn-hero-primary:hover {
      background: #05140D;
      transform: translateY(-1px);
    }

    .btn-hero-secondary {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: var(--bg-surface);
      color: var(--text-primary);
      font-size: 15px;
      font-weight: 600;
      padding: 13px 24px;
      border-radius: var(--r-sm);
      border: 1px solid var(--border-medium);
      transition: all 0.15s ease;
    }
    .btn-hero-secondary:hover {
      background: var(--bg-subtle);
      border-color: var(--text-primary);
    }

    /* Plain Language Explainer Box */
    .explainer-banner {
      margin-top: 48px;
      background: var(--bg-surface);
      border: 1px solid var(--border-medium);
      border-radius: var(--r-md);
      padding: 28px 32px;
      box-shadow: var(--shadow-card);
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 32px;
    }

    .explainer-title {
      font-size: 12px;
      font-family: var(--font-mono);
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: var(--text-tertiary);
      margin-bottom: 8px;
    }

    .explainer-heading {
      font-size: 18px;
      font-weight: 700;
      letter-spacing: -0.02em;
      margin-bottom: 10px;
    }

    .explainer-p {
      font-size: 14.5px;
      color: var(--text-secondary);
      line-height: 1.6;
    }

    /* Plain 4-Step Process */
    .steps-section {
      padding: 68px 0;
      border-bottom: 1px solid var(--border-subtle);
      background: #FAF9F5;
    }

    .section-tag {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: var(--accent);
      margin-bottom: 8px;
    }

    .section-title {
      font-size: 28px;
      font-weight: 700;
      letter-spacing: -0.025em;
      margin-bottom: 10px;
    }

    .section-sub {
      font-size: 16px;
      color: var(--text-secondary);
      max-width: 620px;
      margin-bottom: 40px;
    }

    .process-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 20px;
    }

    .process-card {
      background: var(--bg-surface);
      border: 1px solid var(--border-subtle);
      border-radius: var(--r-md);
      padding: 24px;
      position: relative;
      box-shadow: var(--shadow-card);
    }

    .step-badge {
      font-family: var(--font-mono);
      font-size: 12px;
      font-weight: 700;
      color: var(--accent);
      background: #E8EFEA;
      padding: 4px 8px;
      border-radius: var(--r-xs);
      display: inline-block;
      margin-bottom: 12px;
    }

    .process-card-title {
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 8px;
    }

    .process-card-desc {
      font-size: 13.5px;
      color: var(--text-secondary);
      line-height: 1.5;
    }

    /* Sectors Preview */
    .sectors-section {
      padding: 72px 0;
      border-bottom: 1px solid var(--border-subtle);
    }

    .sector-tabs {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 12px;
      margin-bottom: 24px;
    }

    .sector-tab-btn {
      padding: 16px;
      background: var(--bg-surface);
      border: 1px solid var(--border-subtle);
      border-radius: var(--r-sm);
      text-align: left;
      cursor: pointer;
      transition: all 0.15s ease;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }
    .sector-tab-btn:hover {
      border-color: var(--border-medium);
      background: #FAF9F5;
    }
    .sector-tab-btn.active {
      border-color: var(--text-primary);
      background: var(--text-primary);
      color: #FFF;
      box-shadow: 0 4px 12px rgba(15, 17, 21, 0.12);
    }
    .sector-tab-btn.active .sector-tab-sub {
      color: rgba(255, 255, 255, 0.7);
    }

    .sector-tab-title { font-size: 14px; font-weight: 700; }
    .sector-tab-sub { font-size: 12px; color: var(--text-tertiary); }

    .sector-workbench {
      background: var(--bg-surface);
      border: 1px solid var(--border-subtle);
      border-radius: var(--r-md);
      padding: 32px;
      box-shadow: var(--shadow-card);
    }

    .wb-title { font-size: 24px; font-weight: 700; margin-bottom: 12px; }
    .wb-desc { font-size: 15px; color: var(--text-secondary); line-height: 1.6; max-width: 760px; margin-bottom: 20px; }

    .wb-pills { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 28px; }
    .wb-pill {
      font-size: 13px;
      font-weight: 500;
      padding: 6px 12px;
      border-radius: 20px;
      background: var(--bg-subtle);
      border: 1px solid var(--border-subtle);
      color: var(--text-secondary);
    }

    /* Parent Website CTA Section */
    .parent-cta-section {
      padding: 64px 0;
      background: #FAF9F5;
      border-bottom: 1px solid var(--border-subtle);
    }

    .parent-cta-box {
      background: var(--bg-surface);
      border: 1px solid var(--border-medium);
      border-radius: var(--r-md);
      padding: 40px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 24px;
      box-shadow: var(--shadow-card);
    }

    /* Footer & Legal Links */
    footer {
      background: var(--bg-surface);
      padding: 56px 0 36px;
      font-size: 13px;
      color: var(--text-secondary);
    }

    .footer-grid {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr 1fr;
      gap: 36px;
      margin-bottom: 40px;
    }

    .footer-col-title {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--text-tertiary);
      margin-bottom: 16px;
    }

    .footer-links {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .footer-links a {
      color: var(--text-secondary);
      transition: color 0.15s ease;
    }
    .footer-links a:hover { color: var(--text-primary); }

    .footer-bottom {
      border-top: 1px solid var(--border-subtle);
      padding-top: 24px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 16px;
      color: var(--text-tertiary);
      font-size: 12.5px;
    }

    @media (max-width: 768px) {
      .explainer-banner { grid-template-columns: 1fr; gap: 20px; }
      .footer-grid { grid-template-columns: 1fr; gap: 28px; }
      .parent-cta-box { flex-direction: column; align-items: flex-start; }
    }


/* ========================================================================== 
   PATHFINDER WIZARD — shared components used by start/index.html + app.js
   ========================================================================== */

/* Wizard page structure */
.container-narrow { width: 100%; max-width: 860px; margin: 0 auto; padding: 0 24px; }

/* Generic buttons used by the wizard */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 9px 16px;
  border-radius: var(--r-sm);
  border: 1px solid transparent;
  font: 600 14px/1.2 var(--font-sans);
  cursor: pointer;
  text-decoration: none;
  transition: all .15s ease;
}
.btn-sm { min-height: 34px; padding: 7px 12px; font-size: 13px; }
.btn-primary, .btn-accent {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff !important;
  box-shadow: 0 1px 2px rgba(15,17,21,.06);
}
.btn-primary:hover, .btn-accent:hover {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
  color: #fff !important;
  transform: translateY(-1px);
}
.btn-secondary {
  background: var(--bg-surface);
  border-color: var(--border-medium);
  color: var(--text-primary);
}
.btn-secondary:hover { background: var(--bg-subtle); border-color: var(--text-primary); }

/* Wizard navigation */
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--text-primary);
  font-weight: 700;
  font-size: 17px;
  letter-spacing: -.025em;
}
.brand-badge {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  background: var(--bg-dark);
  color: #fff;
  padding: 3px 7px;
  border-radius: var(--r-xs);
  letter-spacing: .05em;
}
.nav-links { display:flex; align-items:center; gap:16px; font-size:14px; font-weight:500; }
.nav-links a { color: var(--text-secondary); transition: color .15s ease; }
.nav-links a:hover { color: var(--text-primary); }

/* Six-step progress indicator */
.step-indicator {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 8px;
  margin: 10px 0 28px;
}
.step-item {
  position: relative;
  min-width: 0;
  padding: 7px 4px 11px;
  color: var(--text-tertiary);
  font: 500 10px/1.2 var(--font-mono);
  letter-spacing: .02em;
  text-transform: uppercase;
}
.step-item.active { color: var(--text-primary); font-weight: 700; }
.step-item.completed { color: var(--accent); }
.step-bar {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  border-radius: 2px;
  background: var(--border-subtle);
}
.step-item.active .step-bar, .step-item.completed .step-bar { background: var(--accent); }

/* Main wizard card */
.wizard-card {
  background: var(--bg-surface);
  border: 1px solid var(--border-subtle);
  border-radius: var(--r-md);
  padding: 36px;
  box-shadow: var(--shadow-card);
}
.wizard-title {
  font-size: clamp(26px, 4vw, 34px);
  line-height: 1.14;
  letter-spacing: -.035em;
  font-weight: 700;
  margin-bottom: 10px;
}
.wizard-desc {
  max-width: 700px;
  margin-bottom: 30px;
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 1.6;
}

/* Selection cards */
.choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}
.choice-box {
  position: relative;
  padding: 17px 18px;
  border: 1px solid var(--border-subtle);
  border-radius: 9px;
  background: var(--bg-surface);
  color: var(--text-primary);
  cursor: pointer;
  transition: border-color .14s ease, background .14s ease, transform .14s ease, box-shadow .14s ease;
}
.choice-box:hover {
  border-color: var(--border-medium);
  background: #FCFCFA;
  transform: translateY(-1px);
}
.choice-box.selected {
  border-color: var(--accent);
  background: #F0F5F2;
  box-shadow: inset 0 0 0 1px var(--accent);
}
.choice-box-title { font-size:14.5px; font-weight:650; line-height:1.35; }
.choice-box-desc { margin-top:6px; color:var(--text-secondary); font-size:13px; line-height:1.45; }

/* Search fields */
.search-input {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--border-medium);
  border-radius: 8px;
  background: var(--bg-surface);
  color: var(--text-primary);
  font: 14px/1.4 var(--font-sans);
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.search-input::placeholder { color: var(--text-tertiary); }
.search-input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(12,43,29,.08);
}

/* Degree / skill / context pills */
.pill-list { display:flex; flex-wrap:wrap; gap:8px; }
.pill-item {
  display:inline-flex;
  align-items:center;
  padding:8px 11px;
  border:1px solid var(--border-subtle);
  border-radius:7px;
  background:var(--bg-surface);
  color:var(--text-secondary);
  font-size:12.5px;
  line-height:1.3;
  cursor:pointer;
  transition:all .13s ease;
}
.pill-item:hover { border-color:var(--border-medium); color:var(--text-primary); background:#FCFCFA; }
.pill-item.selected { background:var(--accent); border-color:var(--accent); color:#fff; }

/* Skill proficiency */
.skill-prof-tray {
  margin-top:22px;
  padding:18px;
  border:1px solid var(--border-subtle);
  border-radius:9px;
  background:var(--bg-subtle);
}
.prof-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid var(--border-subtle);
}
.prof-row:first-child { padding-top:0; }
.prof-row:last-child { border-bottom:0; padding-bottom:0; }
.prof-options { display:flex; flex-wrap:wrap; gap:6px; }
.prof-btn {
  padding:6px 9px;
  border:1px solid var(--border-medium);
  border-radius:6px;
  background:var(--bg-surface);
  color:var(--text-secondary);
  font:500 11px/1.2 var(--font-mono);
  cursor:pointer;
  transition:all .13s ease;
}
.prof-btn:hover { color:var(--text-primary); border-color:var(--text-primary); }
.prof-btn.selected { background:var(--text-primary); border-color:var(--text-primary); color:#fff; }

/* Assessment result */
.result-header { padding-bottom:26px; border-bottom:1px solid var(--border-subtle); margin-bottom:24px; }
.result-target-title { font-size:25px; font-weight:700; line-height:1.25; letter-spacing:-.025em; margin-bottom:12px; }
.result-narrative { color:var(--text-secondary); font-size:15px; line-height:1.65; max-width:780px; }

.progression-strip {
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  gap:0;
  margin:0 0 28px;
  border:1px solid var(--border-subtle);
  border-radius:9px;
  overflow:hidden;
  background:var(--border-subtle);
}
.strip-col { min-height:100px; padding:17px; background:var(--bg-surface); }
.strip-col-title { font:600 10px/1.2 var(--font-mono); text-transform:uppercase; letter-spacing:.05em; color:var(--text-tertiary); margin-bottom:8px; }
.strip-col-content { font-size:13px; line-height:1.45; color:var(--text-primary); }
.strip-arrow { display:flex; align-items:center; justify-content:center; min-width:28px; background:var(--bg-surface); color:var(--text-tertiary); font-size:16px; }

/* Gap matrix */
.matrix-table { width:100%; border-collapse:collapse; margin:0 0 30px; font-size:13px; }
.matrix-table th {
  padding:10px 12px;
  text-align:left;
  background:var(--bg-subtle);
  border-bottom:1px solid var(--border-medium);
  font:600 10px/1.2 var(--font-mono);
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--text-secondary);
}
.matrix-table td { padding:12px; vertical-align:top; border-bottom:1px solid var(--border-subtle); color:var(--text-secondary); }
.matrix-table td:first-child { color:var(--text-primary); font-weight:600; }

/* Result badges */
.badge {
  display:inline-flex;
  align-items:center;
  padding:4px 7px;
  border-radius:5px;
  font:600 10px/1.2 var(--font-mono);
  white-space:nowrap;
}
.badge-ready { background:#E7EFEA; color:#0C2B1D; }
.badge-dev { background:#FDF1EB; color:#7C3A16; }
.badge-priority { background:#FCEBED; color:#8A2432; }

/* Roadmap */
.roadmap-phase { margin-top:28px; padding-top:26px; border-top:1px solid var(--border-subtle); }
.phase-tag { display:inline-block; margin-bottom:7px; color:var(--text-tertiary); font:600 10px/1.2 var(--font-mono); text-transform:uppercase; letter-spacing:.06em; }
.phase-title { font-size:20px; line-height:1.3; font-weight:700; letter-spacing:-.02em; margin-bottom:16px; }
.lp-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.lp-box { padding:16px; border:1px solid var(--border-subtle); border-radius:8px; background:#FCFCFA; }
.lp-box-header { margin-bottom:8px; font:600 10px/1.2 var(--font-mono); text-transform:uppercase; letter-spacing:.05em; color:var(--text-tertiary); }
.lp-box-text { font-size:13px; line-height:1.55; color:var(--text-secondary); }

/* Caution / scope panel */
.caution-panel { margin-top:28px; padding:18px 20px; border:1px solid var(--border-subtle); border-left:3px solid var(--text-primary); border-radius:8px; background:var(--bg-subtle); }
.caution-title { font-size:14px; font-weight:700; margin-bottom:6px; }
.caution-text { color:var(--text-secondary); font-size:13px; line-height:1.55; }

/* Wizard action row */
.wizard-actions { margin-top:28px; display:flex; justify-content:space-between; align-items:center; gap:12px; }

/* Variables referenced inline by app.js */
:root {
  --status-priority-text: #8A2432;
}

/* Responsive wizard */
@media (max-width: 700px) {
  .container-narrow { padding-left:16px; padding-right:16px; }
  .header-inner { height:62px; }
  .brand { font-size:15px; }
  .nav-links { gap:9px; }
  .step-indicator { gap:3px; margin-top:6px; }
  .step-item { font-size:8px; padding-left:1px; padding-right:1px; }
  .wizard-card { padding:24px 18px; }
  .choice-grid { grid-template-columns:1fr; }
  .progression-strip { grid-template-columns:1fr; }
  .strip-arrow { display:none; }
  .lp-grid { grid-template-columns:1fr; }
  .prof-row { grid-template-columns:1fr; gap:9px; }
  .matrix-table { display:block; overflow-x:auto; white-space:nowrap; }
  .wizard-actions { flex-wrap:wrap; }
}

@media print {
  .header-nav, .step-indicator, .wizard-actions.no-print { display:none !important; }
  body { background:#fff; }
  .container-narrow { max-width:none; padding:0; }
  .wizard-card { border:0; box-shadow:none; padding:0; }
}


/* ==========================================================================
   V1.1 PRODUCT POLISH
   Accessibility, FAQ, status messaging, and responsive refinements
   ========================================================================== */

/* Keyboard focus should always be visible. */
:where(a, button, input, [tabindex]):focus-visible {
  outline: 3px solid rgba(12, 43, 29, 0.28);
  outline-offset: 3px;
}

/* Interactive cards become keyboard-friendly when app.js enhances them. */
.choice-box[role="button"],
.pill-item[role="button"] {
  cursor: pointer;
}

.choice-box[aria-pressed="true"],
.pill-item[aria-pressed="true"] {
  box-shadow: inset 0 0 0 1px var(--accent);
}

/* Small product-status line used on the assessment shell. */
.assessment-note {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  color: var(--text-tertiary);
  font: 500 11px/1.4 var(--font-mono);
  letter-spacing: .025em;
}

.assessment-note::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: #1B7F3D;
  box-shadow: 0 0 0 2px rgba(27,127,61,.12);
}

/* Homepage FAQ */
.faq-section {
  padding: 68px 0;
  border-bottom: 1px solid var(--border-subtle);
  background: var(--bg-page);
}

.faq-list {
  max-width: 860px;
  margin-top: 30px;
  border-top: 1px solid var(--border-subtle);
}

.faq-item {
  border-bottom: 1px solid var(--border-subtle);
}

.faq-item summary {
  list-style: none;
  cursor: pointer;
  padding: 20px 42px 20px 0;
  position: relative;
  font-size: 16px;
  font-weight: 650;
  letter-spacing: -.01em;
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

.faq-item summary::after {
  content: "+";
  position: absolute;
  right: 4px;
  top: 17px;
  color: var(--text-tertiary);
  font: 400 22px/1 var(--font-mono);
  transition: transform .15s ease;
}

.faq-item[open] summary::after {
  transform: rotate(45deg);
}

.faq-answer {
  padding: 0 42px 21px 0;
  max-width: 760px;
  color: var(--text-secondary);
  font-size: 14.5px;
  line-height: 1.65;
}

/* Careers explorer SEO/supporting content */
.explorer-intro {
  max-width: 780px;
  margin: 0 auto;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.65;
}

.no-js-note {
  margin-top: 20px;
  padding: 14px 16px;
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
  background: var(--bg-subtle);
  color: var(--text-secondary);
  font-size: 13px;
}

/* Keep the public utility usable on narrow devices. */
@media (max-width: 700px) {
  .faq-section {
    padding: 52px 0;
  }

  .faq-item summary {
    padding-right: 34px;
    font-size: 15px;
  }

  .faq-answer {
    padding-right: 10px;
    font-size: 14px;
  }

  .assessment-note {
    margin-bottom: 14px;
  }
}

/* Respect reduced-motion preferences. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ==========================================================================
   V1.3 GLOBAL EXPERIENCE — premium motion + regional intelligence UI
   ========================================================================== */
.global-header{position:fixed;left:0;right:0;top:0;background:rgba(251,251,249,.78);border-bottom-color:rgba(232,230,223,.7);z-index:1200}.global-header .header-inner{height:74px}.global-hero{position:relative;overflow:hidden;min-height:780px;padding:150px 0 0;background:#0b1210;color:#f8faf7}.hero-noise{position:absolute;inset:0;opacity:.08;background-image:radial-gradient(rgba(255,255,255,.55) .7px,transparent .7px);background-size:6px 6px;pointer-events:none}.global-hero-grid{position:relative;display:grid;grid-template-columns:1.04fr .96fr;gap:40px;align-items:center;min-height:620px}.hero-copy-global{position:relative;z-index:3}.global-eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.045);padding:8px 12px;border-radius:999px;font:600 10px/1 var(--font-mono);letter-spacing:.08em;color:#cbd4ce}.hero-copy-global h1{font-size:clamp(50px,7vw,88px);line-height:.96;letter-spacing:-.06em;max-width:850px;margin:24px 0 25px;font-weight:700}.hero-copy-global h1 em,.section-title em,.signal-intro h2 em,.system-copy h2 em,.final-cta h2 em{font-style:normal;color:#8bd0a4}.global-hero-lead{max-width:650px;font-size:19px;line-height:1.6;color:#b8c2bb;margin-bottom:30px}.hero-copy-global .btn-hero-primary{background:#e9f4eb;color:#0b1210;border-color:#e9f4eb}.hero-copy-global .btn-hero-primary:hover{background:#fff}.hero-trust-row{display:flex;gap:12px;align-items:center;margin-top:20px;color:#77847b;font:500 9px var(--font-mono);letter-spacing:.1em}.hero-trust-row i{width:3px;height:3px;border-radius:50%;background:#657169}.hero-visual{position:relative;height:560px;display:flex;align-items:center;justify-content:center}.globe-core{position:relative;width:330px;height:330px;border:1px solid rgba(150,207,168,.4);border-radius:50%;background:radial-gradient(circle at 36% 28%,rgba(139,208,164,.18),transparent 34%),radial-gradient(circle,rgba(139,208,164,.04),transparent 68%);box-shadow:0 0 90px rgba(88,157,112,.1),inset 0 0 50px rgba(139,208,164,.05);animation:globeFloat 7s ease-in-out infinite}.globe-core:before,.globe-core:after{content:"";position:absolute;inset:12%;border:1px solid rgba(139,208,164,.16);border-radius:50%;transform:rotate(65deg)}.globe-core:after{transform:rotate(-65deg)}.globe-line{position:absolute;left:12%;right:12%;top:50%;height:1px;background:rgba(139,208,164,.14)}.l2{transform:rotate(28deg)}.l3{transform:rotate(-28deg)}.globe-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#9be0af;box-shadow:0 0 0 5px rgba(155,224,175,.08),0 0 18px rgba(155,224,175,.55);animation:dotPulse 3s ease-in-out infinite}.d1{left:22%;top:34%}.d2{right:21%;top:43%;animation-delay:.8s}.d3{left:42%;bottom:20%;animation-delay:1.5s}.d4{right:29%;bottom:30%;animation-delay:2.1s}.orbit{position:absolute;border:1px solid rgba(139,208,164,.12);border-radius:50%;width:480px;height:180px;transform:rotate(-23deg);animation:orbitSpin 16s linear infinite}.orbit-b{width:410px;height:145px;transform:rotate(57deg);animation-direction:reverse;animation-duration:21s}.floating-card{position:absolute;background:rgba(247,250,247,.96);color:#0e1712;border:1px solid rgba(255,255,255,.45);border-radius:12px;padding:12px 15px;box-shadow:0 18px 50px rgba(0,0,0,.24);min-width:122px;animation:cardDrift 6s ease-in-out infinite}.floating-card span{display:block;font:600 8px var(--font-mono);letter-spacing:.1em;color:#6b766f;margin-bottom:5px}.floating-card strong{font-size:27px;letter-spacing:-.04em}.floating-card small{font-size:10px;color:#69746d;margin-left:3px}.fc-one{top:80px;right:4%;}.fc-two{bottom:105px;left:2%;animation-delay:1.1s}.fc-three{right:12%;bottom:35px;animation-delay:2.2s}.hero-coordinate{position:absolute;right:0;top:30px;color:#536159;font:500 9px var(--font-mono);letter-spacing:.12em}.hero-bottom-line{position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.08);padding:14px 0;background:rgba(0,0,0,.12)}.region-marquee{display:flex;gap:18px;justify-content:center;align-items:center;white-space:nowrap;overflow:hidden;color:#76827a;font:500 9px var(--font-mono);letter-spacing:.12em}.region-marquee b{color:#9bd6aa;font-weight:400}.signal-section,.how-section,.pathways-section{padding:110px 0}.signal-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px}.section-tag{font:600 10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#78817b}.signal-intro h2{font-size:clamp(34px,4.5vw,58px);line-height:1.02;letter-spacing:-.045em;max-width:760px;margin-top:17px}.signal-copy{padding-top:40px}.signal-copy p{font-size:17px;line-height:1.75;color:var(--text-secondary);margin-bottom:20px;max-width:500px}.section-head-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-title{font-size:clamp(32px,4.5vw,55px);line-height:1.03;letter-spacing:-.045em;margin-top:14px}.section-index{font:500 10px var(--font-mono);color:#929890;letter-spacing:.08em;padding-bottom:7px}.global-process{grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.global-process-card{border:0;border-right:1px solid var(--border-subtle);border-radius:0;box-shadow:none;background:transparent;padding:30px 26px 32px;min-height:270px;transition:background .25s ease,transform .25s ease}.global-process-card:first-child{border-left:1px solid var(--border-subtle)}.global-process-card:hover{background:#f5f6f0;transform:translateY(-4px)}.global-process-card h3{font-size:21px;letter-spacing:-.025em;margin:30px 0 10px}.global-process-card p{color:var(--text-secondary);font-size:14px;line-height:1.65}.card-line{height:1px;background:#cdd3cd;width:42px;margin-top:30px;transition:width .3s}.global-process-card:hover .card-line{width:85px}.global-system-section{background:#0d1117;color:#f6f8f6;padding:110px 0}.system-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.system-copy p{color:#aeb7b1;max-width:510px;font-size:16px;line-height:1.7;margin:22px 0}.text-link{color:#bce6c7;font-size:14px;font-weight:600}.system-map{position:relative;height:430px;max-width:620px;margin:auto}.map-ring{position:absolute;border:1px solid rgba(139,208,164,.15);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.r1{width:260px;height:260px}.r2{width:410px;height:410px}.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;background:#14231a;border:1px solid rgba(139,208,164,.35);box-shadow:0 0 60px rgba(139,208,164,.1);font:600 11px/1.3 var(--font-mono);letter-spacing:.08em}.map-node{position:absolute;padding:8px 11px;border:1px solid rgba(255,255,255,.12);background:#111820;border-radius:7px;color:#aeb9b2;font:500 9px var(--font-mono);letter-spacing:.08em}.n1{left:16%;top:18%}.n2{right:14%;top:16%}.n3{left:4%;top:51%}.n4{right:3%;top:52%}.n5{left:22%;bottom:10%}.n6{right:20%;bottom:10%}.map-center:after{content:"";position:absolute;inset:-8px;border:1px dashed rgba(139,208,164,.12);border-radius:50%;animation:orbitSpin 18s linear infinite}.pathway-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin-top:48px}.pathway-stats>div{padding:28px 24px;border-right:1px solid var(--border-subtle)}.pathway-stats>div:first-child{border-left:1px solid var(--border-subtle)}.pathway-stats strong{display:block;font-size:42px;letter-spacing:-.05em}.pathway-stats span{font:600 9px var(--font-mono);letter-spacing:.08em;color:#7d8580}.domain-ribbon{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.domain-ribbon span{border:1px solid var(--border-subtle);padding:10px 13px;border-radius:999px;font:500 9px var(--font-mono);letter-spacing:.06em;color:#68716b}.final-cta-section{padding:70px 0 100px}.final-cta{background:#e8f1e8;border:1px solid #d4e0d5;border-radius:20px;padding:55px 60px;display:flex;align-items:center;justify-content:space-between;gap:40px}.final-cta h2{font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.045em;margin:15px 0}.final-cta p{color:#5f6962}.global-footer{background:#0d1117;color:#d7ddd8;padding:55px 0 28px}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{font-size:17px;font-weight:700}.footer-brand span{font:600 9px var(--font-mono);padding:4px 6px;background:#fff;color:#0d1117;border-radius:3px;margin-left:7px}.footer-top p{color:#7f8982;font-size:13px;margin-top:10px}.footer-links-inline{display:flex;gap:22px;align-items:center}.footer-links-inline a{color:#aeb8b1;font-size:13px}.footer-links-inline a:hover{color:#fff}.global-footer .footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;color:#66716a;font-size:11px}
.region-context-bar{display:flex;gap:12px;align-items:center;background:#f4f6f0;border:1px solid var(--border-subtle);padding:10px 12px;border-radius:8px;margin:0 0 24px;color:var(--text-secondary);font-size:12px}.region-context-label{font:600 9px var(--font-mono);letter-spacing:.08em;color:var(--accent);white-space:nowrap}.region-fit-chip{display:inline-block;margin-top:9px;font:600 9px var(--font-mono);letter-spacing:.04em;color:#46604f;background:#edf5ee;border:1px solid #d5e5d8;padding:4px 7px;border-radius:999px}.fit-dashboard{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:10px;margin:24px 0}.fit-score-card,.fit-dimension{border:1px solid var(--border-subtle);background:#fbfcf8;border-radius:12px;padding:18px}.fit-score-kicker,.regional-insight-kicker{font:600 9px var(--font-mono);letter-spacing:.1em;color:#758078}.fit-score-value{font-size:42px;font-weight:700;letter-spacing:-.05em;margin:6px 0}.fit-score-value span{font-size:14px;color:#7a827c;font-weight:500}.fit-score-label{font-size:11px;color:#7a827c;line-height:1.45}.fit-dimension{display:flex;flex-direction:column;justify-content:center}.fit-dimension span{font-size:12px;color:#68716b}.fit-dimension strong{font-size:24px;letter-spacing:-.03em;margin:3px 0 7px}.fit-meter{height:4px;background:#e5e9e4;border-radius:999px;overflow:hidden}.fit-meter i{display:block;height:100%;background:#2e6541;border-radius:999px}.regional-insight{border:1px solid #d7e4d9;background:#f2f7f1;border-radius:10px;padding:14px 16px;margin-bottom:30px;color:#536057;font-size:12px;line-height:1.6}.regional-insight-kicker{margin-bottom:5px;color:#2e6541}
.cookie-consent{position:fixed;left:18px;right:18px;bottom:18px;z-index:3000}.cookie-consent-inner{max-width:1080px;margin:auto;background:rgba(13,17,23,.97);color:#f4f7f4;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:20px 22px;box-shadow:0 25px 70px rgba(0,0,0,.28);display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.cookie-consent-kicker{font:600 9px var(--font-mono);letter-spacing:.1em;color:#9bd6aa}.cookie-consent-title{font-size:18px;margin:5px 0}.cookie-consent-copy{font-size:12px;line-height:1.55;color:#aeb8b1;max-width:720px}.cookie-consent-more{border:0;background:none;color:#bde5c7;padding:7px 0 0;font-size:11px;text-decoration:underline;cursor:pointer}.cookie-consent-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cookie-btn{font:600 11px var(--font-sans);border-radius:7px;padding:10px 13px;cursor:pointer}.cookie-btn-primary{background:#e8f4ea;color:#0d1711;border:1px solid #e8f4ea}.cookie-btn-secondary{background:transparent;color:#eef2ee;border:1px solid rgba(255,255,255,.18)}
@keyframes globeFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes dotPulse{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes orbitSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes cardDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:900px){.global-hero{min-height:auto;padding-top:120px}.global-hero-grid{grid-template-columns:1fr;min-height:auto;padding-bottom:80px}.hero-visual{height:430px}.signal-grid,.system-panel{grid-template-columns:1fr;gap:35px}.global-process{grid-template-columns:1fr 1fr}.global-process-card:nth-child(2){border-right:0}.pathway-stats{grid-template-columns:1fr 1fr}.fit-dashboard{grid-template-columns:1fr 1fr}.fit-score-card{grid-column:1/-1}.final-cta{padding:40px;flex-direction:column;align-items:flex-start}.nav-desktop{display:none}}
@media(max-width:620px){.global-header .header-inner{height:64px}.global-header .nav-actions .nav-link{display:none}.hero-copy-global h1{font-size:48px}.global-hero-lead{font-size:16px}.hero-visual{height:360px;transform:scale(.82);transform-origin:center}.fc-one{right:0}.fc-two{left:0}.fc-three{right:2%;bottom:10px}.signal-section,.how-section,.pathways-section{padding:75px 0}.global-process{grid-template-columns:1fr}.global-process-card{border-right:0;border-left:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.global-process-card:last-child{border-bottom:0}.section-head-row{align-items:flex-start;flex-direction:column}.pathway-stats{grid-template-columns:1fr 1fr}.pathway-stats>div:nth-child(3){border-left:1px solid var(--border-subtle)}.pathway-stats strong{font-size:32px}.system-map{height:340px;transform:scale(.82)}.fit-dashboard{grid-template-columns:1fr}.fit-score-card{grid-column:auto}.cookie-consent{left:10px;right:10px;bottom:10px}.cookie-consent-inner{grid-template-columns:1fr;padding:17px}.cookie-consent-actions{justify-content:stretch}.cookie-btn{flex:1}.footer-top,.global-footer .footer-bottom{flex-direction:column}.footer-links-inline{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.globe-core,.orbit,.orbit-b,.globe-dot,.floating-card,.map-center:after{animation:none}.global-process-card{transition:none}}


/* V1.3.1 global product polish */
.global-header .header-inner{height:76px}.global-header{background:rgba(251,251,249,.88);box-shadow:0 1px 0 rgba(15,17,21,.03)}
.global-header .nav-actions{gap:24px}.global-header .nav-active{color:var(--text-primary);font-weight:700}.btn-header-ghost{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-medium);background:transparent;color:var(--text-primary);font:600 13px var(--font-sans);padding:9px 15px;border-radius:9px;cursor:pointer;transition:.2s}.btn-header-ghost:hover{background:var(--bg-subtle);transform:translateY(-1px)}
.location-panel{border:1px solid var(--border-medium);background:linear-gradient(135deg,#f8fbf7,#fff);border-radius:16px;padding:22px;margin-bottom:30px;box-shadow:0 8px 30px rgba(15,17,21,.035)}.location-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.location-badge{font:600 9px var(--font-mono);letter-spacing:.08em;color:#476052;background:#eaf2ec;padding:6px 8px;border-radius:999px}.field-label{display:block;font-size:15px;font-weight:700;margin-bottom:10px}.location-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:10px}.location-select{width:100%;border:1px solid var(--border-medium);background:#fff;border-radius:10px;padding:13px 14px;font:500 14px var(--font-sans);color:var(--text-primary);outline:none}.location-select:focus{border-color:#537462;box-shadow:0 0 0 4px rgba(83,116,98,.1)}.location-select:disabled{background:#f1f1ed;color:#969991}.location-note{font-size:12px;line-height:1.55;color:var(--text-tertiary);margin:10px 0 0}
.explorer-main{padding-top:26px;padding-bottom:70px}.explorer-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px 0 16px;border-bottom:1px solid var(--border-light)}.market-controls{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}.market-label{width:100%;font:600 9px var(--font-mono);letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:1px}.market-select{min-width:165px;border:1px solid var(--border-medium);background:#fff;border-radius:10px;padding:11px 34px 11px 13px;font:600 13px var(--font-sans);color:var(--text-primary)}.search-wrap{position:relative;width:min(380px,100%)}.search-wrap .search-input{padding-left:39px}.search-icon{position:absolute;left:14px;top:9px;font-size:22px;color:#8a8e89;z-index:1}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0 22px}.result-count{font:500 10px var(--font-mono);letter-spacing:.06em;color:var(--text-tertiary);white-space:nowrap}.result-count strong{color:var(--text-primary);font-size:14px}.regional-fit-chip{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 0;padding:8px 10px;border:1px solid var(--border-light);border-radius:8px;background:#fafbf8;font:600 9px var(--font-mono);letter-spacing:.04em;color:#607066}.regional-fit-chip b{color:#0c2b1d}.career-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.career-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(15,17,21,.09);border-color:#c9c6ba}.card-action-btn{transition:transform .2s ease,background .2s ease}.card-action-btn:hover{transform:translateX(3px)}
@media(max-width:760px){.global-header .nav-link{display:none}.global-header .header-inner{height:66px}.location-grid{grid-template-columns:1fr}.explorer-toolbar{align-items:stretch;flex-direction:column}.search-wrap{width:100%}.filter-row{align-items:flex-start;flex-direction:column}.result-count{align-self:flex-end}.market-select{flex:1;min-width:145px}}
@media(prefers-reduced-motion:reduce){.career-card,.card-action-btn,.btn-header-ghost{transition:none!important;transform:none!important}}

/* ==========================================================================
   V1.3 INTELLIGENCE LAYER — Career DNA / Mobility / Comparison
   ========================================================================== */
.fit-verdict{display:flex;flex-direction:column;gap:5px;border-left:3px solid var(--accent);background:#f7faf6;border-top:1px solid #e0e8df;border-right:1px solid #e0e8df;border-bottom:1px solid #e0e8df;padding:16px 18px;margin:0 0 34px}.fit-verdict-kicker,.section-micro,.dna-stage,.comparison-rank{font:600 9px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#748079}.fit-verdict strong{font-size:15px;line-height:1.5;color:#1b2b20}.fit-verdict span{font-size:11px;color:#68746c}.career-dna-panel,.mobility-panel,.comparison-panel{margin:0 0 38px;padding:28px 0 0;border-top:1px solid var(--border-subtle)}.intelligence-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.intelligence-section-head h2{font-size:27px;letter-spacing:-.035em;line-height:1.1;margin-top:7px}.intelligence-section-head h2 em{font-style:normal;color:#76bd91}.dna-stage{padding:7px 10px;border:1px solid var(--border-subtle);border-radius:999px;white-space:nowrap}.dna-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.dna-primary,.dna-strengths{border:1px solid var(--border-subtle);border-radius:12px;background:#fbfcf9;padding:20px}.dna-primary span,.dna-strengths>span{display:block;font:600 9px var(--font-mono);letter-spacing:.08em;color:#7a837d;text-transform:uppercase;margin-bottom:9px}.dna-primary strong{display:block;font-size:24px;letter-spacing:-.03em;margin-bottom:7px}.dna-primary p{font-size:12px;color:#68736c}.dna-strengths>div{display:flex;flex-wrap:wrap;gap:7px}.dna-strengths b{font-size:11px;font-weight:600;padding:8px 10px;border-radius:7px;background:#edf4ed;color:#375242}.mobility-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}.mobility-node{border:1px solid var(--border-subtle);border-radius:12px;padding:17px;background:#fff;min-height:122px}.mobility-node span{display:block;font:600 9px var(--font-mono);letter-spacing:.08em;color:#7c857f;margin-bottom:8px}.mobility-node strong{display:block;font-size:14px;line-height:1.35}.mobility-node small{display:block;color:#747d77;font-size:11px;line-height:1.45;margin-top:8px}.mobility-node.target{background:#0e1712;color:#eef6ef;border-color:#0e1712}.mobility-node.target span,.mobility-node.target small{color:#9cb0a2}.mobility-arrow{font-size:20px;color:#9aa29c;text-align:center}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.comparison-card{appearance:none;text-align:left;border:1px solid var(--border-subtle);border-radius:12px;background:#fff;padding:19px;min-height:190px;cursor:pointer;font:inherit;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column}.comparison-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(15,17,21,.08);border-color:#bfc8bf}.comparison-card.chosen{background:#f2f7f2;border-color:#c9ddcc;cursor:default}.comparison-card h3{font-size:17px;line-height:1.2;letter-spacing:-.02em;margin:10px 0 15px}.comparison-card strong{font-size:34px;letter-spacing:-.05em}.comparison-card strong small{font-size:11px;color:#7c857f;font-weight:500}.comparison-card p{font-size:11px;color:#747d77;line-height:1.45;margin-top:2px}.comparison-card span{font-size:11px;font-weight:700;color:#2e6541;margin-top:auto;padding-top:15px}.comparison-rank{font-size:8px}
@media(max-width:800px){.dna-grid,.comparison-grid{grid-template-columns:1fr}.mobility-flow{grid-template-columns:1fr}.mobility-arrow{transform:rotate(90deg);padding:1px}.intelligence-section-head{align-items:flex-start;flex-direction:column}.dna-stage{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.comparison-card{transition:none!important}}


/* ========================================================================
   V1.3.3 — GLOBAL UX REFINEMENT
   ======================================================================== */
.global-header .nav-actions{gap:6px}
.global-header .nav-link{display:inline-flex;align-items:center;padding:9px 11px;border-radius:8px;color:#68716b;font-size:13px;transition:background .2s,color .2s,transform .2s}
.global-header .nav-link:hover{background:#eef1ec;color:#0f1712;transform:translateY(-1px)}
.global-header .nav-link.nav-active{background:#eef1ec;color:#0f1712;font-weight:650}
.global-header .btn-header-cta{box-shadow:0 4px 14px rgba(13,17,23,.12)}

/* Hero CTA: explicit override prevents the legacy white-text rule from winning. */
.hero-copy-global .btn-hero-primary{background:#e9f4eb!important;color:#0b1210!important;border-color:#e9f4eb!important;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.hero-copy-global .btn-hero-primary:hover{background:#fff!important;color:#0b1210!important;border-color:#fff!important;transform:translateY(-2px)}
.hero-copy-global .btn-hero-secondary{background:rgba(255,255,255,.97);color:#0b1210;border-color:rgba(255,255,255,.7);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.hero-copy-global .btn-hero-secondary:hover{background:#fff;border-color:#fff;transform:translateY(-2px)}

/* Give the long-form homepage sections a deliberate rhythm. */
.section-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:0 0;color:#8a918b;font:600 9px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.section-divider span:first-child,.section-divider span:last-child{height:1px;background:#dfe1db}
.section-divider{max-width:1160px;margin:0 auto}
.section-divider-light{color:#a2aaa4;background:#0d1117;max-width:none;padding:0 max(24px,calc((100vw - 1160px)/2 + 24px));}
.section-divider-light span:first-child,.section-divider-light span:last-child{background:rgba(255,255,255,.1)}
.signal-section{padding:86px 0 92px;border-bottom:1px solid #e4e5df}
.how-section{padding:86px 0 108px}

/* Rebuilt radial engine visual: separated nodes + connector lines. */
.system-map{height:500px;max-width:650px;overflow:hidden}
.system-map .map-ring{z-index:1}
.system-map .r1{width:230px;height:230px}
.system-map .r2{width:400px;height:400px}
.system-map .map-center{z-index:4;width:124px;height:124px}
.system-map .map-node{z-index:5;min-width:78px;padding:9px 12px;border-radius:8px;display:flex;align-items:center;gap:7px;box-shadow:0 8px 20px rgba(0,0,0,.18);background:#111820}
.system-map .map-node i{font-style:normal;font-size:7px;color:#6f7d75;letter-spacing:.05em}
.system-map .n1{left:50%;top:2%;transform:translateX(-50%)}
.system-map .n2{right:7%;top:22%}
.system-map .n3{right:4%;bottom:21%}
.system-map .n4{left:50%;bottom:2%;transform:translateX(-50%)}
.system-map .n5{left:4%;bottom:21%}
.system-map .n6{left:7%;top:22%}
.map-connector{position:absolute;z-index:2;left:50%;top:50%;height:1px;width:175px;transform-origin:0 50%;background:linear-gradient(90deg,rgba(139,208,164,.38),rgba(139,208,164,.04));}
.c1{transform:rotate(-90deg)}.c2{transform:rotate(-30deg)}.c3{transform:rotate(30deg)}.c4{transform:rotate(90deg)}.c5{transform:rotate(150deg)}.c6{transform:rotate(210deg)}
.map-center:before{content:"";position:absolute;inset:-12px;border:1px solid rgba(139,208,164,.12);border-radius:50%;}

/* Modern market selector inside the assessment. */
.market-selector-panel{margin:4px 0 32px;padding:25px;border:1px solid #dfe4dd;border-radius:18px;background:linear-gradient(145deg,#f7faf6 0%,#fff 72%);box-shadow:0 12px 34px rgba(15,17,21,.045)}
.market-selector-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}
.market-kicker{display:block;color:#567061;font:600 9px/1.2 var(--font-mono);letter-spacing:.12em;margin-bottom:8px}
.market-title{font-size:23px;line-height:1.15;letter-spacing:-.03em;margin:0 0 7px}
.market-subtitle{font-size:13px;line-height:1.55;color:#69736d;max-width:610px}
.market-badge{flex:0 0 auto;border:1px solid #d2e0d5;background:#edf5ef;color:#41604c;border-radius:999px;padding:7px 9px;font:600 8px var(--font-mono);letter-spacing:.08em}
.market-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.market-field{padding:16px;border:1px solid #e2e5df;border-radius:13px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.market-field:focus-within{border-color:#9cb5a4;box-shadow:0 0 0 4px rgba(83,116,98,.08);transform:translateY(-1px)}
.market-field.is-ready{border-color:#d2dfd5;background:#fcfefc}
.market-field-label{display:flex;align-items:center;gap:8px;margin-bottom:10px}.market-field-label span{font:600 8px var(--font-mono);color:#849089;letter-spacing:.08em}.market-field-label strong{font-size:13px}
.market-select-modern{appearance:none;-webkit-appearance:none;width:100%;height:48px;padding:0 42px 0 14px;border:1px solid #d5dad4;border-radius:10px;background:#fbfcfa;color:#111714;font:600 14px var(--font-sans);outline:none;background-image:linear-gradient(45deg,transparent 50%,#68756d 50%),linear-gradient(135deg,#68756d 50%,transparent 50%);background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.market-select-modern:disabled{background-color:#f1f3ef;color:#9aa19c;cursor:not-allowed}.market-select-modern:focus{border-color:#6f927c}
.market-field small{display:block;margin-top:8px;color:#858d88;font-size:10.5px;line-height:1.4}
.market-context{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px;padding:10px 12px;border-radius:9px;background:#eef4ef;color:#567061;font:500 10px var(--font-mono);letter-spacing:.03em}.market-context:not(.visible){background:#f4f5f2;color:#7f8882}.context-pulse{width:6px;height:6px;border-radius:50%;background:#3b8756;box-shadow:0 0 0 4px rgba(59,135,86,.1)}.context-detail{margin-left:auto;color:#89918c}

/* Assessment spacing and hierarchy. */
.container-narrow{max-width:940px}
.wizard-card{padding:40px;border-radius:18px;box-shadow:0 10px 35px rgba(15,17,21,.045)}
.wizard-title{font-size:clamp(30px,4vw,40px)}
.wizard-desc{font-size:16px;max-width:760px;margin-bottom:28px}
.choice-grid{gap:12px}.choice-box{min-height:72px;padding:18px 20px;border-radius:12px}.pill-item{border-radius:999px;padding:9px 13px}

@media(max-width:760px){
 .global-header .nav-link{display:none}.global-header .header-inner{height:66px}
 .section-divider{padding-left:16px;padding-right:16px}.section-divider-light{padding-left:16px;padding-right:16px}
 .signal-section{padding:70px 0 74px}.how-section{padding:70px 0 80px}
 .system-map{height:400px;transform:none}.system-map .r2{width:330px;height:330px}.system-map .r1{width:190px;height:190px}.map-connector{width:140px}.system-map .map-node{font-size:8px;min-width:68px;padding:8px 9px}.system-map .n1{top:6%}.system-map .n4{bottom:6%}.system-map .n2{right:2%;top:25%}.system-map .n3{right:1%;bottom:23%}.system-map .n5{left:1%;bottom:23%}.system-map .n6{left:2%;top:25%}
 .market-selector-panel{padding:18px;margin-bottom:26px}.market-selector-top{flex-direction:column;gap:12px}.market-title{font-size:21px}.market-select-grid{grid-template-columns:1fr;gap:10px}.market-context{align-items:flex-start}.context-detail{width:100%;margin-left:14px}
 .wizard-card{padding:26px 18px}.wizard-title{font-size:30px}
}
@media(prefers-reduced-motion:reduce){.global-header .nav-link,.market-field{transition:none}.system-map .map-center:after{animation:none}}

/* ========================================================================
   V1.3.4 — CAREER GRAPH + HOMEPAGE ENGINE VISUAL
   ======================================================================== */
.system-proof{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 22px}.system-proof span{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);border-radius:999px;padding:8px 10px;color:#89958d;font:500 9px var(--font-mono);letter-spacing:.06em}.system-proof b{color:#dbe9df;font-weight:600;margin-right:4px}
.system-map-v2{height:520px;max-width:700px;overflow:visible}.system-map-v2 .graph-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(139,208,164,.14)}.system-map-v2 .orbit-outer{width:440px;height:440px;animation:orbitBreath 8s ease-in-out infinite}.system-map-v2 .orbit-inner{width:290px;height:290px;border-style:dashed;animation:orbitBreath 6s ease-in-out infinite reverse}.system-map-v2 .graph-core{width:142px;height:142px;z-index:8;background:radial-gradient(circle at 35% 30%,#1d3828,#102018 70%);box-shadow:0 0 70px rgba(87,165,111,.12),inset 0 0 30px rgba(139,208,164,.08)}.graph-core span{display:flex;flex-direction:column;gap:4px}.graph-core small{font:600 7px var(--font-mono);letter-spacing:.16em;color:#7f9b89}.graph-line{position:absolute;z-index:2;left:50%;top:50%;height:1px;width:205px;transform-origin:0 50%;background:linear-gradient(90deg,rgba(139,208,164,.36),rgba(139,208,164,.03));opacity:.8}.gl-top{transform:rotate(-90deg)}.gl-right{transform:rotate(0deg)}.gl-bottom{transform:rotate(90deg)}.gl-left{transform:rotate(180deg)}.system-map-v2 .graph-node{z-index:9;min-width:112px;padding:11px 13px;border:1px solid rgba(255,255,255,.13);background:rgba(17,24,32,.94);border-radius:9px;color:#d2dad4;box-shadow:0 14px 30px rgba(0,0,0,.24);font:500 9px var(--font-mono);letter-spacing:.07em;display:flex;align-items:center;gap:7px}.system-map-v2 .graph-node i{font-style:normal;font-size:7px;color:#718078}.system-map-v2 .graph-top{left:50%;top:0;transform:translateX(-50%)}.system-map-v2 .graph-right{right:0;top:50%;transform:translateY(-50%)}.system-map-v2 .graph-bottom{left:50%;bottom:0;transform:translateX(-50%)}.system-map-v2 .graph-left{left:0;top:50%;transform:translateY(-50%)}.graph-chip{position:absolute;z-index:10;padding:7px 10px;border-radius:999px;border:1px solid rgba(139,208,164,.2);background:#0f1713;color:#91cba5;font:600 8px var(--font-mono);letter-spacing:.12em;box-shadow:0 8px 20px rgba(0,0,0,.18)}.chip-role{right:16%;top:19%;animation:chipFloat 5s ease-in-out infinite}.chip-roadmap{left:14%;bottom:18%;animation:chipFloat 6s ease-in-out infinite reverse}.graph-live{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);white-space:nowrap;color:#63726a;font:500 8px var(--font-mono);letter-spacing:.1em}.graph-live span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#75c48f;margin-right:7px;box-shadow:0 0 0 4px rgba(117,196,143,.08)}.graph-live b{font-weight:400;color:#34433a;margin:0 7px}
@keyframes orbitBreath{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.025)}}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* Result-page career graph: navigable, readable network rather than a decorative diagram. */
.career-graph-panel{margin:0 0 38px;padding:28px 0 0;border-top:1px solid var(--border-subtle)}.career-graph-intro{max-width:760px;color:var(--text-secondary);font-size:13px;line-height:1.65;margin:0 0 20px}.career-graph-shell{border:1px solid #dce3dc;border-radius:16px;background:#f7faf7;overflow:hidden}.career-graph-canvas{position:relative;min-height:520px;max-width:920px;margin:0 auto;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(139,208,164,.10),transparent 27%),radial-gradient(circle at 50% 50%,transparent 0 35%,rgba(139,208,164,.035) 35.2%,transparent 35.8%),#f7faf7}.career-graph-canvas:before,.career-graph-canvas:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(66,104,79,.09);border-radius:50%;pointer-events:none}.career-graph-canvas:before{width:360px;height:360px}.career-graph-canvas:after{width:610px;height:610px}.career-graph-connector{position:absolute;left:50%;top:50%;width:245px;height:1px;background:linear-gradient(90deg,rgba(76,118,89,.42),rgba(76,118,89,.08));transform-origin:0 50%;z-index:1}.cg-a{transform:rotate(180deg)}.cg-b{transform:rotate(-90deg)}.cg-c{transform:rotate(0deg)}.cg-d{transform:rotate(90deg)}.career-graph-node{position:absolute;z-index:5;width:185px;min-height:108px;padding:16px 17px;border:1px solid #d7e0d8;border-radius:13px;background:#fff;box-shadow:0 12px 28px rgba(20,34,24,.07);text-align:left;color:#142018;display:flex;flex-direction:column;justify-content:center;font:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.career-graph-node span{font:600 8px var(--font-mono);letter-spacing:.1em;color:#7b887f;margin-bottom:7px}.career-graph-node strong{font-size:14px;line-height:1.3;letter-spacing:-.015em}.career-graph-node small{font-size:10px;line-height:1.45;color:#78827c;margin-top:7px}.career-graph-node.graph-target{left:50%;top:50%;transform:translate(-50%,-50%);width:235px;min-height:145px;background:#0e1712;color:#f0f6f1;border-color:#0e1712;box-shadow:0 24px 55px rgba(13,28,19,.18);text-align:center;align-items:center}.graph-target span{color:#8eb39a}.graph-target strong{font-size:19px;max-width:190px}.graph-target small{color:#9eafa4}.graph-origin{left:4%;top:50%;transform:translateY(-50%)}.graph-adj-1{right:4%;top:21%}.graph-adj-2{right:4%;bottom:21%}.graph-next{left:50%;bottom:4%;transform:translateX(-50%);width:210px}.career-graph-node.graph-adj{cursor:pointer}.career-graph-node.graph-adj:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(20,34,24,.11);border-color:#b8cabd}.career-graph-node.graph-adj-2:hover{transform:translateY(-4px)}.career-graph-cluster{position:absolute;left:50%;top:10%;transform:translateX(-50%);z-index:3;padding:8px 11px;border:1px dashed #c5d2c8;border-radius:999px;color:#607067;background:rgba(255,255,255,.65);font:600 8px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.career-graph-footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:13px 17px;border-top:1px solid #dce3dc;background:#fff;color:#78827c;font:500 8px var(--font-mono);letter-spacing:.05em}.career-graph-footer i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#80bd94;margin-right:6px}.graph-foot-note{margin-left:auto;color:#9aa39e}

@media(max-width:900px){.system-map-v2{height:440px}.system-map-v2 .orbit-outer{width:370px;height:370px}.system-map-v2 .orbit-inner{width:245px;height:245px}.system-map-v2 .graph-line{width:165px}.system-map-v2 .graph-node{min-width:94px}.graph-chip{display:none}.career-graph-canvas{min-height:610px}.career-graph-node{width:165px}.career-graph-node.graph-origin{left:3%}.career-graph-node.graph-adj-1,.career-graph-node.graph-adj-2{right:3%}.career-graph-node.graph-target{width:205px}.career-graph-connector{width:190px}}
@media(max-width:700px){.system-proof{gap:6px}.system-proof span{font-size:8px}.system-map-v2{height:390px}.system-map-v2 .orbit-outer{width:290px;height:290px}.system-map-v2 .orbit-inner{width:190px;height:190px}.system-map-v2 .graph-core{width:105px;height:105px;font-size:9px}.system-map-v2 .graph-line{width:130px}.system-map-v2 .graph-node{min-width:78px;padding:8px 8px;font-size:7px}.system-map-v2 .graph-node i{font-size:6px}.system-map-v2 .graph-top{top:4%}.system-map-v2 .graph-bottom{bottom:4%}.system-map-v2 .graph-right{right:0}.system-map-v2 .graph-left{left:0}.graph-live{bottom:17px;font-size:7px}.career-graph-canvas{min-height:720px}.career-graph-canvas:before{width:250px;height:250px}.career-graph-canvas:after{width:430px;height:430px}.career-graph-node{width:145px;min-height:98px;padding:13px}.career-graph-node strong{font-size:12px}.career-graph-node small{font-size:9px}.career-graph-node.graph-origin{left:50%;top:10%;transform:translateX(-50%)}.career-graph-node.graph-adj-1{right:3%;top:34%}.career-graph-node.graph-adj-2{right:3%;bottom:25%}.career-graph-node.graph-next{left:50%;bottom:4%;width:180px}.career-graph-node.graph-target{width:190px;min-height:128px;left:50%;top:50%}.career-graph-connector{width:150px}.cg-a{transform:rotate(-90deg)}.cg-b{transform:rotate(-25deg)}.cg-c{transform:rotate(25deg)}.cg-d{transform:rotate(90deg)}.career-graph-cluster{top:4%;font-size:7px}.career-graph-footer{gap:10px}.graph-foot-note{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){.system-map-v2 .graph-orbit,.graph-chip{animation:none}.career-graph-node{transition:none}}


/* ========================================================================
   V1.4.0 — PRODUCT UX / CAREER INTELLIGENCE POLISH
   ======================================================================== */
.engine-showcase{padding-top:96px;padding-bottom:104px;border-top:1px solid rgba(255,255,255,.05)}
.engine-intro-row{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px;align-items:center}
.engine-live-panel{position:relative;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(145deg,#10171c,#0b1015);box-shadow:0 30px 80px rgba(0,0,0,.25);overflow:hidden}
.engine-live-head{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-bottom:1px solid rgba(255,255,255,.08);font:600 8px var(--font-mono);letter-spacing:.11em;color:#809088}.engine-live-head span{display:flex;align-items:center;gap:7px;color:#a6cbb1}.engine-live-head i{width:6px;height:6px;border-radius:50%;background:#83cf9d;box-shadow:0 0 0 4px rgba(131,207,157,.09)}.engine-live-head small{font:500 8px var(--font-mono);color:#53615a;letter-spacing:.08em}
.engine-graph{position:relative;height:390px;background:radial-gradient(circle at 50% 50%,rgba(113,194,139,.10),transparent 25%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}
.engine-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(139,208,164,.13);border-radius:50%;transform:translate(-50%,-50%);animation:enginePulse 7s ease-in-out infinite}.er-1{width:150px;height:150px;border-color:rgba(139,208,164,.25)}.er-2{width:270px;height:270px;border-style:dashed;animation-delay:.7s}.er-3{width:390px;height:390px;animation-delay:1.4s}
.engine-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 35% 25%,#21412d,#102017 72%);border:1px solid rgba(139,208,164,.4);box-shadow:0 0 60px rgba(87,165,111,.13);z-index:4}.engine-core span{font:600 7px var(--font-mono);letter-spacing:.16em;color:#83a590}.engine-core strong{font-size:16px;line-height:.95;letter-spacing:-.03em;color:#eef7f0;margin-top:6px}
.engine-link{position:absolute;left:50%;top:50%;height:1px;width:150px;transform-origin:0 50%;background:linear-gradient(90deg,rgba(139,208,164,.38),rgba(139,208,164,.02));z-index:2}.el-1{transform:rotate(-90deg)}.el-2{transform:rotate(-30deg)}.el-3{transform:rotate(30deg)}.el-4{transform:rotate(150deg)}.el-5{transform:rotate(210deg)}
.engine-node{position:absolute;z-index:6;min-width:92px;padding:9px 11px;border:1px solid rgba(255,255,255,.12);background:rgba(16,23,29,.94);border-radius:9px;box-shadow:0 10px 24px rgba(0,0,0,.2)}.engine-node b{display:block;color:#d4dfd8;font:600 8px var(--font-mono);letter-spacing:.1em}.engine-node span{display:block;margin-top:3px;color:#68766e;font-size:9px}.en-top{left:50%;top:18px;transform:translateX(-50%)}.en-right{right:9%;top:34%;}.en-br{right:14%;bottom:12%}.en-bl{left:14%;bottom:12%}.en-left{left:9%;top:34%}.engine-path-label{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);white-space:nowrap;font:500 8px var(--font-mono);letter-spacing:.14em;color:#5c6b62}.engine-bottom-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08)}.engine-bottom-metrics span{padding:12px 14px;color:#69776f;font:500 8px var(--font-mono);letter-spacing:.05em;border-right:1px solid rgba(255,255,255,.07)}.engine-bottom-metrics span:last-child{border-right:0}.engine-bottom-metrics b{color:#b5cfc0;margin-right:5px}
@keyframes enginePulse{0%,100%{opacity:.72;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.018)}}

/* Assessment workspace: make the utility feel like a focused product, not a form page. */
.pathfinder-workspace{max-width:1040px!important;padding-top:24px;padding-bottom:58px!important}
.utility-masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;padding:34px 0 28px}.utility-masthead-copy{max-width:680px}.utility-eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 9px var(--font-mono);letter-spacing:.11em;color:#6f7d74}.utility-eyebrow i{width:6px;height:6px;border-radius:50%;background:#78bf91;box-shadow:0 0 0 4px rgba(120,191,145,.1)}.utility-masthead h1{font-size:clamp(34px,4.2vw,52px);line-height:1;letter-spacing:-.045em;margin:13px 0 11px}.utility-masthead h1 em{font-style:normal;color:#78c696}.utility-masthead p{color:#707971;font-size:14px;max-width:580px}.utility-masthead-meta{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.utility-masthead-meta span{border:1px solid #dde2dc;background:#fff;border-radius:999px;padding:9px 11px;font:500 8px var(--font-mono);letter-spacing:.06em;color:#778078}.utility-masthead-meta b{color:#17241c;margin-right:4px}.pathfinder-workspace .step-indicator{margin:0 0 12px;padding:0 2px}.pathfinder-workspace .assessment-note{margin-bottom:16px}.pathfinder-workspace .wizard-card{border:1px solid #dde2dc;background:rgba(255,255,255,.94);box-shadow:0 20px 55px rgba(15,17,21,.055);border-radius:20px}.pathfinder-workspace .wizard-title{letter-spacing:-.04em}.pathfinder-workspace .choice-box{background:#fcfdfb;border-color:#dfe4de;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.pathfinder-workspace .choice-box:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,17,21,.06);border-color:#bac9bf;background:#fff}.pathfinder-workspace .choice-box.selected{border-color:#77a889;background:#f1f8f3;box-shadow:0 0 0 2px rgba(119,168,137,.08)}.pathfinder-workspace .btn-primary{box-shadow:0 10px 22px rgba(12,43,29,.13)}.utility-bottom-note{display:flex;justify-content:space-between;gap:15px;padding:14px 4px 0;color:#7e8781;font:500 8px var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.utility-bottom-note span{display:flex;align-items:center;gap:7px}.utility-bottom-note i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7bc392}
/* Step 1 market module: clearer hierarchy and more breathing room. */
.market-selector-panel{padding:28px!important;border-radius:18px!important;background:linear-gradient(145deg,#f4f8f4,#fff)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 12px 30px rgba(15,17,21,.035)!important}.market-select-grid{gap:16px!important}.market-field{padding:15px!important;border:1px solid #e0e6df!important;border-radius:14px!important;background:rgba(255,255,255,.8)!important}.market-select-modern{height:52px!important;border-radius:11px!important;font-size:14px!important;background-color:#fff!important}.market-field small{display:block;margin-top:9px!important;color:#7b857e!important}.market-context{margin-top:14px!important;padding:11px 13px!important;border-radius:10px!important;background:#edf5ef!important}
/* Results: stronger hierarchy and less spreadsheet feeling. */
.fit-dashboard{gap:10px!important}.fit-score-card{border-radius:16px!important}.fit-dimension{border-radius:14px!important}.career-dna-panel,.career-graph-panel,.mobility-panel,.comparison-panel{padding-top:30px!important}.career-graph-shell{box-shadow:0 18px 50px rgba(20,34,24,.06)}

@media(max-width:900px){.engine-intro-row{grid-template-columns:1fr;gap:35px}.engine-live-panel{max-width:720px}.utility-masthead{align-items:flex-start;flex-direction:column}.utility-masthead-meta{justify-content:flex-start}}
@media(max-width:620px){.engine-showcase{padding:72px 0}.engine-graph{height:330px}.er-3{width:300px;height:300px}.er-2{width:210px;height:210px}.engine-link{width:110px}.engine-node{min-width:74px;padding:8px}.engine-node span{font-size:8px}.en-right{right:2%}.en-left{left:2%}.en-br{right:7%}.en-bl{left:7%}.engine-bottom-metrics{grid-template-columns:1fr 1fr}.engine-bottom-metrics span:nth-child(2){border-right:0}.engine-masthead{}.utility-masthead{padding-top:24px}.utility-masthead h1{font-size:34px}.utility-masthead-meta{gap:5px}.utility-masthead-meta span{padding:8px 9px}.pathfinder-workspace .wizard-card{border-radius:16px}.market-selector-panel{padding:19px!important}.utility-bottom-note{flex-direction:column;gap:8px}.pathfinder-workspace .step-indicator{overflow:hidden}.pathfinder-workspace .step-item span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.engine-ring{animation:none}.pathfinder-workspace .choice-box{transition:none}}


/* ========================================================================
   V1.5.0 — TRACK-FIRST CAREER SELECTION
   Keep the 127-role library out of the user's way: choose a track first,
   then show only the roles belonging to that track.
   ======================================================================== */
.track-selection-card,.destination-selection-card{overflow:hidden}
.wizard-kicker{font:600 9px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#718078;margin-bottom:10px}
.track-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:24px 0 18px}
.track-card{appearance:none;width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto 24px;align-items:center;gap:15px;text-align:left;border:1px solid #dde4de;border-radius:15px;background:#fbfcfa;padding:17px 18px;cursor:pointer;color:var(--text-primary);font:inherit;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.track-card:hover{transform:translateY(-2px);border-color:#b9cbbf;background:#fff;box-shadow:0 12px 28px rgba(15,17,21,.06)}
.track-card.selected{border-color:#6e9b7d;background:#eff7f1;box-shadow:0 0 0 2px rgba(110,155,125,.08)}
.track-number{font:600 10px var(--font-mono);color:#849089;align-self:start;padding-top:2px}
.track-copy strong{display:block;font-size:17px;letter-spacing:-.02em;line-height:1.2}.track-copy small{display:block;color:#707a73;font-size:11px;line-height:1.5;margin-top:5px;max-width:700px}
.track-count{font:700 18px var(--font-sans);text-align:right;color:#1e3227;white-space:nowrap}.track-count small{display:block;font:600 8px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#7a857e;margin-top:1px}
.track-arrow{font-size:18px;color:#849089;transition:transform .18s ease}.track-card:hover .track-arrow,.track-card.selected .track-arrow{transform:translateX(3px);color:#2f6241}
.track-selection-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #e5e9e4;padding-top:18px;margin-top:8px}.track-selection-footer>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}.track-selection-footer strong{font-size:12px}.track-selection-footer small{display:block;color:#7a837d;font-size:10px;margin-top:2px}.footer-dot{width:7px;height:7px;border-radius:50%;background:#79bf91;box-shadow:0 0 0 4px rgba(121,191,145,.11);flex:none}.wizard-actions-inline{display:flex;gap:9px;align-items:center;flex:none}
.target-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.track-change-btn{appearance:none;border:1px solid #d8dfd9;background:#fff;border-radius:999px;padding:9px 12px;color:#3e5a49;font:600 10px var(--font-mono);letter-spacing:.03em;cursor:pointer;white-space:nowrap;transition:.18s ease}.track-change-btn:hover{background:#eff5ef;transform:translateY(-1px)}
.target-library-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:18px 0 12px;padding:10px 12px;border:1px solid #e3e8e3;border-radius:10px;background:#fafcf9;color:#77817a;font:500 9px var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.target-library-meta b{color:#1c3025;font-size:13px;margin-right:4px}
.target-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.target-role-card{position:relative;min-height:150px!important;padding:18px 18px 17px 52px!important;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start}.target-role-card .role-index{position:absolute;left:18px;top:19px;font:600 9px var(--font-mono);color:#87928b}.target-role-card .choice-box-title{margin-bottom:7px}.target-role-card .choice-box-desc{display:block}.role-fit{margin-top:auto;padding-top:13px;font:600 8px var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:#557160}.target-role-card.selected .role-fit{color:#2f6543}
@media(max-width:720px){.track-card{grid-template-columns:28px minmax(0,1fr) 20px}.track-count{display:none}.target-role-grid{grid-template-columns:1fr}.target-head-row{flex-direction:column;gap:10px}.track-selection-footer{align-items:flex-start;flex-direction:column}.wizard-actions-inline{width:100%;justify-content:flex-end}.target-library-meta{align-items:flex-start;flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){.track-card,.track-arrow,.track-change-btn{transition:none!important;transform:none!important}}

/* V1.5.1 — Career Graph visual system */
.career-graph-shell{position:relative;overflow:hidden;border:1px solid #dfe5df;border-radius:18px;background:#0c1310;box-shadow:0 20px 60px rgba(15,25,19,.09)}
.career-graph-canvas{position:relative;min-height:430px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(111,190,137,.11),transparent 26%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,36px 36px,36px 36px}
.career-graph-canvas:before,.career-graph-canvas:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(130,202,154,.12);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.career-graph-canvas:before{width:240px;height:240px}.career-graph-canvas:after{width:390px;height:390px;border-style:dashed;opacity:.65}
.career-graph-connector{position:absolute;height:1px;background:linear-gradient(90deg,rgba(126,199,148,.08),rgba(126,199,148,.52),rgba(126,199,148,.08));transform-origin:left center;z-index:1;opacity:.8}.cg-a{left:31%;top:31%;width:205px;transform:rotate(18deg)}.cg-b{left:69%;top:31%;width:205px;transform:rotate(162deg)}.cg-c{left:34%;top:70%;width:185px;transform:rotate(-23deg)}.cg-d{left:66%;top:70%;width:185px;transform:rotate(203deg)}
.career-graph-node{position:absolute;z-index:4;width:190px;min-height:94px;padding:14px 16px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(16,24,20,.94);color:#eaf2ed;box-shadow:0 14px 32px rgba(0,0,0,.2);backdrop-filter:blur(8px);text-align:left}.career-graph-node span{display:block;font:600 8px/1.2 var(--font-mono);letter-spacing:.12em;color:#8da196;text-transform:uppercase;margin-bottom:8px}.career-graph-node strong{display:block;font-size:13px;line-height:1.3;letter-spacing:-.01em;color:#f0f6f1}.career-graph-node small{display:block;margin-top:7px;font-size:10px;line-height:1.35;color:#87968d}.career-graph-node.graph-target{left:50%;top:50%;transform:translate(-50%,-50%);width:220px;min-height:112px;display:flex;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(145deg,#183022,#0e1b14);border-color:rgba(139,208,164,.42);box-shadow:0 0 0 7px rgba(139,208,164,.035),0 22px 55px rgba(0,0,0,.3)}.career-graph-node.graph-target span{color:#8dcc9f}.career-graph-node.graph-target strong{font-size:17px}.career-graph-node.graph-target small{color:#a2b5aa}.career-graph-node.graph-origin{left:6%;top:10%}.career-graph-node.graph-adj-1{right:6%;top:10%}.career-graph-node.graph-adj-2{left:6%;bottom:10%}.career-graph-node.graph-next{right:6%;bottom:10%}button.career-graph-node{font:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}button.career-graph-node:hover{transform:translateY(-3px);border-color:rgba(139,208,164,.42);background:rgba(21,34,27,.98);box-shadow:0 18px 40px rgba(0,0,0,.27)}button.career-graph-node:focus-visible{outline:2px solid #8bd0a5;outline-offset:3px}.career-graph-cluster{position:absolute;left:50%;top:calc(50% + 74px);transform:translateX(-50%);z-index:5;white-space:nowrap;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(8,14,11,.86);font:600 8px var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:#789184}.career-graph-footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:13px 16px;border-top:1px solid rgba(255,255,255,.08);background:#0a100d;color:#718077;font:500 8px var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.career-graph-footer span{display:flex;align-items:center;gap:6px}.career-graph-footer i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#64746a}.career-graph-footer span:nth-child(2) i{background:#8bd0a5}.career-graph-footer span:nth-child(3) i{background:#a9b9b0}.graph-foot-note{margin-left:auto;color:#56645c}
@media(max-width:760px){.career-graph-canvas{min-height:600px}.career-graph-canvas:before{width:210px;height:210px}.career-graph-canvas:after{width:320px;height:320px}.career-graph-node{width:154px;min-height:86px;padding:12px}.career-graph-node strong{font-size:11px}.career-graph-node small{font-size:9px}.career-graph-node.graph-target{width:190px;min-height:105px}.career-graph-node.graph-target strong{font-size:15px}.career-graph-node.graph-origin{left:3%;top:8%}.career-graph-node.graph-adj-1{right:3%;top:8%}.career-graph-node.graph-adj-2{left:3%;bottom:8%}.career-graph-node.graph-next{right:3%;bottom:8%}.career-graph-cluster{top:calc(50% + 67px);font-size:7px}.cg-a,.cg-b{width:145px}.cg-c,.cg-d{width:135px}.career-graph-footer{gap:9px}.graph-foot-note{width:100%;margin-left:0}}@media(max-width:470px){.career-graph-canvas{min-height:620px}.career-graph-node{width:132px;min-height:82px;padding:10px}.career-graph-node span{font-size:7px}.career-graph-node strong{font-size:10px}.career-graph-node small{font-size:8px}.career-graph-node.graph-target{width:166px}.career-graph-node.graph-target strong{font-size:13px}.career-graph-node.graph-origin{left:2%;top:7%}.career-graph-node.graph-adj-1{right:2%;top:7%}.career-graph-node.graph-adj-2{left:2%;bottom:7%}.career-graph-node.graph-next{right:2%;bottom:7%}.career-graph-canvas:before{width:185px;height:185px}.career-graph-canvas:after{width:285px;height:285px}.career-graph-cluster{max-width:150px;text-align:center;white-space:normal;top:calc(50% + 62px)}}@media(prefers-reduced-motion:reduce){button.career-graph-node{transition:none}}