.wcc{position:relative;background-color:#030d17;padding:80px 5%;font-family:"Oswald",var(--font-inter,sans-serif);color:#fff;overflow:hidden}.wcc__container{max-width:1440px;margin:0 auto;position:relative;z-index:1}.wcc__top{display:flex;gap:4%;align-items:stretch;margin-bottom:80px}.wcc__static-left{flex:0 0 35%;display:flex;flex-direction:column;justify-content:center}.wcc__label{font-size:11px;font-weight:700;color:rgba(0,212,170,.8);letter-spacing:.15em;margin-bottom:24px;text-transform:uppercase}.wcc__title{font-size:clamp(36px,4vw,56px);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:20px}.wcc__highlight{color:#00d4aa}.wcc__subtitle{font-size:16px;line-height:1.6;color:#98a1ad;margin-bottom:40px;max-width:400px}.wcc__controls{gap:24px;margin-top:auto}.wcc__btn,.wcc__controls{display:flex;align-items:center}.wcc__btn{width:48px;height:48px;border-radius:50%;border:1px solid hsla(0,0%,100%,.1);background:transparent;color:#fff;justify-content:center;cursor:pointer;transition:all .3s ease}.wcc__btn:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.3)}.wcc__btn--next{background:#00d4aa;color:#000;border-color:#00d4aa}.wcc__btn--next:hover{background:#00f0c0;transform:translateX(2px)}.wcc__counter{font-size:14px;font-weight:600;letter-spacing:.1em;color:#fff}.wcc__counter-current{color:#00d4aa}.wcc__counter-divider{margin:0 4px;color:hsla(0,0%,100%,.3);font-weight:400}.wcc__counter-total{color:hsla(0,0%,100%,.5)}.wcc__viewport{flex:0 0 61%;position:relative;border-radius:24px;background:linear-gradient(145deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.01));border:1px solid hsla(0,0%,100%,.03);overflow:hidden;min-height:400px}.wcc__track{display:flex;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1)}.wcc__slide{flex:0 0 100%;display:flex;align-items:center;padding:40px;gap:40px;opacity:.3;transition:opacity .6s ease}.wcc__slide--active{opacity:1}.wcc__slide-visual{flex:0 0 50%;position:relative;display:flex;align-items:center;justify-content:center}.wcc__mockup{position:relative;width:240px;height:240px}@keyframes floatWcc{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}to{transform:translateY(0) rotate(0deg)}}.wcc__slide--active .wcc__mockup-element{animation:floatWcc 4s ease-in-out infinite}.wcc__slide--active .wcc__mockup-element-2{animation:floatWcc 5s ease-in-out infinite reverse}.wcc__mockup-element{position:absolute;background:linear-gradient(135deg,#00d4aa,#008f73);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.4)}.wcc__mockup--1 .wcc__mockup-element{width:160px;height:200px;left:40px;top:20px;transform:rotate(-10deg) skewX(5deg)}.wcc__mockup--1 .wcc__mockup-element-2{position:absolute;width:140px;height:180px;left:70px;top:40px;background:#fff;border-radius:8px;opacity:.1;transform:rotate(-5deg)}.wcc__mockup--2 .wcc__mockup-element{width:200px;height:140px;left:20px;top:40px;background:#0b1a29;border:2px solid #00d4aa}.wcc__mockup--2 .wcc__mockup-element-2{position:absolute;width:60px;height:40px;left:90px;top:180px;background:#00d4aa}.wcc__mockup--2 .wcc__mockup-element-3{position:absolute;width:100px;height:80px;left:70px;top:70px;background:rgba(0,212,170,.2);border-radius:4px}.wcc__mockup--3 .wcc__mockup-element{width:140px;height:100px;left:20px;top:30px;border-radius:24px 24px 24px 4px}.wcc__mockup--3 .wcc__mockup-element-2{position:absolute;width:120px;height:80px;right:20px;bottom:30px;background:#0b1a29;border:2px solid #00d4aa;border-radius:24px 24px 4px 24px}.wcc__mockup--4 .wcc__mockup-element{width:140px;height:100px;left:20px;top:30px;border-radius:24px 24px 24px 4px}.wcc__mockup--4 .wcc__mockup-element-2{position:absolute;width:120px;height:80px;right:20px;bottom:30px;background:#0b1a29;border:2px solid #00d4aa;border-radius:24px 24px 4px 24px}.wcc__mockup--5 .wcc__mockup-element{width:120px;height:120px;left:20px;top:30px;border-radius:50%;background:linear-gradient(135deg,#00d4aa,#007a60)}.wcc__mockup--5 .wcc__mockup-element-2{position:absolute;width:100px;height:100px;right:20px;top:60px;border-radius:50%;background:rgba(0,212,170,.15);border:2px solid rgba(0,212,170,.3)}.wcc__mockup--5 .wcc__mockup-element-3{position:absolute;width:60px;height:60px;left:90px;top:100px;border-radius:50%;background:rgba(0,212,170,.25)}.wcc__mockup--6 .wcc__mockup-element{width:160px;height:160px;left:40px;top:40px;border-radius:50%}.wcc__mockup--6 .wcc__mockup-element-2{position:absolute;width:100px;height:100px;left:70px;top:70px;background:#0b1a29;border-radius:50%}.wcc__mockup--6 .wcc__mockup-element-3{position:absolute;width:40px;height:40px;left:100px;top:100px;background:#00d4aa;border-radius:50%}.wcc__slide-content{flex:0 0 50%;display:flex;flex-direction:column}.wcc__slide-num{font-size:14px;font-weight:700;color:#00d4aa;margin-bottom:16px;letter-spacing:.05em}.wcc__slide-title{font-size:28px;font-weight:800;line-height:1.2;margin-bottom:12px}.wcc__slide-desc{font-size:15px;line-height:1.6;color:#98a1ad;margin-bottom:16px}.wcc__slide-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.wcc__slide-bullet{font-size:13px;line-height:1.5;color:#7b8897;padding-left:16px;position:relative}.wcc__slide-bullet:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:#00d4aa;opacity:.6}.wcc__progress{position:relative;background:hsla(0,0%,100%,.01);border:1px solid hsla(0,0%,100%,.03);border-radius:20px;padding:30px 40px;overflow:hidden}.wcc__progress-items{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.wcc__progress-line{position:absolute;top:50px;left:10%;right:10%;height:1px;background:hsla(0,0%,100%,.1);z-index:1}.wcc__progress-item{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;position:relative}.wcc__progress-icon-wrapper{width:40px;height:40px;border-radius:50%;background:#030d17;border:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;font-size:16px;color:hsla(0,0%,100%,.3);margin-bottom:20px;transition:all .3s ease;z-index:2}.wcc__progress-item.active .wcc__progress-icon-wrapper{border-color:#00d4aa;color:#00d4aa;box-shadow:0 0 15px rgba(0,212,170,.2)}.wcc__progress-item.past .wcc__progress-icon-wrapper{border-color:rgba(0,212,170,.5);color:rgba(0,212,170,.5)}.wcc__progress-text{opacity:.5;transition:opacity .3s ease}.wcc__progress-item.active .wcc__progress-text{opacity:1}.wcc__progress-step{font-size:11px;font-weight:700;color:#00d4aa;display:block;margin-bottom:6px}.wcc__progress-navtitle{font-size:14px;font-weight:700;color:#fff;margin-bottom:6px}.wcc__progress-navdesc{font-size:12px;line-height:1.4;color:#7b8897;max-width:160px;margin:0 auto}@media (max-width:1200px){.wcc__progress-items{grid-template-columns:repeat(3,1fr);row-gap:32px}}@media (max-width:1024px){.wcc__top{flex-direction:column;gap:40px}.wcc__static-left{text-align:center;align-items:center}.wcc__subtitle{max-width:600px}.wcc__controls{margin-top:0}.wcc__slide{padding:30px 20px;flex-direction:column;text-align:center}.wcc__slide-bullets{align-items:center}.wcc__progress-items{grid-template-columns:repeat(3,1fr);row-gap:40px}.wcc__progress-line{display:none}}@media (max-width:768px){.wcc{padding:60px 5%}.wcc__top{margin-bottom:48px}.wcc__progress-items{grid-template-columns:repeat(2,1fr);row-gap:32px}}@media (max-width:640px){.wcc__title{font-size:32px}.wcc__slide-title{font-size:24px}.wcc__progress-items{grid-template-columns:1fr;text-align:left}.wcc__progress-item{flex-direction:row;align-items:center;text-align:left;gap:20px}.wcc__progress-icon-wrapper{margin-bottom:0}.wcc__progress-navdesc{margin:0}}