/* ===== Player Development Pathway page — dedicated Ronin blocks ===== */

/* ---------- hero (devpathway-hero) ---------- */
.ronin-page .devpathway-hero{
  background:linear-gradient(135deg,var(--navy-950,#04162c),var(--navy-800,#0a2547));
  padding-block:44px 52px;
  position:relative;
  overflow:hidden;
}
.ronin-page .devpathway-hero__grid{
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:40px;
  align-items:center;
  position:relative;
  z-index:1;
}
.ronin-page .devpathway-hero__breadcrumb{
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#8996ad;
  margin-bottom:14px;
}
.ronin-page .devpathway-hero__eyebrow{
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--gold,#eab040);
  margin-bottom:10px;
}
.ronin-page .devpathway-hero__intro h1{
  color:#fff;
  font-size:32px;
  font-weight:800;
  line-height:1.2;
  margin-bottom:14px;
  max-width:19ch;
}
.ronin-page .devpathway-hero__lead{
  color:#b7c1d6;
  font-size:14px;
  line-height:1.6;
  max-width:52ch;
  margin-bottom:22px;
}
.ronin-page .devpathway-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;}
.ronin-page .devpathway-hero__badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:600;
  color:#dbe2ee;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  padding:8px 14px;
  margin:38px auto 0;
  max-width:100%;
  white-space:nowrap;
}
.ronin-page .devpathway-hero__badge svg{width:14px;height:14px;flex:0 0 auto;color:var(--gold,#eab040);}
.ronin-page .devpathway-hero__checklist{display:flex;flex-wrap:wrap;flex-direction:row;gap:18px;margin:0;}
.ronin-page .devpathway-hero__checklist li{display:flex;align-items:center;gap:6px;color:#cfd7e3;font-size:11.5px;}
.ronin-page .devpathway-hero__checklist-icon{width:14px;height:14px;flex:0 0 auto;color:var(--gold,#eab040);display:flex;}
.ronin-page .devpathway-hero__checklist-icon svg{width:14px;height:14px;}
.ronin-page .devpathway-hero__checklist li::before{display:none;}

.ronin-page .devpathway-hero__visual{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ronin-page .devpathway-hero__stepper{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto 1fr auto 56px;
  align-items:start;
  width:100%;
}
.ronin-page .devpathway-hero__stage{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  text-align:center;
  padding:0 4px;
}
.ronin-page .devpathway-hero__stage-circle{
  width:44px;height:44px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:800;
  color:#fff;
  flex:0 0 auto;
}
.ronin-page .devpathway-hero__stage-circle--green{background:#2eae6a;}
.ronin-page .devpathway-hero__stage-circle--blue{background:var(--blue,#3568c9);}
.ronin-page .devpathway-hero__stage-circle--gold{background:var(--gold,#eab040);color:#1a1200;}
.ronin-page .devpathway-hero__stage-circle--outline{background:transparent;border:2px solid rgba(255,255,255,.5);color:#fff;}
.ronin-page .devpathway-hero__stage-label{font-size:11px;color:#cfd7e3;line-height:1.3;white-space:nowrap;}
.ronin-page .devpathway-hero__stage-label strong{display:block;color:#fff;font-size:12px;font-weight:700;}

.ronin-page .devpathway-hero__connector{position:relative;height:44px;min-width:24px;}
.ronin-page .devpathway-hero__connector::before{content:"";position:absolute;top:21px;left:0;right:0;border-top:2px solid rgba(255,255,255,.25);}
.ronin-page .devpathway-hero__gate{
  position:absolute;
  top:52px;left:50%;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  font-size:8.5px;
  font-weight:700;
  letter-spacing:.05em;
  color:#8996ad;
  white-space:nowrap;
}
.ronin-page .devpathway-hero__gate-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4);}
.ronin-page .devpathway-hero__connector--end::before{border-top-style:solid;}
.ronin-page .devpathway-hero__end-arrow{position:absolute;top:11px;left:6px;color:rgba(255,255,255,.6);}
.ronin-page .devpathway-hero__end-arrow svg{width:22px;height:22px;}

@media (max-width: 1024px){
  .ronin-page .devpathway-hero__grid{grid-template-columns:1fr;}
  .ronin-page .devpathway-hero__visual{margin-top:36px;}
  .ronin-page .devpathway-hero__stepper{grid-template-columns:auto 1fr auto 1fr auto 1fr auto 40px;}
}
@media (max-width: 640px){
  .ronin-page .devpathway-hero__stepper{transform:scale(.82);transform-origin:top left;}
  .ronin-page .devpathway-hero__badge{white-space:normal;text-align:center;}
}

/* ---------- shared section title ---------- */
.ronin-page .devpathway-section-title{
  font-size:16px;
  font-weight:800;
  color:#111b33;
  margin:0 0 20px;
}

/* ---------- how this pathway should be read (devpathway-read) ---------- */
.ronin-page .devpathway-read{background:#fff;padding-block:40px 0;}
.ronin-page .devpathway-read__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}
.ronin-page .devpathway-read__card{
  display:flex;
  align-items:flex-start;
  gap:12px;
  border:1px solid #e3e9f2;
  border-radius:var(--radius-md,12px);
  padding:16px;
  background:#fff;
}
.ronin-page .devpathway-read__card-icon{
  flex:0 0 auto;
  width:34px;height:34px;
  border-radius:50%;
  background:var(--blue-tint,#eaf1fd);
  color:var(--blue,#3568c9);
  display:flex;align-items:center;justify-content:center;
}
.ronin-page .devpathway-read__card-icon svg{width:16px;height:16px;}
.ronin-page .devpathway-read__card-body{display:flex;flex-direction:column;gap:3px;}
.ronin-page .devpathway-read__card-body strong{font-size:12.5px;font-weight:800;color:#111b33;}
.ronin-page .devpathway-read__card-body span{font-size:11.5px;line-height:1.5;color:#57657c;}

.ronin-page .devpathway-read__note{
  background:var(--bg-tint,#f4f6fa);
  border:1px solid #e3e9f2;
  border-radius:var(--radius-md,12px);
  padding:12px 16px;
}
.ronin-page .devpathway-read__note p{margin:0;font-size:11.5px;color:#7c8aa3;}

/* ---------- interactive pathway map (devpathway-map) ---------- */
.ronin-page .devpathway-map{background:var(--bg-tint,#f4f6fa);padding-block:36px 48px;}
.ronin-page .devpathway-map__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:24px;
}
.ronin-page .devpathway-map__title{
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  color:#111b33;
  margin:0;
}
.ronin-page .devpathway-map__select{display:flex;align-items:center;gap:8px;}
.ronin-page .devpathway-map__select span{font-size:11.5px;font-weight:700;color:#57657c;}
.ronin-page .devpathway-map__select select{
  border:1px solid #dce3ee;
  border-radius:var(--radius-sm,8px);
  padding:7px 10px;
  font-size:12.5px;
  color:#111b33;
  background:#fff;
  min-width:150px;
}

.ronin-page .devpathway-map__stepper{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto 1fr auto;
  align-items:start;
  margin-bottom:28px;
}
.ronin-page .devpathway-map__node--stage{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  text-align:center;
  padding:0 4px;
  transition:transform .15s ease;
}
.ronin-page .devpathway-map__node--stage.is-active{transform:translateY(-2px);}
.ronin-page .devpathway-map__circle{
  position:relative;
  z-index:1;
  width:46px;height:46px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:800;
  color:#fff;
  flex:0 0 auto;
  box-shadow:0 0 0 0 transparent;
  transition:box-shadow .15s ease;
}
.ronin-page .devpathway-map__node--stage.is-active .devpathway-map__circle{box-shadow:0 0 0 4px rgba(53,104,201,.18);}
.ronin-page .devpathway-map__circle--green{background:#2eae6a;}
.ronin-page .devpathway-map__circle--blue{background:var(--blue,#3568c9);}
.ronin-page .devpathway-map__circle--gold{background:var(--gold,#eab040);color:#1a1200;}
.ronin-page .devpathway-map__circle--navy{background:#0a2547;}
.ronin-page .devpathway-map__node--stage strong{font-size:12px;font-weight:800;color:#111b33;white-space:nowrap;}

.ronin-page .devpathway-map__node--gate{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  padding-top:12px;
  text-align:center;
}
.ronin-page .devpathway-map__node--gate::before{
  content:"";
  position:absolute;
  top:22px;left:-100%;right:-100%;
  border-top:2px solid #d5deeb;
  z-index:0;
}
.ronin-page .devpathway-map__diamond{
  position:relative;
  z-index:1;
  width:22px;height:22px;
  background:#0a2547;
  color:#fff;
  font-size:10px;
  font-weight:800;
  display:flex;align-items:center;justify-content:center;
  transform:rotate(45deg);
  border-radius:4px;
}
.ronin-page .devpathway-map__diamond > *{transform:rotate(-45deg);}
.ronin-page .devpathway-map__node--gate span:last-child{
  font-size:9px;
  font-weight:700;
  color:#7c8aa3;
  max-width:110px;
  line-height:1.3;
}

.ronin-page .devpathway-map__table-wrap{overflow-x:auto;background:#fff;border:1px solid #e3e9f2;border-radius:var(--radius-lg,16px);}
.ronin-page .devpathway-map__table{width:100%;border-collapse:collapse;min-width:760px;}
.ronin-page .devpathway-map__table thead th{
  text-align:left;
  font-size:11px;
  font-weight:800;
  color:#111b33;
  padding:14px 16px;
  border-bottom:1px solid #e3e9f2;
  white-space:nowrap;
}
.ronin-page .devpathway-map__table tbody th{
  text-align:left;
  font-size:11px;
  font-weight:800;
  color:#57657c;
  text-transform:uppercase;
  letter-spacing:.03em;
  padding:14px 16px;
  vertical-align:top;
  white-space:nowrap;
  border-bottom:1px solid #eef1f6;
}
.ronin-page .devpathway-map__table tbody td{
  padding:14px 16px;
  vertical-align:top;
  border-bottom:1px solid #eef1f6;
  border-left:1px solid #eef1f6;
}
.ronin-page .devpathway-map__table tbody tr:last-child th,
.ronin-page .devpathway-map__table tbody tr:last-child td{border-bottom:none;}
.ronin-page .devpathway-map__table td ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px;}
.ronin-page .devpathway-map__table td li{font-size:11.5px;line-height:1.4;color:#3a4a63;padding-left:12px;position:relative;}
.ronin-page .devpathway-map__table td li::before{content:"";position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:#a3aec2;}
.ronin-page .devpathway-map__table th[data-stage-col].is-active,
.ronin-page .devpathway-map__table td[data-stage-col].is-active{background:var(--blue-tint,#eaf1fd);}

@media (max-width: 1024px){
  .ronin-page .devpathway-read__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ronin-page .devpathway-map__stepper{overflow-x:auto;}
}
@media (max-width: 640px){
  .ronin-page .devpathway-read__grid{grid-template-columns:1fr;}
}

/* ---------- stage detail panel (devpathway-stage) ---------- */
.ronin-page .devpathway-stage{background:var(--bg-tint,#f4f6fa);padding-block:32px 32px;}
.ronin-page .devpathway-stage__panel{
  background:#fff;
  border:1px solid #e3e9f2;
  border-radius:var(--radius-lg,16px);
  overflow:hidden;
}
.ronin-page .devpathway-stage__header{padding:22px 24px 4px;}
.ronin-page .devpathway-stage__eyebrow{
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.06em;
  color:var(--blue,#3568c9);
  margin:0 0 8px;
}
.ronin-page .devpathway-stage__header h2{
  font-size:16px;
  font-weight:800;
  color:#111b33;
  margin:0 0 8px;
}
.ronin-page .devpathway-stage__subtitle{margin:0 0 20px;font-size:12px;color:#57657c;}

.ronin-page .devpathway-stage__row3{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:0;
  border-top:1px solid #eef1f6;
}
.ronin-page .devpathway-stage__card{
  padding:20px 24px;
  border-left:1px solid #eef1f6;
}
.ronin-page .devpathway-stage__card:first-child{border-left:none;}
.ronin-page .devpathway-stage__card-title{
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.04em;
  color:#111b33;
  margin:0 0 16px;
}

.ronin-page .devpathway-stage__lanes{display:flex;flex-direction:column;gap:16px;}
.ronin-page .devpathway-stage__lane{display:flex;align-items:flex-start;gap:10px;font-size:11.5px;line-height:1.5;color:#57625c;}
.ronin-page .devpathway-stage__lane strong{display:block;font-size:12.5px;font-weight:800;color:#111b33;margin-bottom:2px;}
.ronin-page .devpathway-stage__lane-icon{
  flex:0 0 auto;
  width:26px;height:26px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}
.ronin-page .devpathway-stage__lane-icon svg{width:13px;height:13px;}
.ronin-page .devpathway-stage__lane-icon--green{background:var(--green-tint,#eaf7f1);color:var(--green,#1f9d64);}
.ronin-page .devpathway-stage__lane-icon--blue{background:var(--blue-tint,#eaf1fd);color:var(--blue,#3568c9);}

.ronin-page .devpathway-stage__checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.ronin-page .devpathway-stage__checklist li{display:flex;align-items:center;gap:10px;font-size:12px;color:#3a4a63;}
.ronin-page .devpathway-stage__checkbox{
  flex:0 0 auto;
  width:15px;height:15px;
  border:1.5px solid #c7d2e3;
  border-radius:4px;
  position:relative;
}
.ronin-page .devpathway-stage__checklist li.is-checked .devpathway-stage__checkbox{background:var(--green,#1f9d64);border-color:var(--green,#1f9d64);}
.ronin-page .devpathway-stage__checklist li.is-checked .devpathway-stage__checkbox::after{
  content:"";
  position:absolute;
  left:4px;top:1px;
  width:4px;height:8px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}

.ronin-page .devpathway-stage__preview-select{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;}
.ronin-page .devpathway-stage__preview-select span{font-size:10px;font-weight:700;color:#7c8aa3;text-transform:uppercase;letter-spacing:.03em;}
.ronin-page .devpathway-stage__preview-select select{
  border:1px solid #dce3ee;
  border-radius:var(--radius-sm,8px);
  padding:7px 10px;
  font-size:12px;
  color:#111b33;
  background:#fff;
}
.ronin-page .devpathway-stage__review-body{
  text-align:center;
  padding:18px 8px;
  border:1px dashed #dce3ee;
  border-radius:var(--radius-md,12px);
}
.ronin-page .devpathway-stage__review-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;height:38px;
  margin:0 auto 12px;
  border-radius:50%;
  background:var(--bg-tint,#f4f6fa);
  color:#7c8aa3;
}
.ronin-page .devpathway-stage__review-icon svg{width:18px;height:18px;}
.ronin-page .devpathway-stage__review-body.is-loaded .devpathway-stage__review-icon{background:var(--green-tint,#eaf7f1);color:var(--green,#1f9d64);}
.ronin-page .devpathway-stage__review-body strong{display:block;font-size:12.5px;font-weight:800;color:#111b33;margin-bottom:6px;}
.ronin-page .devpathway-stage__review-body p{margin:0 0 14px;font-size:11px;color:#7c8aa3;line-height:1.5;}
.ronin-page .devpathway-stage__submit-btn{font-size:11.5px;padding:9px 14px;display:inline-flex;align-items:center;gap:6px;}

.ronin-page .devpathway-stage__gateband{
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:24px;
  background:var(--bg-tint,#f4f6fa);
  border-top:1px solid #e3e9f2;
  padding:18px 24px;
}
.ronin-page .devpathway-stage__gate-title{
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.03em;
  color:#111b33;
  margin:0 0 12px;
}
.ronin-page .devpathway-stage__gate-questions{display:flex;flex-wrap:wrap;gap:10px;}
.ronin-page .devpathway-stage__gate-q{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  color:#57657c;
  background:#fff;
  border:1px solid #e3e9f2;
  border-radius:999px;
  padding:6px 12px;
}
.ronin-page .devpathway-stage__gate-q-icon{flex:0 0 auto;width:14px;height:14px;color:#a3aec2;display:flex;}
.ronin-page .devpathway-stage__gate-q-icon svg{width:14px;height:14px;}
.ronin-page .devpathway-stage__gate-q[data-state="pass"]{border-color:#bfe4d2;color:var(--green,#1f9d64);}
.ronin-page .devpathway-stage__gate-q[data-state="pass"] .devpathway-stage__gate-q-icon{color:var(--green,#1f9d64);}
.ronin-page .devpathway-stage__gate-q[data-state="fail"]{border-color:#f3c6c6;color:#a32e2e;}
.ronin-page .devpathway-stage__gate-q[data-state="fail"] .devpathway-stage__gate-q-icon{color:#c0392b;}

.ronin-page .devpathway-stage__outcome-list{display:flex;flex-direction:column;gap:8px;}
.ronin-page .devpathway-stage__outcome{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:11.5px;
  font-weight:700;
  color:#111b33;
  background:#fff;
  border:1px solid #e3e9f2;
  border-radius:var(--radius-sm,8px);
  padding:9px 12px;
  text-decoration:none;
}
.ronin-page .devpathway-stage__outcome span{flex:0 0 auto;width:16px;height:16px;color:var(--blue,#3568c9);}
.ronin-page .devpathway-stage__outcome span svg{width:16px;height:16px;}
.ronin-page .devpathway-stage__outcome:hover{border-color:var(--blue,#3568c9);}

@media (max-width: 1024px){
  .ronin-page .devpathway-stage__row3{grid-template-columns:1fr;}
  .ronin-page .devpathway-stage__card{border-left:none;border-top:1px solid #eef1f6;}
  .ronin-page .devpathway-stage__card:first-child{border-top:none;}
  .ronin-page .devpathway-stage__gateband{grid-template-columns:1fr;}
}

/* ---------- stage 2: development planning hub + framework ---------- */
.ronin-page .devpathway-stage2__row2{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:0;
  border-top:1px solid #eef1f6;
}
.ronin-page .devpathway-stage2__hub{
  position:relative;
  width:280px;
  height:280px;
  margin:24px auto;
}
.ronin-page .devpathway-stage2__hub-ring{position:absolute;left:0;top:0;}
.ronin-page .devpathway-stage2__center{
  position:absolute;
  border-radius:50%;
  background:#0a2547;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:11px;
  font-weight:700;
  line-height:1.3;
  padding:10px;
  z-index:1;
}
.ronin-page .devpathway-stage2__node{
  position:absolute;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  text-align:center;
  z-index:1;
}
.ronin-page .devpathway-stage2__node-icon{
  width:100%;height:100%;
  border-radius:50%;
  background:#fff;
  border:1px solid #e3e9f2;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 6px rgba(10,37,71,.08);
}
.ronin-page .devpathway-stage2__node-icon svg{width:18px;height:18px;}
.ronin-page .devpathway-stage2__node-icon--green{color:var(--green,#1f9d64);}
.ronin-page .devpathway-stage2__node-icon--blue{color:var(--blue,#3568c9);}
.ronin-page .devpathway-stage2__node-icon--gold{color:var(--gold,#eab040);}
.ronin-page .devpathway-stage2__node-icon--purple{color:#7a5fd0;}
.ronin-page .devpathway-stage2__node strong{
  position:absolute;
  top:100%;
  margin-top:4px;
  font-size:10.5px;
  font-weight:700;
  color:#324058;
  white-space:nowrap;
}

.ronin-page .devpathway-stage2__framework{padding:24px;border-left:1px solid #eef1f6;}
.ronin-page .devpathway-stage2__table-wrap{overflow-x:auto;border:1px solid #e3e9f2;border-radius:var(--radius-md,12px);margin-bottom:12px;}
.ronin-page .devpathway-stage2__table{width:100%;border-collapse:collapse;min-width:480px;}
.ronin-page .devpathway-stage2__table th{
  text-align:left;
  font-size:10.5px;
  font-weight:800;
  color:#57657c;
  padding:10px 14px;
  border-bottom:1px solid #eef1f6;
  white-space:nowrap;
}
.ronin-page .devpathway-stage2__table td{padding:16px 14px;border-bottom:1px solid #eef1f6;}
.ronin-page .devpathway-stage2__table tr:last-child td{border-bottom:none;}
.ronin-page .devpathway-stage2__disclaimer{margin:0 0 16px;font-size:11px;color:#a3aec2;}
.ronin-page .devpathway-stage2__framework-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.ronin-page .devpathway-stage2__explore-link{font-size:12px;font-weight:700;color:var(--blue,#3568c9);text-decoration:none;}
.ronin-page .devpathway-stage2__explore-link:hover{text-decoration:underline;}

.ronin-page .devpathway-stage__gate-q em{font-style:normal;color:#a3aec2;font-weight:600;}

@media (max-width: 1024px){
  .ronin-page .devpathway-stage2__row2{grid-template-columns:1fr;}
  .ronin-page .devpathway-stage2__framework{border-left:none;border-top:1px solid #eef1f6;}
}

/* ---------- stage 3: exposure & matching ---------- */
.ronin-page .devpathway-stage3__row2{
  display:grid;
  grid-template-columns:1fr 260px;
  gap:0;
  border-top:1px solid #eef1f6;
}
.ronin-page .devpathway-stage3__match{padding:24px;}
.ronin-page .devpathway-stage3__flow{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}
.ronin-page .devpathway-stage3__context-card{
  border:1px solid #e3e9f2;
  border-radius:var(--radius-md,12px);
  padding:16px;
  height:100%;
}
.ronin-page .devpathway-stage3__context-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.ronin-page .devpathway-stage3__context-card li{font-size:11.5px;color:#3a4a63;padding-left:12px;position:relative;}
.ronin-page .devpathway-stage3__context-card li::before{content:"";position:absolute;left:0;top:5px;width:4px;height:4px;border-radius:50%;background:#a3aec2;}
.ronin-page .devpathway-stage3__flow-arrow{color:var(--blue,#3568c9);flex:0 0 auto;}
.ronin-page .devpathway-stage3__flow-arrow svg{width:20px;height:20px;}
.ronin-page .devpathway-stage3__review{
  text-align:center;
  border:1px solid var(--blue-tint,#eaf1fd);
  background:var(--blue-tint,#eaf1fd);
  border-radius:var(--radius-md,12px);
  padding:18px 14px;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.ronin-page .devpathway-stage3__review-icon{
  width:40px;height:40px;
  border-radius:50%;
  background:#fff;
  color:var(--blue,#3568c9);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:10px;
}
.ronin-page .devpathway-stage3__review-icon svg{width:20px;height:20px;}
.ronin-page .devpathway-stage3__review strong{font-size:11px;font-weight:800;color:#111b33;margin-bottom:6px;letter-spacing:.02em;}
.ronin-page .devpathway-stage3__review p{margin:0;font-size:10.5px;line-height:1.5;color:#3a4a63;}

.ronin-page .devpathway-stage3__note{margin:0 0 16px;font-size:11.5px;color:#7c8aa3;}

.ronin-page .devpathway-stage3__routes{padding:24px;border-left:1px solid #eef1f6;display:flex;flex-direction:column;gap:16px;}
.ronin-page .devpathway-stage3__route{display:flex;align-items:flex-start;gap:10px;}
.ronin-page .devpathway-stage3__route-icon{
  flex:0 0 auto;
  width:30px;height:30px;
  border-radius:50%;
  background:var(--blue-tint,#eaf1fd);
  color:var(--blue,#3568c9);
  display:flex;align-items:center;justify-content:center;
}
.ronin-page .devpathway-stage3__route-icon svg{width:15px;height:15px;}
.ronin-page .devpathway-stage3__route strong{display:block;font-size:11.5px;font-weight:700;color:#111b33;margin-bottom:2px;}
.ronin-page .devpathway-stage3__route a{font-size:11px;color:var(--blue,#3568c9);text-decoration:none;font-weight:600;}
.ronin-page .devpathway-stage3__route a:hover{text-decoration:underline;}

.ronin-page .devpathway-stage3__gateband{background:var(--bg-tint,#f4f6fa);border-top:1px solid #e3e9f2;padding:18px 24px;}
.ronin-page .devpathway-stage3__gateflow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.ronin-page .devpathway-stage3__gatestep{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;width:64px;}
.ronin-page .devpathway-stage3__gatestep-icon{
  width:28px;height:28px;
  border-radius:50%;
  background:#fff;
  border:1px solid #e3e9f2;
  color:#7c8aa3;
  display:flex;align-items:center;justify-content:center;
}
.ronin-page .devpathway-stage3__gatestep-icon svg{width:14px;height:14px;}
.ronin-page .devpathway-stage3__gatestep span{font-size:9px;font-weight:700;color:#57657c;line-height:1.3;}
.ronin-page .devpathway-stage3__gatestep-arrow{flex:0 0 auto;color:#c7d2e3;}
.ronin-page .devpathway-stage3__gatestep-arrow svg{width:14px;height:14px;}

.ronin-page .devpathway-stage3__gatelock{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border:1px solid #e3e9f2;
  border-radius:var(--radius-md,12px);
  padding:10px 14px;
  max-width:280px;
}
.ronin-page .devpathway-stage3__gatelock span{flex:0 0 auto;width:18px;height:18px;color:#0a2547;}
.ronin-page .devpathway-stage3__gatelock span svg{width:18px;height:18px;}
.ronin-page .devpathway-stage3__gatelock p{margin:0;font-size:10px;line-height:1.4;color:#57657c;}

@media (max-width: 1024px){
  .ronin-page .devpathway-stage3__row2{grid-template-columns:1fr;}
  .ronin-page .devpathway-stage3__routes{border-left:none;border-top:1px solid #eef1f6;}
  .ronin-page .devpathway-stage3__flow{grid-template-columns:1fr;}
  .ronin-page .devpathway-stage3__flow-arrow{transform:rotate(90deg);justify-self:center;}
  .ronin-page .devpathway-stage3__gatelock{margin-left:0;max-width:none;}
}

/* ---------- stage 4: career management + pathway enquiry ---------- */
.ronin-page .devpathway-stage4__grid{
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:0;
}
.ronin-page .devpathway-stage4__career{padding:0 0 24px;}
.ronin-page .devpathway-stage4__career .devpathway-stage__header{padding:22px 24px 4px;}
.ronin-page .devpathway-stage4__career > .btn,
.ronin-page .devpathway-stage4__disclaimer{margin-left:24px;}
.ronin-page .devpathway-stage4__disclaimer{margin-top:10px;margin-right:24px;font-size:10.5px;color:#a3aec2;max-width:52ch;}

.ronin-page .devpathway-stage4__row2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  border-top:1px solid #eef1f6;
  margin-bottom:20px;
}
.ronin-page .devpathway-stage4__support{padding:20px 24px;}
.ronin-page .devpathway-stage4__area{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;font-size:11.5px;line-height:1.5;color:#57625c;}
.ronin-page .devpathway-stage4__area:last-child{margin-bottom:0;}
.ronin-page .devpathway-stage4__area strong{display:block;font-size:12px;font-weight:800;color:#111b33;}
.ronin-page .devpathway-stage4__area-icon{
  flex:0 0 auto;
  width:28px;height:28px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}
.ronin-page .devpathway-stage4__area-icon svg{width:14px;height:14px;}
.ronin-page .devpathway-stage4__area-icon--green{background:var(--green-tint,#eaf7f1);color:var(--green,#1f9d64);}
.ronin-page .devpathway-stage4__area-icon--blue{background:var(--blue-tint,#eaf1fd);color:var(--blue,#3568c9);}
.ronin-page .devpathway-stage4__area-icon--purple{background:#f1edfe;color:#7a5fd0;}
.ronin-page .devpathway-stage4__area-icon--gold{background:#fdf3e2;color:#b3760f;}

.ronin-page .devpathway-stage4__cyclewrap{padding:20px 24px;border-left:1px solid #eef1f6;display:flex;flex-direction:column;align-items:center;}
.ronin-page .devpathway-stage4__cycle{position:relative;width:200px;height:200px;margin:8px auto 0;}
.ronin-page .devpathway-stage4__cyclearrows{position:absolute;left:0;top:0;width:200px;height:200px;}
.ronin-page .devpathway-stage4__cyclenode{
  position:absolute;
  z-index:1;
}
.ronin-page .devpathway-stage4__cyclenode span{
  position:absolute;
  left:0;top:0;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:var(--blue-tint,#eaf1fd);
  color:var(--blue,#3568c9);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 4px #fff;
}
.ronin-page .devpathway-stage4__cyclenode span svg{width:15px;height:15px;}
.ronin-page .devpathway-stage4__cyclenode em{
  position:absolute;
  left:0;
  top:22px;
  transform:translateX(-50%);
  width:80px;
  font-style:normal;
  font-size:9.5px;
  font-weight:700;
  color:#324058;
  line-height:1.3;
  text-align:center;
}
.ronin-page .devpathway-stage4__cyclenode--bottom em{top:auto;bottom:22px;}

/* ---------- pathway enquiry form ---------- */
.ronin-page .devpathway-stage4__enquiry{background:var(--bg-tint,#f4f6fa);padding:22px 24px;border-left:1px solid #e3e9f2;}
.ronin-page .devpathway-stage4__enquiry-lead{margin:0 0 18px;font-size:11.5px;color:#57657c;}
.ronin-page .devpathway-stage4__grid3{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
  margin-bottom:14px;
}
.ronin-page .devpathway-stage4__enquiry form label{display:flex;flex-direction:column;gap:5px;}
.ronin-page .devpathway-stage4__enquiry form label > span{font-size:10.5px;font-weight:700;color:#57657c;}
.ronin-page .devpathway-stage4__enquiry form input[type="text"],
.ronin-page .devpathway-stage4__enquiry form input[type="email"],
.ronin-page .devpathway-stage4__enquiry form input[type="tel"],
.ronin-page .devpathway-stage4__enquiry form select,
.ronin-page .devpathway-stage4__enquiry form textarea{
  border:1px solid #dce3ee;
  border-radius:var(--radius-sm,8px);
  padding:8px 10px;
  font-size:12px;
  color:#111b33;
  background:#fff;
  font-family:inherit;
  width:100%;
}
.ronin-page .devpathway-stage4__enquiry form textarea{resize:vertical;}

.ronin-page .devpathway-stage4__upload{position:relative;margin-bottom:14px;}
.ronin-page .devpathway-stage4__upload > span:first-child{display:block;font-size:10.5px;font-weight:700;color:#57657c;margin-bottom:6px;}
.ronin-page .devpathway-stage4__upload-btn{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px dashed #c7d2e3;
  border-radius:var(--radius-sm,8px);
  padding:8px 12px;
  font-size:11.5px;
  font-weight:700;
  color:var(--blue,#3568c9);
  background:#fff;
}
.ronin-page .devpathway-stage4__upload-btn svg{width:14px;height:14px;}
.ronin-page .devpathway-stage4__upload input[type="file"]{position:absolute;inset:0;top:22px;opacity:0;cursor:pointer;width:auto;}

.ronin-page .devpathway-stage4__consent{
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start;
  gap:8px;
  margin-bottom:14px;
  cursor:pointer;
}
.ronin-page .devpathway-stage4__consent input{margin-top:2px;flex:0 0 auto;}
.ronin-page .devpathway-stage4__consent span{font-size:11px;line-height:1.4;color:#57657c;}

.ronin-page .devpathway-stage4__textarea{margin-bottom:14px;}

.ronin-page .devpathway-stage4__status{
  margin:0 0 14px;
  padding:9px 12px;
  border-radius:var(--radius-sm,8px);
  background:#fdf3e2;
  border:1px solid #f2e0b8;
  font-size:11.5px;
  font-weight:600;
  color:#8a6412;
}
.ronin-page .devpathway-stage4__status.is-success{background:var(--green-tint,#eaf7f1);border-color:#bfe4d2;color:#166a45;}
.ronin-page .devpathway-stage4__status.is-error{background:#fdeaea;border-color:#f3c6c6;color:#a32e2e;}

.ronin-page .devpathway-stage4__submit{width:100%;justify-content:center;display:flex;align-items:center;gap:8px;}

@media (max-width: 1024px){
  .ronin-page .devpathway-stage4__grid{grid-template-columns:1fr;}
  .ronin-page .devpathway-stage4__enquiry{border-left:none;border-top:1px solid #e3e9f2;}
  .ronin-page .devpathway-stage4__row2{grid-template-columns:1fr;}
  .ronin-page .devpathway-stage4__cyclewrap{border-left:none;border-top:1px solid #eef1f6;}
}
@media (max-width: 640px){
  .ronin-page .devpathway-stage4__grid3{grid-template-columns:1fr;}
}

/* ---------- what progresses/protected + empty-live data (devpathway-trust) ---------- */
.ronin-page .devpathway-trust{background:#fff;padding-block:36px 0;}
.ronin-page .devpathway-trust__row{
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:20px;
  align-items:start;
}
.ronin-page .devpathway-trust__panel{
  background:#fff;
  border:1px solid #e3e9f2;
  border-radius:var(--radius-lg,16px);
  padding:22px;
  height:100%;
}
.ronin-page .devpathway-trust__panel--pale{background:var(--blue-tint,#eaf1fd);border-color:#d5e3fa;}
.ronin-page .devpathway-trust__title{
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  color:#111b33;
  margin:0 0 18px;
}
.ronin-page .devpathway-trust__cols{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.ronin-page .devpathway-trust__col-title{
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.03em;
  margin:0 0 12px;
}
.ronin-page .devpathway-trust__col-title--green{color:var(--green,#1f9d64);}
.ronin-page .devpathway-trust__col-title--navy{color:#57657c;}
.ronin-page .devpathway-trust__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.ronin-page .devpathway-trust__col li{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.4;color:#3a4a63;}
.ronin-page .devpathway-trust__item-icon{flex:0 0 auto;width:14px;height:14px;margin-top:1px;}
.ronin-page .devpathway-trust__item-icon svg{width:14px;height:14px;}
.ronin-page .devpathway-trust__item-icon--green{color:var(--green,#1f9d64);}
.ronin-page .devpathway-trust__item-icon--outline{color:#c7d2e3;}

.ronin-page .devpathway-trust__explain{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;}
.ronin-page .devpathway-trust__explain-item{display:flex;align-items:flex-start;gap:12px;}
.ronin-page .devpathway-trust__explain-icon{
  flex:0 0 auto;
  width:34px;height:34px;
  border-radius:50%;
  background:#fff;
  color:var(--blue,#3568c9);
  display:flex;align-items:center;justify-content:center;
}
.ronin-page .devpathway-trust__explain-icon svg{width:16px;height:16px;}
.ronin-page .devpathway-trust__explain-item strong{display:block;font-size:12px;font-weight:800;color:#111b33;margin-bottom:4px;}
.ronin-page .devpathway-trust__explain-item p{margin:0;font-size:11px;line-height:1.5;color:#3a4a63;}
.ronin-page .devpathway-trust__note{margin:0;padding-top:14px;border-top:1px solid #d5e3fa;font-size:10.5px;color:#57657c;line-height:1.5;}

@media (max-width: 1024px){
  .ronin-page .devpathway-trust__row{grid-template-columns:1fr;}
  .ronin-page .devpathway-trust__cols{grid-template-columns:1fr;}
}

/* ---------- faq (devpathway-faq) ---------- */
.ronin-page .devpathway-faq{background:#fff;padding-block:36px 48px;}
.ronin-page .devpathway-faq__title{
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
  color:var(--blue,#3568c9);
  margin:0 0 18px;
}
.ronin-page .devpathway-faq__accordion{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px 20px;
}
.ronin-page .devpathway-faq__item{
  border:1px solid #e3e9f2;
  border-radius:var(--radius-md,12px);
  overflow:hidden;
  align-self:start;
}
.ronin-page .devpathway-faq__trigger{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:#fff;
  border:none;
  cursor:pointer;
  padding:14px 16px;
  font-size:12.5px;
  font-weight:700;
  color:#111b33;
  text-align:left;
}
.ronin-page .devpathway-faq__chevron{
  flex:0 0 auto;
  width:16px;height:16px;
  color:#7c8aa3;
  transition:transform .2s ease;
}
.ronin-page .devpathway-faq__chevron svg{width:16px;height:16px;}
.ronin-page .devpathway-faq__trigger[aria-expanded="true"] .devpathway-faq__chevron{transform:rotate(180deg);color:var(--blue,#3568c9);}
.ronin-page .devpathway-faq__panel{padding:0 16px 16px;}
.ronin-page .devpathway-faq__panel p{margin:0;font-size:12px;line-height:1.6;color:#57657c;}

@media (max-width: 900px){
  .ronin-page .devpathway-faq__accordion{grid-template-columns:1fr;}
}

/* ---------- closing cta band (devpathway-closing) ---------- */
.ronin-page .devpathway-closing{
  background:linear-gradient(135deg,var(--navy-950,#04162c),var(--navy-800,#0a2547));
  padding-block:32px;
}
.ronin-page .devpathway-closing__grid{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:32px;
}
.ronin-page .devpathway-closing__intro h2{
  color:#fff;
  font-size:20px;
  font-weight:800;
  line-height:1.3;
  margin:0 0 16px;
  max-width:22ch;
}
.ronin-page .devpathway-closing__actions{display:flex;flex-wrap:wrap;gap:12px;}

.ronin-page .devpathway-closing__stepper{
  display:flex;
  align-items:flex-start;
  gap:10px;
  flex:0 0 auto;
}
.ronin-page .devpathway-closing__stage{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;}
.ronin-page .devpathway-closing__circle{
  width:34px;height:34px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;
  color:#fff;
}
.ronin-page .devpathway-closing__circle--green{background:#2eae6a;}
.ronin-page .devpathway-closing__circle--blue{background:var(--blue,#3568c9);}
.ronin-page .devpathway-closing__circle--gold{background:var(--gold,#eab040);color:#1a1200;}
.ronin-page .devpathway-closing__circle--outline{background:transparent;border:2px solid rgba(255,255,255,.5);}
.ronin-page .devpathway-closing__stage strong{font-size:11px;font-weight:700;color:#fff;}
.ronin-page .devpathway-closing__stage span:last-child{font-size:9.5px;color:#8996ad;}
.ronin-page .devpathway-closing__arrow{
  color:rgba(255,255,255,.35);
  margin-top:9px;
  flex:0 0 auto;
}
.ronin-page .devpathway-closing__arrow svg{width:16px;height:16px;}

@media (max-width: 1024px){
  .ronin-page .devpathway-closing__grid{flex-direction:column;align-items:flex-start;}
  .ronin-page .devpathway-closing__stepper{overflow-x:auto;max-width:100%;}
}