/* V27 refined onboarding journey */
.onboarding-journey{
  position:relative;
  padding:110px 0 78px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.68), rgba(255,255,255,.70)),
    url('../images/onboarding-refined/onboarding-background.png') center/cover no-repeat;
  overflow:hidden;
}
.onboarding-journey::before,
.onboarding-journey::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:999px;
}
.onboarding-journey::before{
  inset:auto auto 54px -180px;
  width:460px;
  height:460px;
  background:radial-gradient(circle at center, rgba(255,255,255,.62), rgba(255,255,255,0) 70%);
  filter:blur(6px);
}
.onboarding-journey::after{
  inset:85px -130px auto auto;
  width:360px;
  height:360px;
  background:radial-gradient(circle at center, rgba(234,201,130,.18), rgba(234,201,130,0) 72%);
  filter:blur(10px);
}
.onboarding-journey .container{position:relative;z-index:1}
.onboarding-journey .journey-head{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.78fr);
  gap:50px;
  align-items:center;
  margin-bottom:44px;
}
.onboarding-journey .journey-head h2{
  font-size:clamp(46px,5.15vw,82px);
  line-height:1.01;
  letter-spacing:-.03em;
  margin:10px 0 0;
  max-width:760px;
}
.onboarding-journey .journey-head h2 em{
  display:block;
  font-style:normal;
  font-weight:400;
  color:#b78b47;
}
.onboarding-journey .journey-intro{
  max-width:420px;
  margin-left:auto;
  font-size:clamp(17px,1.28vw,23px);
  line-height:1.65;
  color:#324b63;
}
.onboarding-journey .journey-track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:26px;
  align-items:start;
}
.onboarding-journey .journey-track::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:61px;
  height:3px;
  background:linear-gradient(90deg, rgba(212,184,132,.34), rgba(181,145,84,.82), rgba(212,184,132,.34));
  z-index:0;
}
.onboarding-journey .journey-card{
  position:relative;
  z-index:1;
  min-height:278px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(183,139,71,.14);
  border-radius:20px;
  padding:92px 26px 24px;
  box-shadow:0 18px 48px rgba(17,36,58,.08), inset 0 1px 0 rgba(255,255,255,.85);
  backdrop-filter:blur(6px);
}
.onboarding-journey .journey-card::before,
.onboarding-journey .journey-card::after{
  content:"";
  position:absolute;
  top:54px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#fff;
  border:3px solid #b89050;
  box-shadow:0 0 0 4px rgba(255,255,255,.65);
}
.onboarding-journey .journey-card::before{left:-15px}
.onboarding-journey .journey-card::after{right:-15px}
.onboarding-journey .journey-card:first-child::before,
.onboarding-journey .journey-card:last-child::after{display:none}
.onboarding-journey .journey-icon{
  position:absolute;
  top:18px;
  left:26px;
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,244,237,.9));
  box-shadow:0 12px 26px rgba(12,27,44,.12);
}
.onboarding-journey .journey-icon img{
  width:62px;
  height:62px;
  object-fit:contain;
  display:block;
}
.onboarding-journey .journey-step{
  display:block;
  margin-bottom:12px;
  font-size:29px;
  letter-spacing:.02em;
  font-weight:700;
  color:#c0924d;
}
.onboarding-journey .journey-card h3{
  margin:0 0 12px;
  font-size:21px;
  line-height:1.16;
  letter-spacing:-.02em;
  color:#1a3147;
}
.onboarding-journey .journey-card .accent-line{
  width:42px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, #d8bf8c, #ba904f);
  margin:0 0 16px;
}
.onboarding-journey .journey-card p{
  margin:0;
  color:#5b6f82;
  font-size:15px;
  line-height:1.55;
}
.onboarding-journey .journey-cta-wrap{
  display:flex;
  justify-content:center;
  margin-top:34px;
}
.onboarding-journey .journey-cta{
  min-width:min(100%,360px);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:19px 30px;
  border-radius:999px;
  background:linear-gradient(135deg,#18395b 0%,#0f2742 55%,#081b2f 100%);
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:24px;
  letter-spacing:-.02em;
  box-shadow:0 18px 44px rgba(13,33,55,.24), inset 0 1px 0 rgba(255,255,255,.16);
}
.onboarding-journey .journey-cta span{color:#eac982;font-size:28px;line-height:1}
.onboarding-journey .journey-footnote{
  margin:16px 0 0;
  text-align:center;
  color:#708394;
  font-size:12px;
  letter-spacing:.32em;
  text-transform:uppercase;
}
@media (max-width: 1180px){
  .onboarding-journey .journey-track{grid-template-columns:repeat(3,minmax(0,1fr))}
  .onboarding-journey .journey-track::before{display:none}
  .onboarding-journey .journey-card::before,.onboarding-journey .journey-card::after{display:none}
  .onboarding-journey .journey-head{grid-template-columns:1fr;gap:18px}
  .onboarding-journey .journey-intro{margin-left:0;max-width:760px}
}
@media (max-width: 760px){
  .onboarding-journey{padding:78px 0 62px}
  .onboarding-journey .journey-head h2{font-size:clamp(36px,10vw,54px)}
  .onboarding-journey .journey-track{grid-template-columns:1fr;gap:18px}
  .onboarding-journey .journey-card{min-height:0;padding:88px 22px 22px}
  .onboarding-journey .journey-icon{width:76px;height:76px;left:22px}
  .onboarding-journey .journey-icon img{width:58px;height:58px}
  .onboarding-journey .journey-cta{font-size:19px;padding:17px 24px}
  .onboarding-journey .journey-footnote{letter-spacing:.2em;font-size:11px}
}