.how-it-works{padding:var(--space-xl) 0;background:0 0}.how-it-works .section-header{text-align:center;margin-bottom:var(--space-xl)}.how-it-works .section-header[data-reveal]{opacity:0;transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s cubic-bezier(.19,1,.22,1);transform:translateY(30px)}.how-it-works .section-header[data-reveal].active{opacity:1;transform:translateY(0)}.how-it-works .section-header .section-title{margin:var(--space-xs) 0;font-size:clamp(2.5rem,6vw,4rem)}.how-it-works .section-header .section-subtitle{color:var(--text-muted);font-size:1.1rem}.how-it-works .steps-container{gap:var(--space-lg);flex-direction:column;display:flex}@media (min-width:992px){.how-it-works .steps-container{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}}.how-it-works .steps-container .step-card{opacity:0;background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;height:100%;transition:transform 1s cubic-bezier(.19,1,.22,1),opacity 1s cubic-bezier(.19,1,.22,1),border-color .4s,box-shadow .4s,background .4s;display:flex;overflow:hidden;transform:translateY(30px)}.how-it-works .steps-container .step-card.active{opacity:1;transform:translateY(0)}@media (hover:hover){.how-it-works .steps-container .step-card:hover{background:#ffffff08;border-color:#c5a36e80;transition:transform .4s cubic-bezier(.19,1,.22,1),border-color .4s,box-shadow .4s,background .4s;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.how-it-works .steps-container .step-card:hover .step-image img{transform:scale(1.02)}}.how-it-works .steps-container .step-card.mobile-active{background:#ffffff08;border-color:#c5a36e80;transition:transform .4s cubic-bezier(.19,1,.22,1),border-color .4s,box-shadow .4s,background .4s;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.how-it-works .steps-container .step-card.mobile-active .step-image img{transform:scale(1.02)}@media (max-width:991px) and (min-width:768px){.how-it-works .steps-container .step-card{grid-template-columns:1fr 1fr;display:grid}}.how-it-works .steps-container .step-card .step-content{padding:var(--space-md);flex-direction:column;justify-content:center;display:flex}.how-it-works .steps-container .step-card .step-content .step-number{font-family:var(--font-mono);text-transform:uppercase;color:var(--accent-amber);margin-bottom:var(--space-sm);font-size:.8rem}.how-it-works .steps-container .step-card .step-content h3{margin-bottom:var(--space-sm);font-size:1.8rem}.how-it-works .steps-container .step-card .step-content p{color:var(--text-secondary);margin-bottom:var(--space-sm);line-height:1.6}.how-it-works .steps-container .step-card .step-content .step-action{cursor:pointer;align-items:center;gap:8px;font-weight:500;transition:color .3s;display:flex}@media (hover:hover){.how-it-works .steps-container .step-card .step-content .step-action:hover{color:var(--accent-amber)}}.how-it-works .steps-container .step-card .step-image{aspect-ratio:4/3;background:#1a1a1a;order:-1;overflow:hidden}@media (max-width:991px) and (min-width:768px){.how-it-works .steps-container .step-card .step-image{aspect-ratio:16/10;order:0}}.how-it-works .steps-container .step-card .step-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}