.how-it-works-section{background-color:#e9eaec4d;border-bottom:1px solid var(--border,#e5e5e5);border-top:1px solid var(--border,#e5e5e5);overflow:hidden;padding:5rem 2rem;position:relative}.how-it-works-bg-pattern{background-image:linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.05) 1px,transparent 0);background-size:20px 20px;inset:0;opacity:.05;pointer-events:none;position:absolute}.how-it-works-container{margin:0 auto;max-width:72rem;position:relative}.how-it-works-header{margin-bottom:4rem;text-align:center}.how-it-works-title{color:var(--foreground,#0a0a0a);font-size:1.875rem;font-weight:600;margin:0 0 1rem}@media (min-width:1024px){.how-it-works-title{font-size:2.25rem}}.how-it-works-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.how-it-works-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.how-it-works-grid{grid-template-columns:repeat(4,1fr)}}.how-it-works-step{display:flex;flex-direction:column;gap:1rem;opacity:0;text-align:center;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.how-it-works-icon-wrapper{align-items:center;background-color:#f9741533;border:1px solid #f9741566;border-radius:.5rem;display:flex;height:4rem;justify-content:center;margin:0 auto;transition:all .3s ease;width:4rem}.how-it-works-step:hover .how-it-works-icon-wrapper{background-color:#f9741566;transform:scale(1.1)}.how-it-works-icon{color:var(--primary,#f97316);height:2rem;stroke-width:2;transition:transform .3s ease;width:2rem}.how-it-works-step:hover .how-it-works-icon{transform:rotate(5deg) scale(1.05)}.how-it-works-step-title{color:var(--foreground,#0a0a0a);font-size:1.125rem;font-weight:700;margin:0}.how-it-works-step-description{color:var(--muted-foreground,#737373);font-size:.875rem;line-height:1.5;margin:0}@media (max-width:767px){.how-it-works-section{padding:3rem 1.5rem}.how-it-works-header{margin-bottom:2rem}.how-it-works-title{font-size:1.5rem}}