.process{padding:var(--space-16) 0}.process__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-6);position:relative}.process__grid::before{content:'';position:absolute;top:32px;left:calc(10% + 16px);right:calc(10% + 16px);height:2px;background:var(--color-line)}.process--3 .process__grid{grid-template-columns:repeat(3,1fr);max-width:800px;margin:0 auto}.process--6 .process__grid{grid-template-columns:repeat(6,1fr)}.process--4 .process__grid{grid-template-columns:repeat(4,1fr);max-width:960px;margin:0 auto}.process__step{text-align:center;position:relative}.process__number{width:clamp(48px, 8vw, 64px);height:clamp(48px, 8vw, 64px);border-radius:50%;background:var(--color-white);border:2px solid var(--color-line);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-weight-black);color:var(--color-muted);margin:0 auto var(--space-4);position:relative;z-index:var(--z-base);transition:border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.process__step:hover .process__number{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 4px rgb(237 28 36 / .1)}.process__number--active{border-color:var(--color-primary);color:var(--color-white);background:var(--color-primary)}.process__icon{font-size:28px;margin-bottom:var(--space-2)}.process__title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-ink);margin-bottom:var(--space-2)}.process__desc{font-size:var(--text-sm);color:var(--color-muted);line-height:var(--leading-relaxed);max-width:22ch;margin:0 auto}@media (max-width:1023px){.process__grid{grid-template-columns:repeat(3,1fr)}.process--6 .process__grid{grid-template-columns:repeat(3,1fr)}.process--3 .process__grid{grid-template-columns:repeat(3,1fr)}.process--4 .process__grid{grid-template-columns:repeat(2,1fr)}.process__grid::before{display:none}}@media (max-width:639px){.process__grid{grid-template-columns:1fr;gap:var(--space-8)}.process__step{display:grid;grid-template-columns:clamp(48px, 8vw, 64px) 1fr;text-align:left;gap:var(--space-4);align-items:start}.process__number{margin:0}.process__content{padding-top:var(--space-2)}.process__desc{max-width:none;margin:0}}