.HowItWorks-module__WawhIW__section{padding:var(--space-4xl)0;position:relative}.HowItWorks-module__WawhIW__header{text-align:center;margin-bottom:var(--space-4xl)}.HowItWorks-module__WawhIW__stepsContainer{gap:var(--space-4xl);flex-direction:column;max-width:1000px;margin:0 auto;display:flex}.HowItWorks-module__WawhIW__stepRow{gap:var(--space-4xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.HowItWorks-module__WawhIW__stepRowReverse{direction:rtl}.HowItWorks-module__WawhIW__stepRowReverse>*{direction:ltr}.HowItWorks-module__WawhIW__stepContentBox{gap:var(--space-sm);flex-direction:column;display:flex}.HowItWorks-module__WawhIW__stepNumberBadge{width:48px;height:48px;color:var(--accent-purple);font-size:var(--text-lg);margin-bottom:var(--space-md);background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:12px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.HowItWorks-module__WawhIW__stepTitle{font-size:var(--text-3xl);color:var(--text-primary);font-weight:800}.HowItWorks-module__WawhIW__stepDesc{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.HowItWorks-module__WawhIW__stepVisualBox{justify-content:center;align-items:center;display:flex}.HowItWorks-module__WawhIW__visualCard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1119;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;width:100%;max-width:420px;height:280px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.HowItWorks-module__WawhIW__mockupBar{background:#ffffff05;border-bottom:1px solid #ffffff0d;align-items:center;height:40px;padding:0 16px;display:flex}.HowItWorks-module__WawhIW__mockupDots{gap:6px;display:flex}.HowItWorks-module__WawhIW__mockupDots span{background:#fff3;border-radius:50%;width:10px;height:10px}.HowItWorks-module__WawhIW__mockupDots span:first-child{background:#ff5f56}.HowItWorks-module__WawhIW__mockupDots span:nth-child(2){background:#ffbd2e}.HowItWorks-module__WawhIW__mockupDots span:nth-child(3){background:#27c93f}.HowItWorks-module__WawhIW__mockupBody{flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.HowItWorks-module__WawhIW__mockupInputBox{z-index:5;background:#00000080;border:1px solid #8b5cf64d;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;display:flex;box-shadow:0 0 20px #8b5cf61a}.HowItWorks-module__WawhIW__mockupLink{color:var(--text-secondary);white-space:nowrap;border-right:2px solid var(--accent-purple);font-family:monospace;font-size:14px;animation:3s steps(30,end) infinite HowItWorks-module__WawhIW__typing;overflow:hidden}.HowItWorks-module__WawhIW__mockupSubmit{background:var(--gradient-primary);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;animation:2s infinite HowItWorks-module__WawhIW__pulse;display:flex}.HowItWorks-module__WawhIW__scanningLine{background:linear-gradient(#0000,#8b5cf61a 50%,#0000);width:100%;height:100%;animation:2.5s linear infinite HowItWorks-module__WawhIW__scanLine;position:absolute;top:0;left:0}@keyframes HowItWorks-module__WawhIW__typing{0%,20%{width:0}80%,to{width:100%}}@keyframes HowItWorks-module__WawhIW__scanLine{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.HowItWorks-module__WawhIW__visual2{justify-content:center;align-items:center;gap:30px}.HowItWorks-module__WawhIW__platformGrid{gap:16px;display:flex}.HowItWorks-module__WawhIW__platformIcon{opacity:.4;filter:grayscale();background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:all .3s;display:flex}.HowItWorks-module__WawhIW__platformIcon.HowItWorks-module__WawhIW__active{opacity:1;filter:grayscale(0);background:#8b5cf626;border:1px solid #8b5cf666;animation:3s ease-in-out infinite HowItWorks-module__WawhIW__float;transform:translateY(-5px);box-shadow:0 0 15px #8b5cf633}.HowItWorks-module__WawhIW__platformIcon.HowItWorks-module__WawhIW__active:nth-child(2){animation-delay:1.5s}.HowItWorks-module__WawhIW__processingBar{background:#ffffff1a;border-radius:3px;width:80%;height:6px;overflow:hidden}.HowItWorks-module__WawhIW__processingFill{background:var(--gradient-primary);transform-origin:0;width:100%;height:100%;animation:3s ease-in-out infinite HowItWorks-module__WawhIW__loadingBar}@keyframes HowItWorks-module__WawhIW__loadingBar{0%{transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.HowItWorks-module__WawhIW__visual3{justify-content:center;align-items:center}.HowItWorks-module__WawhIW__clipsGrid{gap:16px;display:flex}.HowItWorks-module__WawhIW__clipThumb{background:linear-gradient(135deg,#222,#333);border:1px solid #ffffff1a;border-radius:12px;width:100px;height:180px;position:relative;overflow:hidden}.HowItWorks-module__WawhIW__clipThumb:first-child{animation:4s infinite HowItWorks-module__WawhIW__popClip;transform:rotate(-5deg)translateY(10px)}.HowItWorks-module__WawhIW__clipThumb:nth-child(2){z-index:2;animation:4s .5s infinite HowItWorks-module__WawhIW__popClip;transform:translateY(-10px);box-shadow:0 10px 30px #00000080}.HowItWorks-module__WawhIW__clipThumb:nth-child(3){animation:4s 1s infinite HowItWorks-module__WawhIW__popClip;transform:rotate(5deg)translateY(10px)}.HowItWorks-module__WawhIW__clipScore{color:#fff;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:800;position:absolute;top:8px;right:8px}.HowItWorks-module__WawhIW__scoreHigh{background:#10b981}.HowItWorks-module__WawhIW__scoreMed{background:#f59e0b}.HowItWorks-module__WawhIW__scoreLow{background:#ef4444}.HowItWorks-module__WawhIW__clipPlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes HowItWorks-module__WawhIW__popClip{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}@media (max-width:768px){.HowItWorks-module__WawhIW__stepRow,.HowItWorks-module__WawhIW__stepRowReverse{gap:var(--space-xl);direction:ltr;grid-template-columns:1fr}.HowItWorks-module__WawhIW__stepVisualBox{order:-1}.HowItWorks-module__WawhIW__stepContentBox{text-align:center;align-items:center}.HowItWorks-module__WawhIW__visualCard{max-width:100%}}