.how-it-works-page{padding-top:80px;min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary);overflow-x:hidden}.how-it-works-hero{text-align:center;padding:6rem 2rem;max-width:800px;margin:0 auto}.how-it-works-hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#1f2937,#4b5563);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.how-it-works-hero p{font-size:1.25rem;color:var(--color-text-secondary);line-height:1.6}.steps-container{max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:8rem}.step-section{display:flex;align-items:center;gap:4rem;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}.step-section:nth-child(2n){flex-direction:row-reverse}.step-content{flex:1}.step-number{font-size:5rem;font-weight:800;color:var(--color-accent-orange);opacity:.2;line-height:1;margin-bottom:-1rem;display:block}.step-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--color-text-primary)}.step-description{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.7}.step-visual{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.step-image-container{width:100%;max-width:500px;aspect-ratio:16/9;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0000004d;position:relative;border:1px solid rgba(255,255,255,.1)}.step-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.step-section:hover .step-image{transform:scale(1.05)}.cta-section{text-align:center;padding:8rem 2rem}.cta-section h2{font-size:2.5rem;margin-bottom:2rem}.step-section:nth-child(1){animation-delay:.2s}.step-section:nth-child(2){animation-delay:.4s}.step-section:nth-child(3){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.step-section{flex-direction:column;gap:2rem;text-align:center}.step-section:nth-child(2n){flex-direction:column}.step-image-container{max-width:100%}.how-it-works-hero h1{font-size:2.5rem}}