.process-timeline{width:100%;position:relative}.process-timeline__line{background-color:var(--border-default,#e0e0e0);transform-origin:top;z-index:1;pointer-events:none;width:1px;position:absolute;top:240px;bottom:240px;left:50%;transform:translate(-50%)scaleY(0)}.process-step{min-height:480px;padding-bottom:48px;position:relative}.process-step__dot{background-color:var(--text-heading,#000);opacity:0;z-index:2;pointer-events:none;border-radius:50%;width:10px;height:10px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.process-step__dot.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.process-step .card-basic{align-items:stretch;gap:64px;min-height:480px;padding:0}.process-step .card-basic__image{flex:0 0 calc(50% - 32px);overflow:hidden}.process-step .card-basic__content{flex:1;justify-content:center;gap:20px;padding:24px}.process-step .card-basic__paragraph{max-width:480px}.process-step .card-basic--horizontal-right .card-basic__content{text-align:left;align-items:flex-start}@media (max-width:900px){.process-timeline__line,.process-step__dot{display:none}.process-step{min-height:auto}.process-step .card-basic{flex-direction:column;gap:48px;min-height:auto}.process-step .card-basic__image{flex:none;min-height:240px}.process-step .card-basic--horizontal-right{flex-direction:column}.process-step .card-basic__content{text-align:left;align-items:flex-start;gap:16px;padding:32px 20px}}@media (max-width:768px){.process-step{min-height:auto}.process-step .card-basic{gap:24px}.process-step .card-basic__image{min-height:200px}.process-step .card-basic__content{gap:12px;padding:20px 16px}}@media (max-width:480px){.process-step .card-basic{gap:16px}.process-step .card-basic__image{min-height:160px}.process-step .card-basic__content{gap:8px;padding:16px 12px}}
.process-hero{background-color:var(--surface-default);justify-content:center;align-items:center;width:100%;padding:96px;display:flex}.process-hero__inner{text-align:center;flex-direction:column;gap:20px;width:100%;max-width:720px;display:flex}.process-hero__heading{color:var(--text-heading,#000);margin:0}.process-hero__paragraph{color:var(--text-paragraph,#555);margin:0}.process-timeline-wrapper{padding:0 96px}@media (max-width:768px){.process-hero{padding:64px 24px}.process-timeline-wrapper{padding:0 24px}}@media (max-width:480px){.process-hero{padding:48px 12px}.process-timeline-wrapper{padding:0 12px}}