@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.process-steps-section{padding:4rem 0;position:relative}.process-steps-grid{counter-reset:step-counter;grid-template-columns:1fr;gap:2rem;display:grid;position:relative}@media (min-width:768px){.process-steps-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.process-steps-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.process-step-card:not(:last-child):after{content:"";background:var(--border-color);z-index:0;width:1.5rem;height:2px;transition:width .3s,background-color .3s;position:absolute;top:3.5rem;right:-1rem}.process-step-card:hover:not(:last-child):after{background-color:var(--interactive-blue);width:3rem}}.process-step-card{background:var(--surface-background);border:1px solid var(--border-color);text-align:center;opacity:0;border-radius:1rem;flex-direction:column;align-items:center;height:100%;padding:2rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s ease-out forwards slideUpFade;display:flex;position:relative}.process-step-card:first-child{animation-delay:.1s}.process-step-card:nth-child(2){animation-delay:.3s}.process-step-card:nth-child(3){animation-delay:.5s}.process-step-card:hover{border-color:var(--interactive-blue);transform:translateY(-5px);box-shadow:0 10px 30px -10px #0000001a}.process-step-header{justify-content:center;align-items:center;width:100%;margin-bottom:1.5rem;display:flex;position:relative}.process-step-icon{color:var(--interactive-blue);background:var(--interactive-light);border-radius:50%;padding:1rem;transition:all .3s;display:inline-flex}.process-step-card:hover .process-step-icon{background:var(--interactive-blue);color:#fff;transform:scale(1.1)rotate(5deg)}.process-step-icon svg{width:2.5rem;height:2.5rem}.process-step-number{color:var(--primary-text);opacity:.15;z-index:0;width:fit-content;font-size:4rem;font-weight:800;line-height:1;transition:all .3s;position:absolute;top:1rem;right:1rem}.process-step-card:hover .process-step-number{color:var(--interactive-light);opacity:.6;transform:scale(1.1)}.process-step-title{color:var(--primary-text);z-index:1;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.process-step-description{color:var(--secondary-text);z-index:1;max-width:40ch;font-size:1rem;line-height:1.6}:root.dark .process-step-card{background:#1e293b80;border-color:#ffffff0d}:root.dark .process-step-card:hover{border-color:var(--interactive-blue);background:#1e293b}