.process{padding:var(--spacing-16) 0;font-family:var(--font-primary);background:var(--color-surface)}.process__title{font-family:var(--font-display);font-size:var(--font-size-3xl);margin:0 0 var(--spacing-3);text-align:left;color:var(--color-text)}.process__description{margin:0 0 var(--spacing-10) 0;max-width:65ch;text-align:left;color:var(--color-text-muted)}.process .eyebrow{text-align:left}.process__timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--spacing-4);padding:0;margin:0;list-style:none;counter-reset:step}.process__step{display:grid;justify-items:center;text-align:center;gap:var(--spacing-2);padding:var(--spacing-4);background:var(--color-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);position:relative;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.process__step:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.process__step-num{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:var(--color-primary);color:var(--color-on-primary);font-weight:600;font-family:var(--font-display)}.process__step-num--sm{width:28px;height:28px;font-size:var(--font-size-sm)}.process__step-icon svg{width:28px;height:28px;color:var(--color-primary)}.process__step-title{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.process__step-description{margin:0;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-muted)}.process__step-duration{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);background:var(--color-primary-subtle, rgba(0, 135, 90, .12));padding:2px var(--spacing-2);border-radius:var(--radius-sm)}.process__accordion{display:none;padding:0;margin:0;list-style:none;border-top:1px solid var(--color-border)}.process__accordion-item{border-bottom:1px solid var(--color-border)}.process__accordion-trigger{width:100%;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-surface-elevated);border:0;cursor:pointer;font:inherit;color:var(--color-text);text-align:left}.process__accordion-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.process__accordion-trigger[aria-expanded=true] .process__accordion-icon{transform:rotate(180deg)}.process__accordion-icon{margin-left:auto;transition:transform var(--duration-fast) var(--ease-out)}.process__accordion-icon svg{width:20px;height:20px}.process__accordion-content{padding:var(--spacing-4);background:var(--color-surface);border-top:1px solid var(--color-border-subtle)}.process__accordion-content p{margin:0;color:var(--color-text-muted)}@media(max-width:1023px){.process__timeline{display:none}.process--mobile-accordion .process__accordion,.process--mobile-stacked .process__accordion,.process--mobile-slider .process__accordion{display:block}.process--mobile-stacked .process__accordion-trigger{pointer-events:none}.process--mobile-stacked .process__accordion-content{display:block!important}.process--mobile-stacked .process__accordion-icon{display:none}}@media(prefers-reduced-motion:reduce){.process__accordion-icon,.process__step{transition:none}.process__step:hover{transform:none}}.process--few .process__timeline{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-6)}.process--few .process__step{padding:var(--spacing-8) var(--spacing-6);gap:var(--spacing-3)}.process--few .process__step-num{width:44px;height:44px;font-size:var(--font-size-lg)}.process--few .process__step-icon svg{width:44px;height:44px}.process--few .process__step-title{font-size:var(--font-size-xl)}.process--few .process__step-description{font-size:var(--font-size-md);line-height:1.6;max-width:34ch}
/*# sourceMappingURL=/cdn/shop/t/10/assets/sykell-process.css.map */