@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{display:grid;grid-template-columns:1fr;gap:2rem;position:relative;counter-reset:step-counter}@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:"";position:absolute;top:3.5rem;right:-1rem;width:1.5rem;height:2px;background:var(--border-color);z-index:0;transition:width .3s ease,background-color .3s ease}.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);border-radius:1rem;padding:2rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;align-items:center;text-align:center;opacity:0;animation:slideUpFade .6s ease-out forwards}.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{transform:translateY(-5px);box-shadow:0 10px 30px -10px rgba(0,0,0,.1);border-color:var(--interactive-blue)}.process-step-header{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;width:100%;position:relative}.process-step-icon{color:var(--interactive-blue);background:var(--interactive-light);padding:1rem;border-radius:50%;display:inline-flex;transition:all .3s ease}.process-step-card:hover .process-step-icon{background:var(--interactive-blue);color:white;transform:scale(1.1) rotate(5deg)}.process-step-icon svg{width:2.5rem;height:2.5rem}.process-step-number{font-size:4rem;font-weight:800;line-height:1;color:var(--primary-text);opacity:.15;transition:all .3s ease;position:absolute;top:1rem;right:1rem;width:fit-content;z-index:0}.process-step-card:hover .process-step-number{color:var(--interactive-light);opacity:.6;transform:scale(1.1)}.process-step-title{font-size:1.5rem;font-weight:700;color:var(--primary-text);margin-bottom:.75rem;z-index:1}.process-step-description{color:var(--secondary-text);font-size:1rem;line-height:1.6;z-index:1;max-width:40ch}:root.dark .process-step-card{background:rgba(30,41,59,.5);border-color:rgba(255,255,255,.05)}:root.dark .process-step-card:hover{background:rgba(30,41,59,1);border-color:var(--interactive-blue)}