.hero{background:-webkit-linear-gradient(315deg,#667eea,#764ba2);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 0}.hero-content{display:grid;gap:50px;grid-template-columns:1fr 1fr;grid-gap:50px;-webkit-box-align:center;align-items:center}.no-grid-gap .hero-content>*{margin:25px}.hero-text h1{font-size:2.5rem;line-height:1.2;margin-bottom:20px}.hero-text p{font-size:1.2rem;margin-bottom:30px;opacity:.9}.hero-buttons{display:-webkit-box;display:flex;gap:15px}.no-flex-gap .hero-buttons>*+*{margin-left:15px}.hero-image img{border-radius:var(--border-radius);width:100%}.section-header{margin-bottom:50px;text-align:center}.section-header h2{color:var(--dark-color);font-size:2.5rem;margin-bottom:15px}.section-header p{color:var(--secondary-color);font-size:1.1rem;margin:0 auto;max-width:600px}@media (max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:2rem}.hero-buttons{-webkit-box-pack:center;flex-wrap:wrap;justify-content:center}}
.users-section{overflow:hidden;padding:80px 0;--total-items:9;--display-items:4}.carousel-container{margin:0 auto;max-width:1200px;overflow:hidden;position:relative}.carousel{height:200px;position:relative;width:100%}.carousel-track{-webkit-animation:scroll 60s linear infinite;animation:scroll 60s linear infinite;display:-webkit-box;display:flex;height:100%}.carousel-track:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.carousel-slide{-webkit-box-flex:0;flex:0 0 calc(100%/var(--display-items, 4));padding:0 15px}.carousel-slide,.user-logo{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.user-logo{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);height:140px;padding:30px 20px;text-align:center;-webkit-transition:var(--transition);transition:var(--transition);width:100%}.user-logo:hover{box-shadow:0 10px 25px rgba(0,0,0,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.user-logo img{max-height:60px;max-width:100%;-o-object-fit:contain;object-fit:contain}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(-100%/var(--display-items, 4)*var(--total-items)));transform:translateX(calc(-100%/var(--display-items, 4)*var(--total-items)))}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(-100%/var(--display-items, 4)*var(--total-items)));transform:translateX(calc(-100%/var(--display-items, 4)*var(--total-items)))}}.carousel-container:after,.carousel-container:before{content:"";height:100%;position:absolute;top:0;width:100px;z-index:2}.carousel-container:before{background:-webkit-linear-gradient(left,#f8f9fa,transparent);background:linear-gradient(90deg,#f8f9fa 0,transparent);left:0}.carousel-container:after{background:-webkit-linear-gradient(right,#f8f9fa,transparent);background:linear-gradient(270deg,#f8f9fa 0,transparent);right:0}@media (max-width:1024px){.users-section{--visible-items:3}.carousel-slide{-webkit-box-flex:0;flex:0 0 calc(100%/var(--visible-items, 3))}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(-100%/var(--visible-items, 3)*var(--total-items)));transform:translateX(calc(-100%/var(--visible-items, 3)*var(--total-items)))}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(-100%/var(--visible-items, 3)*var(--total-items)));transform:translateX(calc(-100%/var(--visible-items, 3)*var(--total-items)))}}}@media (max-width:768px){.users-section{--visible-items:2}.carousel-slide{-webkit-box-flex:0;flex:0 0 calc(100%/var(--visible-items, 2))}.user-logo{height:120px;padding:20px 15px}.user-logo img{max-height:50px}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(-100%/var(--visible-items, 2)*var(--total-items)));transform:translateX(calc(-100%/var(--visible-items, 2)*var(--total-items)))}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(-100%/var(--visible-items, 2)*var(--total-items)));transform:translateX(calc(-100%/var(--visible-items, 2)*var(--total-items)))}}}@media (max-width:480px){.users-section{--visible-items:2}.carousel-slide{-webkit-box-flex:0;flex:0 0 calc(100%/var(--visible-items, 2))}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(-100%/var(--visible-items, 2)*var(--total-items)));transform:translateX(calc(-100%/var(--visible-items, 2)*var(--total-items)))}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(-100%/var(--visible-items, 2)*var(--total-items)));transform:translateX(calc(-100%/var(--visible-items, 2)*var(--total-items)))}}.carousel-container:after,.carousel-container:before{width:50px}}
.demo-section{padding:100px 0}.demo-grid{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:80px;margin:0 auto;max-width:1200px}.no-flex-gap .demo-grid>*+*{margin-top:80px}.demo-item{display:grid;gap:60px;grid-template-columns:1fr 1fr;grid-gap:60px;-webkit-box-align:center;align-items:center}.no-grid-gap .demo-item>*{margin:30px}.demo-item.reverse{direction:rtl}.demo-item.reverse>*{direction:ltr}.demo-content h3{color:var(--dark-color);font-size:2rem;font-weight:700;margin-bottom:20px}.demo-content p{color:var(--secondary-color);font-size:1.1rem;line-height:1.7;margin-bottom:25px}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;color:var(--secondary-color);font-size:1rem;gap:12px;margin-bottom:12px}.no-flex-gap .feature-list li>*+*{margin-left:12px}.feature-list i{color:var(--success-color);width:16px}.gif-placeholder{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:30px;text-align:center;-webkit-transition:var(--transition);transition:var(--transition)}.gif-placeholder:hover{box-shadow:0 15px 40px rgba(0,0,0,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.gif-placeholder i{color:var(--primary-color);font-size:3rem;margin:0 10px}.gif-placeholder p{color:var(--dark-color);font-size:1.1rem;font-weight:600;margin:15px 0}@media (max-width:1024px){.demo-item{gap:40px;grid-template-columns:1fr;grid-gap:40px}.no-grid-gap .demo-item>*{margin:20px}.demo-item.reverse{direction:ltr}.demo-content{text-align:center}.feature-list{display:inline-block;text-align:left}}@media (max-width:768px){.demo-section{padding:60px 0}.demo-grid{gap:60px}.no-flex-gap .demo-grid>*+*{margin-top:60px}.demo-content h3{font-size:1.7rem}.gif-placeholder i{font-size:2.5rem}}@media (max-width:480px){.demo-content h3{font-size:1.5rem}.gif-placeholder{padding:20px}.gif-placeholder i{font-size:2rem}}
.features{padding:80px 0}.features-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px}.no-grid-gap .features-grid>*{margin:15px}.feature-card{background:#fff;border-radius:var(--border-radius);padding:30px;text-align:center;-webkit-transition:var(--transition);transition:var(--transition)}.feature-card:hover{box-shadow:var(--box-shadow);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.feature-icon{background:var(--primary-color);border-radius:50%;display:-webkit-box;display:flex;height:70px;width:70px;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;margin:0 auto 20px}.feature-icon i{color:#fff;font-size:30px}.feature-card h3{color:var(--dark-color);font-size:1.5rem;margin-bottom:15px}.feature-card p{color:var(--secondary-color)}@media (max-width:768px){.section-header h2{font-size:2rem}}