.ag-process{position:relative}.ag-process__inner{max-width:1280px;margin:0 auto;padding:0 24px}.ag-process__header{text-align:center;margin-bottom:64px}.ag-process__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:600;color:var(--color-primary);margin:0 0 12px}.ag-process__heading{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(1.8rem,3.8vw,2.6rem);line-height:1.15;margin:0 auto 14px;max-width:720px}.ag-process__subtitle{max-width:600px;margin:0 auto;color:rgb(var(--color-foreground-rgb) / .7);font-size:1rem;line-height:1.6}.ag-process__steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(20px,3vw,36px);counter-reset:step;position:relative}.ag-process__steps:before{content:"";position:absolute;top:70px;left:12%;right:12%;height:1px;background:repeating-linear-gradient(to right,rgb(var(--color-foreground-rgb) / .18) 0 6px,transparent 6px 12px);z-index:0}.ag-process__step{position:relative;background:var(--color-background);border-radius:var(--ag-radius-lg);padding:28px 24px 24px;text-align:center;border:1px solid rgb(var(--color-foreground-rgb) / .06);transition:transform var(--ag-dur-base) var(--ag-ease),box-shadow var(--ag-dur-base) var(--ag-ease);z-index:1}.ag-process__step:hover{transform:translateY(-4px);box-shadow:var(--ag-shadow-elev)}.ag-process__num{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;font-family:var(--font-heading--family);font-weight:700;font-size:.85rem;padding:6px 14px;border-radius:var(--ag-radius-pill);letter-spacing:.04em;font-variant-numeric:tabular-nums}.ag-process__icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--ag-radius-pill);background:color-mix(in oklab,var(--color-primary) 12%,var(--color-background));color:var(--color-primary);margin:16px auto 18px}.ag-process__icon-svg{width:32px;height:32px}.ag-process__step-title{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:1.25rem;margin:0 0 10px;letter-spacing:-.01em}.ag-process__step-desc{color:rgb(var(--color-foreground-rgb) / .7);font-size:.92rem;line-height:1.55;margin:0}@media screen and (max-width:749px){.ag-process__steps{grid-template-columns:1fr}.ag-process__steps:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ag-process.css.map */