.pg-dephero { background-color:#f4f7fd; padding:112px 0 104px; overflow:hidden; }
.pg-dephero__inner { max-width:1280px; margin:0 auto; padding:0 80px; }
.pg-dephero__kicker { font-family:"Cabin",sans-serif; font-weight:600; font-size:14px; line-height:16px; letter-spacing:0.08em; text-transform:uppercase; background:linear-gradient(90deg,#0036fa,#4e87fc); -webkit-background-clip:text; background-clip:text; color:transparent; }
.pg-dephero__title { font-family:"Cabin",sans-serif; font-weight:700; font-size:60px; line-height:1.06; letter-spacing:-0.01em; color:#12140f; margin-top:22px; }
.pg-dephero__subtitle { font-family:"Cabin",sans-serif; font-weight:400; font-size:18px; line-height:29px; color:#4d4d4d; max-width:620px; margin-top:22px; }
.pg-dephero__actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.pg-dephero__btn { display:inline-flex; align-items:center; justify-content:center; padding:14px 26px; border-radius:10px; font-family:"Cabin",sans-serif; font-weight:600; font-size:15px; line-height:1; text-decoration:none; transition:transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, color 0.3s ease; }
.pg-dephero__btn--solid { color:#fff; background-image:linear-gradient(90deg,#0036fa,#4e87fc); box-shadow:0 10px 24px rgba(0,54,250,0.24); }
.pg-dephero__btn--solid:hover { transform:translateY(-1px); box-shadow:0 16px 30px rgba(0,54,250,0.3); }
.pg-dephero__btn--outline { color:#12140f; background-color:#fff; border:1px solid #cfd6e6; }
.pg-dephero__btn--outline:hover { border-color:#0036fa; color:#0036fa; }

.pg-dephero__journey { margin-top:56px; display:grid; grid-template-columns:1fr auto 1.12fr auto 1.34fr; align-items:stretch; gap:0; background-color:#fff; border:1px solid #e4e9f4; border-radius:18px; padding:30px; box-shadow:0 30px 64px -38px rgba(18,20,40,0.3); }
.pg-dephero__stage { position:relative; border:1px solid #e9ecf5; border-radius:12px; padding:26px 26px 30px; background-color:#fcfdff; transition:transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; }
.pg-dephero__stage:hover { transform:translateY(-3px); box-shadow:0 18px 34px -20px rgba(0,54,250,0.28); border-color:#cdd8f4; }
.pg-dephero__stage-tag { font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace; font-size:11px; letter-spacing:0.09em; text-transform:uppercase; background:linear-gradient(90deg,#0036fa,#4e87fc); -webkit-background-clip:text; background-clip:text; color:transparent; }
.pg-dephero__stage-title { font-family:"Cabin",sans-serif; font-weight:700; font-size:20px; line-height:26px; color:#12140f; margin-top:14px; }
.pg-dephero__stage-text { font-family:"Cabin",sans-serif; font-weight:400; font-size:15px; line-height:24px; color:#4d4d4d; margin-top:12px; }
.pg-dephero__stage--dest { border:1.5px solid transparent; background:linear-gradient(#ffffff,#ffffff) padding-box, linear-gradient(135deg,#0036fa,#4e87fc) border-box; box-shadow:0 22px 44px -24px rgba(0,54,250,0.42); }
.pg-dephero__stage--dest::after { content:""; position:absolute; inset:0; border-radius:12px; background:radial-gradient(70% 60% at 50% 0%, rgba(0,54,250,0.06), transparent 70%); pointer-events:none; }
.pg-dephero__stage--dest:hover { box-shadow:0 26px 52px -22px rgba(0,54,250,0.5); }
.pg-dephero__arrow { align-self:center; width:54px; display:flex; align-items:center; justify-content:center; color:#0036fa; }
.pg-dephero__arrow svg { width:26px; height:26px; display:block; }

.pg-dephero__copy, .pg-dephero__stage, .pg-dephero__arrow { opacity:0; transform:translateY(16px); transition:opacity 0.6s ease, transform 0.6s ease, box-shadow 0.35s ease, border-color 0.35s ease; }
.pg-dephero__copy.is-in, .pg-dephero__stage.is-in, .pg-dephero__arrow.is-in { opacity:1; transform:none; }
.pg-dephero__stage.is-in:nth-child(1){transition-delay:0.10s;} .pg-dephero__arrow.is-in:nth-child(2){transition-delay:0.20s;} .pg-dephero__stage.is-in:nth-child(3){transition-delay:0.28s;} .pg-dephero__arrow.is-in:nth-child(4){transition-delay:0.38s;} .pg-dephero__stage.is-in:nth-child(5){transition-delay:0.46s;}

@media (prefers-reduced-motion: reduce) { .pg-dephero__copy, .pg-dephero__stage, .pg-dephero__arrow { opacity:1; transform:none; transition:none; } }
@media (max-width:1040px) {
  .pg-dephero { padding:84px 0 80px; }
  .pg-dephero__inner { padding:0 24px; }
  .pg-dephero__title { font-size:42px; }
  .pg-dephero__journey { grid-template-columns:1fr; gap:14px; padding:20px; }
  .pg-dephero__arrow { width:auto; height:30px; transform:rotate(90deg); }
  .pg-dephero__arrow.is-in { transform:rotate(90deg); }
  .pg-dephero__copy, .pg-dephero__stage { transition-delay:0s !important; }
}
@media (max-width:600px) { .pg-dephero__title { font-size:34px; } .pg-dephero__subtitle { font-size:16px; line-height:27px; } }