.how-it-works{background:var(--bg-secondary);overflow:hidden;padding:6rem 0}.how-it-works-container{margin:0 auto;max-width:1200px;padding:0 2rem}.how-it-works .section-header{margin-bottom:4rem;text-align:center}.how-it-works .section-header h2{-webkit-text-fill-color:#000;background:none;-webkit-background-clip:unset;background-clip:initial;color:#000;font-size:2.5rem;font-weight:700;margin-bottom:.75rem}.section-subtitle{color:var(--text-secondary);font-size:1.125rem;margin:0}.workflow-layout{align-items:center;display:flex;gap:4rem;justify-content:center;margin-bottom:4rem}.workflow-wheel-wrapper{flex-shrink:0}.workflow-wheel{height:320px;position:relative;width:320px}.wheel-track{border:16px solid #e5e7eb;border-radius:50%;transform:translate(-50%,-50%)}.wheel-highlight,.wheel-track{height:240px;left:50%;position:absolute;top:50%;width:240px}.wheel-highlight{border:16px solid #0000;border-radius:50%;border-top-color:#3b82f6;margin-left:-120px;margin-top:-120px;transition:transform .6s cubic-bezier(.4,0,.2,1)}.wheel-hub{align-items:center;background:#fff;border-radius:50%;box-shadow:0 8px 24px #0000001f;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px;z-index:2}.wheel-logo{height:52px;object-fit:contain;transition:transform .4s cubic-bezier(.4,0,.2,1);width:52px}.wheel-stage{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;transition:transform .2s ease;z-index:3}.wheel-stage:hover{transform:scale(1.1)}.how-it-works .stage-dot{border-radius:50%;box-shadow:0 2px 8px #00000026;flex-shrink:0;height:16px;transition:all .3s ease;width:16px}.how-it-works .wheel-stage.active .stage-dot{box-shadow:0 4px 12px #3b82f666;transform:scale(1.4)}.how-it-works .stage-label{font-size:.875rem;font-weight:600;position:absolute;transition:all .3s ease;white-space:nowrap}.how-it-works .wheel-stage.active .stage-label{font-weight:700}.wheel-stage.stage-0{left:160px;top:40px;transform:translate(-50%,-50%)}.wheel-stage.stage-0 .stage-label{left:50%;top:-28px;transform:translateX(-50%)}.wheel-stage.stage-1{left:274px;top:123px;transform:translate(-50%,-50%)}.wheel-stage.stage-1 .stage-label{left:24px;top:50%;transform:translateY(-50%)}.wheel-stage.stage-2{left:231px;top:257px;transform:translate(-50%,-50%)}.wheel-stage.stage-2 .stage-label{left:50%;top:24px;transform:translateX(-50%)}.wheel-stage.stage-3{left:89px;top:257px;transform:translate(-50%,-50%)}.wheel-stage.stage-3 .stage-label{left:50%;top:24px;transform:translateX(-50%)}.wheel-stage.stage-4{left:46px;top:123px;transform:translate(-50%,-50%)}.wheel-stage.stage-4 .stage-label{right:24px;top:50%;transform:translateY(-50%)}.workflow-content{flex:1 1;max-width:480px}.content-card{animation:fadeIn .4s ease;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 24px #0000000f;padding:2rem}.content-header{gap:1rem;margin-bottom:1rem}.content-header,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:12px;color:#fff;flex-shrink:0;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;width:48px}.content-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.content-highlight{background:linear-gradient(135deg,#3b82f61a,#ec489914);border:1px solid #3b82f640;border-radius:100px;color:#3b82f6;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:1rem;padding:.375rem .875rem}.content-card p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0}.progress-dots{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}.progress-dot{border:none;border-radius:50%;cursor:pointer;height:24px;padding:0;transition:all .3s ease;width:24px}.progress-dot:hover{transform:scale(1.2)}.progress-dot.active{transform:scale(1.3)}.platform-support{border-top:1px solid #e5e7eb;display:flex;gap:2rem;justify-content:center;padding-top:2rem}.platform-badge{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.platform-badge svg{color:#3b82f6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.workflow-layout{flex-direction:column;gap:3rem}.workflow-content{max-width:100%;width:100%}}@media (max-width:768px){.how-it-works{padding:4rem 0}.how-it-works .section-header h2{font-size:2rem}.section-subtitle{font-size:1rem}.workflow-wheel{height:280px;width:280px}.wheel-highlight,.wheel-track{border-width:14px;height:200px;width:200px}.wheel-highlight{margin-left:-100px;margin-top:-100px}.wheel-hub{height:64px;width:64px}.wheel-logo{height:40px;width:40px}.how-it-works .stage-label{font-size:.75rem}.how-it-works .stage-dot{height:14px;width:14px}.how-it-works .wheel-stage.stage-0{left:140px;top:40px}.how-it-works .wheel-stage.stage-1{left:235px;top:109px}.how-it-works .wheel-stage.stage-2{left:198px;top:221px}.how-it-works .wheel-stage.stage-3{left:82px;top:221px}.how-it-works .wheel-stage.stage-4{left:45px;top:109px}.how-it-works .wheel-stage.stage-0 .stage-label{top:-24px}.how-it-works .wheel-stage.stage-1 .stage-label{left:20px}.how-it-works .wheel-stage.stage-2 .stage-label,.how-it-works .wheel-stage.stage-3 .stage-label{top:20px}.how-it-works .wheel-stage.stage-4 .stage-label{right:20px}.content-card{padding:1.5rem}.content-card h3{font-size:1.25rem}.step-number{font-size:1rem;height:40px;width:40px}.platform-support{flex-wrap:wrap;gap:1rem}.platform-badge{font-size:.8rem}}@media (max-width:480px){.how-it-works-container{padding:0 1rem}.workflow-wheel{height:240px;width:240px}.wheel-highlight,.wheel-track{border-width:12px;height:160px;width:160px}.wheel-highlight{margin-left:-80px;margin-top:-80px}.wheel-hub{height:52px;width:52px}.wheel-logo{height:32px;width:32px}.how-it-works .stage-label{font-size:.65rem}.how-it-works .stage-dot{height:12px;width:12px}.how-it-works .wheel-stage.stage-0{left:120px;top:40px}.how-it-works .wheel-stage.stage-1{left:196px;top:95px}.how-it-works .wheel-stage.stage-2{left:167px;top:185px}.how-it-works .wheel-stage.stage-3{left:73px;top:185px}.how-it-works .wheel-stage.stage-4{left:44px;top:95px}.how-it-works .wheel-stage.stage-0 .stage-label{top:-20px}.how-it-works .wheel-stage.stage-1 .stage-label{left:16px}.how-it-works .wheel-stage.stage-2 .stage-label,.how-it-works .wheel-stage.stage-3 .stage-label{top:18px}.how-it-works .wheel-stage.stage-4 .stage-label{right:16px}.content-header{align-items:flex-start;flex-direction:column;gap:.75rem}.platform-support{align-items:center;flex-direction:column;gap:.75rem}}
/*# sourceMappingURL=709.c3087208.chunk.css.map*/