.ukp-navigator{
  --ukp-navy:#082B46;
  --ukp-navy-dark:#061F33;
  --ukp-gold:#E5B326;
  --ukp-gold-dark:#B98712;
  --ukp-cream:#F8F5EE;
  --ukp-text:#152B3D;
  --ukp-muted:#66737D;
  --ukp-border:#DDE2E5;
  padding:88px 0;
  color:var(--ukp-text);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
.ukp-nav-shell{
  width:min(1240px,calc(100% - 40px));
  margin:0 auto;
}
.ukp-nav-intro{
  max-width:820px;
  margin:0 auto 44px;
  text-align:center;
}
.ukp-nav-kicker{
  color:var(--ukp-gold-dark);
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  margin-bottom:12px;
}
.ukp-nav-intro h2,
.ukp-nav-decision-heading h3{
  margin:0 0 16px;
  color:var(--ukp-navy-dark);
  font-family:Georgia,"Times New Roman",serif;
  line-height:1.05;
}
.ukp-nav-intro h2{
  font-size:clamp(42px,5vw,68px);
}
.ukp-nav-intro p{
  margin:0;
  color:var(--ukp-muted);
  font-size:20px;
  line-height:1.6;
}
.ukp-nav-stage-grid,
.ukp-nav-decision-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.ukp-nav-stage-card{
  min-height:255px;
  padding:26px;
  text-align:left;
  border:1px solid var(--ukp-border);
  border-radius:18px;
  background:#fff;
  color:var(--ukp-text);
  box-shadow:0 16px 45px rgba(6,31,51,.06);
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.ukp-nav-stage-card:hover,
.ukp-nav-stage-card:focus-visible{
  transform:translateY(-5px);
  border-color:#d7c37d;
  box-shadow:0 25px 60px rgba(6,31,51,.12);
  outline:none;
}
.ukp-nav-stage-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.ukp-nav-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#F5E7B9;
  color:var(--ukp-navy);
  font-weight:800;
}
.ukp-nav-age{
  color:var(--ukp-gold-dark);
  font-size:14px;
  font-weight:800;
}
.ukp-nav-stage-card strong{
  display:block;
  margin:20px 0 10px;
  color:var(--ukp-navy-dark);
  font-family:Georgia,"Times New Roman",serif;
  font-size:23px;
  line-height:1.15;
}
.ukp-nav-stage-subtitle{
  display:block;
  min-height:48px;
  color:var(--ukp-muted);
  line-height:1.5;
}
.ukp-nav-stage-action{
  display:block;
  margin-top:24px;
  color:var(--ukp-navy);
  font-weight:800;
  font-size:14px;
}
.ukp-nav-back{
  margin:0 0 28px;
  border:0;
  background:transparent;
  color:var(--ukp-navy);
  padding:0;
  font-weight:800;
  cursor:pointer;
}
.ukp-nav-decision-heading{
  max-width:820px;
  margin-bottom:34px;
}
.ukp-nav-decision-heading h3{
  font-size:clamp(34px,4vw,52px);
}
.ukp-nav-selected-stage{
  color:var(--ukp-muted);
  font-size:18px;
}
.ukp-nav-decision-card{
  min-height:285px;
  display:flex;
  flex-direction:column;
  padding:26px;
  border-radius:18px;
  border:1px solid #E9E2D5;
  background:var(--ukp-cream);
}
.ukp-nav-decision-card .ukp-nav-icon{
  background:#fff3ca;
}
.ukp-nav-decision-card strong{
  display:block;
  margin:18px 0 8px;
  color:var(--ukp-navy-dark);
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  line-height:1.15;
}
.ukp-nav-decision-question{
  display:block;
  color:var(--ukp-gold-dark);
  font-size:14px;
  font-weight:800;
  line-height:1.45;
  margin-bottom:10px;
}
.ukp-nav-decision-excerpt{
  display:block;
  color:var(--ukp-muted);
  line-height:1.55;
  flex:1;
}
.ukp-nav-decision-link{
  display:inline-block;
  margin-top:20px;
  color:var(--ukp-navy);
  text-decoration:none;
  font-weight:800;
}
.ukp-nav-decision-link:hover{
  color:var(--ukp-gold-dark);
}
.ukp-nav-empty-state{
  padding:28px;
  border-radius:16px;
  background:var(--ukp-cream);
  border:1px solid #E9E2D5;
}
.ukp-nav-empty-state strong,
.ukp-nav-empty-state span{
  display:block;
}
.ukp-nav-empty-state span{
  margin-top:6px;
  color:var(--ukp-muted);
}
.ukp-nav-noscript,
.ukp-nav-empty{
  padding:18px;
  background:#fff6d9;
  border:1px solid #ead78f;
  border-radius:12px;
}
.ukp-nav-animate-in{
  animation:ukpNavIn .28s ease both;
}
@keyframes ukpNavIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}
@media(max-width:1050px){
  .ukp-nav-stage-grid,
  .ukp-nav-decision-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .ukp-navigator{padding:64px 0}
  .ukp-nav-shell{width:min(100% - 32px,1240px)}
  .ukp-nav-stage-grid,
  .ukp-nav-decision-grid{
    grid-template-columns:1fr;
  }
  .ukp-nav-intro{text-align:left}
  .ukp-nav-intro p{font-size:18px}
  .ukp-nav-stage-card{min-height:auto}
  .ukp-nav-stage-subtitle{min-height:0}
}

.ukp-platform-mode .ukp-navigator{background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%)}
.ukp-platform-mode .ukp-nav-stage-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,245,238,.95))}
.ukp-platform-mode .ukp-nav-stage-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#E5B326,#F2D77D)}
.ukp-platform-mode .ukp-nav-stage-card:after{content:"";position:absolute;right:-42px;bottom:-62px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(8,43,70,.08),rgba(8,43,70,0) 68%)}
.ukp-platform-mode .ukp-nav-stage-card strong,.ukp-platform-mode .ukp-nav-stage-card span{position:relative;z-index:1}
.ukp-platform-mode .ukp-nav-decision-card{box-shadow:0 16px 40px rgba(6,31,51,.05)}

.ukp-nav-resource-list{margin-top:18px;padding-top:16px;border-top:1px solid rgba(8,43,70,.10)}
.ukp-nav-resource-label{display:block;margin-bottom:8px;color:#66737D;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ukp-nav-resource-item{margin:7px 0}.ukp-nav-resource-item a,.ukp-nav-resource-item span{color:#082B46;font-size:14px;line-height:1.4;text-decoration:none}.ukp-nav-resource-item a:hover{color:#B98712}