.how-it-works-hero{text-align:left;background:var(--surface);padding:6rem 2rem 4rem;position:relative;overflow:hidden}.how-it-works-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,rgba(233,30,99,.05),transparent 50%),radial-gradient(circle at 0 100%,rgba(60,36,21,.05),transparent 50%);position:absolute;top:0;bottom:0;left:0;right:0}.how-it-works-hero h1{color:var(--primary);margin-bottom:1.5rem;font-size:3rem;font-weight:800}.how-it-works-hero p{color:var(--text-muted);max-width:800px;margin:0;font-size:1.25rem}.steps-container{flex-direction:column;gap:6rem;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex}.step-row{align-items:center;gap:4rem;display:flex}.step-row.reverse{flex-direction:row-reverse}.step-content{flex:1}.step-number{background-color:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1rem;font-size:1.25rem;font-weight:700;display:inline-flex}.step-content h2{color:var(--primary);margin-bottom:1rem;font-size:2rem}.step-content p{color:var(--text-muted);font-size:1.1rem;line-height:1.7}.step-image{flex:1;position:relative}.step-image img{border-radius:20px;width:100%;transition:transform .3s;box-shadow:0 20px 40px rgba(60,36,21,.15)}.step-image img:hover{transform:translateY(-5px)}.step-image:after{content:"";border:2px solid var(--accent);z-index:-1;opacity:.2;border-radius:20px;width:100%;height:100%;position:absolute;top:-20px;right:-20px}.step-row.reverse .step-image:after{left:-20px;right:auto}.cta-section{text-align:center;background:linear-gradient(135deg, var(--primary) 0%, #2a190f 100%);color:#fff;padding:6rem 2rem}.cta-section h2{color:#fff;margin-bottom:1.5rem;font-size:2.5rem}.cta-section p{opacity:.9;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.cta-buttons{justify-content:center;gap:1rem;display:flex}@media (max-width:900px){.step-row,.step-row.reverse{text-align:left;flex-direction:column;gap:3rem}.step-image:after{display:none}.how-it-works-hero{text-align:left}.how-it-works-hero h1{font-size:2.2rem}.cta-section h2{font-size:1.8rem}}