.journey-section{margin-inline:32px;border-radius:24px;min-height:0;padding:12px 0;isolation:isolate;box-shadow:0 18px 50px rgba(4,56,45,.16);background-color:#063f36;background-image:linear-gradient(90deg,rgba(3,63,54,.04) 0%,rgba(3,63,54,.92) 36%,rgba(3,63,54,.86) 100%),url("assets/journey-player-motion.png");background-position:left center,left center;background-size:100% 100%,auto 100%;background-repeat:no-repeat,no-repeat}
.journey-section:before{border-radius:inherit;background:radial-gradient(circle at 73% 8%,rgba(53,231,158,.14),transparent 30%),linear-gradient(90deg,rgba(1,35,30,.08),rgba(3,65,53,.43))}
.journey-visual{display:none}
.journey-visual:after{background:linear-gradient(90deg,rgba(3,63,54,.08),#063f36 92%)}
.journey-content{min-height:118px;display:grid;grid-template-columns:360px minmax(0,1fr);align-items:center;gap:20px;padding-inline:24px}
.journey-intro{max-width:360px;grid-column:1;grid-row:1}
.journey-intro .eyebrow{margin-bottom:5px;font-size:11px}
.journey-intro h2{font-size:18px;line-height:1.45;letter-spacing:-.25px}
.journey-steps{grid-column:2;grid-row:1;margin-top:0;padding:0;gap:9px;align-items:center;justify-content:space-between}
.journey-step{min-width:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center}
.step-icon{width:46px;height:46px;border:0;border-radius:0;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);background:rgba(31,194,134,.16);display:grid;place-items:center;color:var(--emerald);font-size:0}
.step-icon:before{content:"";width:23px;height:23px;background:center/contain no-repeat}
.journey-step:nth-child(1) .step-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2335e79e' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4.5h6M8 10h8M8 14h8M8 18h5'/%3E%3C/svg%3E")}
.journey-step:nth-child(3) .step-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2335e79e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7h8l2 3h3v9H3v-9h3l2-3Z'/%3E%3Cpath d='M12 11v5M9.5 13.5h5'/%3E%3C/svg%3E")}
.journey-step:nth-child(5) .step-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2335e79e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16.5' cy='5' r='2'/%3E%3Cpath d='m14 8-3 4 3 2 2 5M11 12l-4 1-2 4M13 9l4 2 2 4'/%3E%3C/svg%3E")}
.journey-step:nth-child(7) .step-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2335e79e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8v4a4 4 0 0 1-8 0V4Z'/%3E%3Cpath d='M8 6H5v2a4 4 0 0 0 4 4M16 6h3v2a4 4 0 0 1-4 4M12 12v5m-4 3h8m-7 0v-3h6v3'/%3E%3C/svg%3E")}
.journey-step strong{font-size:12px;white-space:nowrap}
.journey-step small{font-size:9px;line-height:1.2;margin-top:0}
.journey-arrow{font-size:20px;align-self:center;transform:translateY(-7px)}
@media(max-width:1050px) and (min-width:781px){.journey-content{grid-template-columns:245px minmax(0,1fr);gap:12px;padding-inline:18px}.journey-steps{gap:5px}.journey-step{min-width:95px}.journey-step strong{font-size:11px}}
@media(max-width:780px){.journey-section{margin-inline:16px;border-radius:20px;padding:28px 0;background-size:100% 100%,auto 100%;background-position:left center,left center}.journey-content{min-height:0;display:flex;flex-direction:column;gap:20px;padding-inline:20px}.journey-intro{max-width:none}.journey-intro h2{font-size:19px}.journey-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px 9px;margin:0;padding:0}.journey-step{min-width:0}.step-icon{width:38px;height:38px}}
.journey-steps{gap:clamp(18px,3.8vw,58px)}
.journey-arrow{display:none}
.journey-step:nth-of-type(1) .step-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2335e79e' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4.5h6M8 10h8M8 14h8M8 18h5'/%3E%3C/svg%3E")}
.journey-step:nth-of-type(2) .step-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2335e79e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7h8l2 3h3v9H3v-9h3l2-3Z'/%3E%3Cpath d='M12 11v5M9.5 13.5h5'/%3E%3C/svg%3E")}
.journey-step:nth-of-type(3) .step-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2335e79e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16.5' cy='5' r='2'/%3E%3Cpath d='m14 8-3 4 3 2 2 5M11 12l-4 1-2 4M13 9l4 2 2 4'/%3E%3C/svg%3E")}
.journey-section{background-size:100% 100%,32% 100%;background-position:left center,left center}
.journey-steps{gap:clamp(10px,1.8vw,28px);justify-content:space-around;padding-left:clamp(80px,8vw,130px)}
@media(max-width:780px){.journey-section{background-size:100% 100%,44% 100%}.journey-steps{gap:14px 9px;padding-left:0}}
