.ys-process{position:relative;overflow:hidden;padding-top:8rem;padding-bottom:8rem}.ys-process__bg{position:absolute;inset:0;background-image:linear-gradient(to bottom,var(--bg),color-mix(in srgb,var(--muted) 20%,transparent),var(--bg));pointer-events:none}.ys-process__inner{position:relative;z-index:10;width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-l)}.ys-process__header{text-align:center;margin-bottom:5rem}.ys-process__header .section-title{margin-bottom:1.5rem}.ys-process__header .section-subtitle{max-width:42rem;margin-inline:auto}.ys-process__steps{position:relative;max-width:var(--content-max-xl);margin-inline:auto;display:flex;flex-direction:column;row-gap:3rem}@media (min-width:1024px){.ys-process__steps{row-gap:6rem}}.ys-process__line{display:none;position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translateX(-50%);background-image:linear-gradient(to bottom,var(--primary),var(--primary-50),var(--primary-20));pointer-events:none}@media (min-width:1024px){.ys-process__line{display:block}}.ys-process-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:center}@media (min-width:1024px){.ys-process-step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem}.ys-process-step__content{text-align:right;padding-right:4rem}.ys-process-step--flip .ys-process-step__content{order:2;text-align:left;padding-right:0;padding-left:4rem}.ys-process-step__visual{order:2;padding-left:4rem}.ys-process-step--flip .ys-process-step__visual{order:1;padding-left:0;padding-right:4rem}.ys-process-step:not(.ys-process-step--flip) .ys-process-card{text-align:right}.ys-process-step:not(.ys-process-step--flip) .ys-process-card__head{justify-content:flex-end}}.ys-process-card{position:relative;overflow:hidden;padding:clamp(1.25rem, 0.5rem + 3.75vw, var(--space-xl));border:1px solid var(--border-50);border-radius:var(--radius-xl);text-align:left;transition:border-color 0.3s}.ys-process-card:hover{border-color:var(--primary-30)}.ys-process-card:hover .ys-process-card__overlay{opacity:1}.ys-process-card:hover .ys-process-card__icon{background-color:var(--primary-20)}@media (min-width:1024px){.ys-process-card{padding:2.5rem}}.ys-process-card__overlay{position:absolute;inset:0;border-radius:var(--radius-xl);opacity:0;transition:opacity 0.3s;pointer-events:none}.ys-process-card__overlay--c1{background-image:linear-gradient(135deg,var(--primary-20),color-mix(in srgb,var(--primary) 5%,transparent))}.ys-process-card__overlay--c2{background-image:linear-gradient(135deg,color-mix(in srgb,var(--primary) 25%,transparent),var(--primary-10))}.ys-process-card__overlay--c3{background-image:linear-gradient(135deg,var(--primary-30),color-mix(in srgb,var(--primary) 15%,transparent))}.ys-process-card__overlay--c4{background-image:linear-gradient(135deg,color-mix(in srgb,var(--primary) 35%,transparent),var(--primary-20))}.ys-process-card__num{position:absolute;top:-1rem;left:-.5rem;font-weight:700;font-size:clamp(3rem, 1.5rem + 7.5vw, 4.5rem);color:var(--primary-10);line-height:1;font-family:var(--font-display);pointer-events:none}@media (min-width:1024px){.ys-process-card__num{left:auto;right:1rem;font-size:6rem}}.ys-process-card__head{position:relative;z-index:10;display:flex;align-items:center;column-gap:1rem;margin-bottom:1rem}.ys-process-card__icon{width:3.5rem;height:3.5rem;border-radius:var(--radius-l);background-color:var(--primary-10);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color 0.3s}.ys-process-card__icon svg{width:1.75rem;height:1.75rem}.ys-process-card__title{font-size:1.5rem;font-weight:700;color:var(--text)}@media (min-width:1024px){.ys-process-card__title{font-size:1.875rem}}.ys-process-card__subtitle{color:var(--primary);font-weight:500}.ys-process-card__desc{position:relative;z-index:10;margin-top:1rem;overflow-wrap:break-word}.ys-process-step__dot{display:none;position:absolute;left:50%;top:50%;z-index:10;width:1.5rem;height:1.5rem;background-color:var(--primary);border:4px solid var(--bg);border-radius:var(--radius-full);translate:-50% -50%;box-shadow:var(--shadow-glow-s)}@media (min-width:1024px){.ys-process-step__dot{display:block}}.ys-process-step__visual{display:none;align-items:center;justify-content:center}@media (min-width:1024px){.ys-process-step__visual{display:flex}}.ys-process-step__box{position:relative;width:8rem;height:8rem;border:1px solid var(--primary-20);border-radius:var(--radius-xl);color:var(--primary);display:flex;align-items:center;justify-content:center;transition:scale 0.3s}.ys-process-step__box svg{width:4rem;height:4rem;transition:scale 0.3s}.ys-process-step__box:hover{scale:1.05}.ys-process-step__box:hover svg{scale:1.1}@media (prefers-reduced-motion:reduce){.ys-process-step__box:hover,.ys-process-step__box:hover svg{scale:1}}.ys-process-step__box--c1{background-image:linear-gradient(135deg,var(--primary-20),color-mix(in srgb,var(--primary) 5%,transparent))}.ys-process-step__box--c2{background-image:linear-gradient(135deg,color-mix(in srgb,var(--primary) 25%,transparent),var(--primary-10))}.ys-process-step__box--c3{background-image:linear-gradient(135deg,var(--primary-30),color-mix(in srgb,var(--primary) 15%,transparent))}.ys-process-step__box--c4{background-image:linear-gradient(135deg,color-mix(in srgb,var(--primary) 35%,transparent),var(--primary-20))}.ys-process-step__arrow{position:absolute;bottom:-2rem;left:50%;display:flex;color:color-mix(in srgb,var(--primary) 40%,transparent);translate:-50%;rotate:90deg}.ys-process-step__arrow svg{width:1.5rem;height:1.5rem}.ys-process__cta{text-align:center;margin-top:5rem}.ys-process__cta .body-text{margin-bottom:1.5rem}.ys-process__cta-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background-color:var(--primary);color:var(--primary-fg);font-weight:600;font-size:1.125rem;border-radius:var(--radius-full);text-decoration:none;box-shadow:var(--shadow-glow);transition:background-color var(--dur-base) var(--ease-standard),filter var(--dur-base) var(--ease-standard)}.ys-process__cta-btn:hover{background-color:var(--primary-90);filter:brightness(1.06)}.ys-process__cta-btn:active{scale:.97}