.site-journey-section{
position:relative;
padding:116px 0 124px;
overflow:hidden;
background:
radial-gradient(circle at 14% 18%, rgba(95,201,223,.12), transparent 22%),
radial-gradient(circle at 86% 14%, rgba(17,143,166,.1), transparent 20%);
}

.site-journey-section::before{
content:"";
position:absolute;
inset:auto -12% -28% 8%;
height:72%;
background:
radial-gradient(40% 44% at 26% 46%, rgba(95,201,223,.12), transparent 72%),
radial-gradient(34% 36% at 80% 22%, rgba(17,143,166,.14), transparent 70%);
filter:blur(48px);
opacity:.8;
pointer-events:none;
}

.site-journey-shell{
position:relative;
z-index:1;
min-width:0;
}

.site-journey-heading{
max-width:760px;
margin:0 auto 60px;
text-align:center;
}

.site-journey-kicker{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 16px;
margin-bottom:18px;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid rgba(95,201,223,.16);
color:#d7f6fb;
font-size:14px;
}

.site-journey-kicker::before{
content:"";
width:8px;
height:8px;
border-radius:999px;
background:#78e4f3;
box-shadow:0 0 12px rgba(120,228,243,.9);
}

.site-journey-title{
margin:0 0 16px;
font-size:clamp(32px, 4vw, 46px);
line-height:1.2;
color:#f6fdff;
text-shadow:0 8px 28px rgba(0,0,0,.16);
}

.site-journey-text{
margin:0;
font-size:17px;
line-height:1.9;
color:rgba(232,244,247,.82);
}

.site-journey-track{
position:relative;
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:26px;
min-width:0;
}

.site-journey-line{
position:absolute;
top:58px;
left:40px;
right:40px;
height:4px;
border-radius:999px;
background:linear-gradient(90deg, rgba(38,189,216,.26), rgba(151,243,255,.92), rgba(38,189,216,.26));
box-shadow:0 0 18px rgba(38,189,216,.22);
overflow:hidden;
}

.site-journey-line::after{
content:"";
position:absolute;
top:0;
right:-20%;
width:20%;
height:100%;
background:linear-gradient(90deg, transparent, rgba(255,255,255,.92), transparent);
box-shadow:0 0 14px rgba(255,255,255,.55);
animation:siteJourneyBeam 3.4s linear infinite;
}

.site-journey-step{
position:relative;
display:flex;
flex-direction:column;
min-height:250px;
padding:94px 26px 28px;
border-radius:28px;
background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
border:1px solid rgba(255,255,255,.1);
box-shadow:
0 1px 0 rgba(255,255,255,.12) inset,
0 24px 60px rgba(0,0,0,.16);
backdrop-filter:blur(12px);
overflow:hidden;
min-width:0;
animation:siteJourneyReveal .75s ease both;
}

.site-journey-step:nth-child(2){
animation-delay:.08s;
}

.site-journey-step:nth-child(3){
animation-delay:.16s;
}

.site-journey-step:nth-child(4){
animation-delay:.24s;
}

.site-journey-step:nth-child(5){
animation-delay:.32s;
}

.site-journey-step::before{
content:"";
position:absolute;
top:56px;
right:26px;
width:18px;
height:18px;
border-radius:999px;
background:#7de4f8;
border:5px solid rgba(4,20,31,.96);
box-shadow:0 0 18px rgba(95,201,223,.6);
z-index:2;
}

.site-journey-step::after{
content:"";
position:absolute;
top:0;
right:-24%;
width:24%;
height:2px;
background:linear-gradient(90deg, rgba(41,183,208,0), rgba(210,252,255,.98), rgba(41,183,208,0));
box-shadow:0 0 10px rgba(151,243,255,.58);
filter:blur(.5px);
animation:siteJourneyCardBeam 3.6s linear infinite;
pointer-events:none;
}

.site-journey-step:hover{
transform:translateY(-8px);
box-shadow:
0 1px 0 rgba(255,255,255,.14) inset,
0 30px 70px rgba(0,0,0,.22);
}

.site-journey-step--featured{
background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.04));
border-color:rgba(95,201,223,.16);
box-shadow:
0 1px 0 rgba(255,255,255,.14) inset,
0 28px 68px rgba(0,0,0,.2);
}

.site-journey-step__number{
position:absolute;
top:22px;
right:26px;
font-size:14px;
font-weight:800;
letter-spacing:.08em;
color:rgba(255,255,255,.3);
}

.site-journey-step__title{
margin:0 0 14px;
font-size:24px;
line-height:1.35;
color:#fff;
overflow-wrap:anywhere;
}

.site-journey-step__text{
margin:0;
font-size:15px;
line-height:1.95;
color:rgba(232,244,247,.76);
}

@keyframes siteJourneyBeam{
from{
transform:translateX(0);
}
to{
transform:translateX(-600%);
}
}

@keyframes siteJourneyCardBeam{
from{
transform:translateX(0);
}
to{
transform:translateX(-520%);
}
}

@keyframes siteJourneyReveal{
from{
opacity:0;
transform:translateY(24px);
}
to{
opacity:1;
transform:translateY(0);
}
}

@media (max-width: 1100px){
.site-journey-line{
display:none;
}

.site-journey-track{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 900px){
.site-journey-track{
grid-template-columns:1fr;
}
}

@media (max-width: 767px){
.site-journey-section{
padding:88px 0 96px;
}

.site-journey-heading{
margin-bottom:36px;
}

.site-journey-step{
min-height:auto;
padding:82px 22px 24px;
border-radius:24px;
}

.site-journey-step::before{
top:50px;
right:22px;
}

.site-journey-step__number{
top:18px;
right:22px;
}
}