:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f4;--text-primary: #212529;--text-secondary: #495057;--text-muted: #6c757d;--accent-red: #f20807;--accent-red-dark: #dc3545;--accent-red-light: #ff6b6b;--accent-green: #1afd18;--accent-lime: #1afd18;--accent-orange: #FF9B2F;--border-color: #dee2e6;--border-light: #e9ecef;--success: #1afd18;--warning: #f20807;--gradient-light: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);--gradient-red: #f20807;--gradient-card: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);--shadow-light: 0 2px 4px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-red: 0 0 15px rgba(242, 8, 7, .2);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .07), 0 1px 3px rgba(0, 0, 0, .06)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:all .3s ease;border-bottom:1px solid var(--border-color)}.navbar.scrolled{background:var(--bg-primary);box-shadow:var(--shadow-light)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px}.nav-logo{display:flex;align-items:center;gap:12px}.logo-icon{width:50px;height:50px;background:var(--accent-red);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:24px;color:#fff;box-shadow:var(--shadow-red)}.logo-text{display:flex;flex-direction:column}.logo-main{font-size:24px;font-weight:800;color:var(--accent-green);line-height:1;letter-spacing:-.5px}.logo-sub{font-size:12px;color:var(--text-secondary);font-weight:500;letter-spacing:.5px}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;cursor:pointer}.nav-link:hover,.nav-link.active{color:var(--accent-red)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-red);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:4px}.bar{width:25px;height:3px;background:var(--text-primary);transition:.3s;border-radius:2px}.slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.slide-bg-1{background:linear-gradient(135deg,#fff,#f8f9fa,#f1f3f4)}.slide-bg-2{background:linear-gradient(45deg,#fff,#f1f3f4,#f8f9fa)}.slide-bg-3{background:linear-gradient(225deg,#f8f9fa,#fff,#f1f3f4)}.slide-content{position:relative;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-primary);z-index:2}.hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:900;margin-bottom:1rem;line-height:1.1;color:var(--text-primary);animation:slideInUp 1s ease-out}.hero-subtitle{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;margin-bottom:1.5rem;color:var(--accent-green);animation:slideInUp 1s ease-out .2s both}.hero-description{font-size:clamp(1rem,2vw,1.25rem);margin-bottom:2.5rem;max-width:800px;color:var(--text-secondary);animation:slideInUp 1s ease-out .4s both}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;animation:slideInUp 1s ease-out .6s both}.btn{display:inline-flex;align-items:center;padding:1rem 2rem;font-weight:600;text-decoration:none;border-radius:6px;transition:all .3s ease;border:2px solid transparent;font-size:1.1rem;cursor:pointer;background:none}.btn-primary{background:var(--accent-red);color:#fff;box-shadow:var(--shadow-red)}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);color:var(--accent-red);border-color:var(--accent-red);transform:translateY(-2px)}.carousel-navigation{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;padding:0 2rem;z-index:3}.carousel-btn{width:50px;height:50px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--border-color);color:var(--text-primary);font-size:1.2rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-light)}.carousel-btn:hover{border-color:var(--accent-green);color:var(--accent-green);transform:scale(1.1)}.carousel-indicators{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:3}.indicator{width:12px;height:12px;border-radius:50%;background:var(--border-color);cursor:pointer;transition:all .3s ease}.indicator.active{background:var(--accent-green);box-shadow:0 0 15px #1afd1833;transform:scale(1.2)}.features{padding:5rem 0;background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:var(--bg-primary);padding:2.5rem 2rem;border-radius:8px;text-align:center;box-shadow:var(--shadow-light);transition:all .3s ease;border:1px solid var(--border-color)}.feature-card:hover{transform:translateY(-5px);border-color:var(--accent-green);box-shadow:var(--shadow-lg)}.feature-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--accent-red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:var(--shadow-red)}.feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.7}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;color:var(--text-primary);margin-bottom:1rem;line-height:1.2}.section-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.about{padding:6rem 0;background:var(--bg-primary)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem}.stat{text-align:center;padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--shadow-light)}.stat-number{font-size:2.5rem;font-weight:900;color:var(--accent-green);margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.about-description{font-size:1.1rem;line-height:1.8;margin-bottom:2rem;color:var(--text-secondary)}.about-highlights{display:flex;flex-direction:column;gap:1rem}.highlight{display:flex;align-items:center;gap:.75rem;font-weight:500;color:var(--text-primary)}.highlight i{color:var(--success);font-size:1.1rem}.about-image{display:flex;justify-content:center}.image-placeholder{width:400px;height:300px;background:var(--gradient-card);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-primary);font-size:1.2rem;font-weight:600;gap:1rem;box-shadow:var(--shadow-light);border:1px solid var(--border-color)}.image-placeholder i{font-size:4rem;color:var(--accent-red)}.services{padding:6rem 0;background:var(--bg-secondary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.service-card{background:var(--bg-primary);padding:3rem 2rem;border-radius:8px;box-shadow:var(--shadow-light);transition:all .3s ease;border:1px solid var(--border-color);position:relative}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent-red)}.service-card:hover{transform:translateY(-5px);border-color:var(--accent-green);box-shadow:var(--shadow-lg)}.service-icon{width:70px;height:70px;background:var(--accent-red);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;margin-bottom:1.5rem;box-shadow:var(--shadow-red)}.service-card h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.service-card p{color:var(--text-secondary);line-height:1.7}.products{padding:6rem 0;background:var(--bg-primary)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.product-card{background:var(--bg-secondary);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-light);transition:all .3s ease;border:1px solid var(--border-color)}.product-card:hover{transform:translateY(-5px);border-color:var(--accent-green);box-shadow:var(--shadow-lg)}.product-image{height:200px;background:var(--bg-tertiary)}.product-image .image-placeholder{width:100%;height:100%;background:var(--gradient-card);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-primary);gap:.5rem}.product-image .image-placeholder i{font-size:3rem;color:var(--accent-red)}.product-content{padding:2rem}.product-content h3{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.product-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.product-features{list-style:none;display:flex;flex-direction:column;gap:.75rem}.product-features li{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-weight:500;font-size:.9rem}.product-features li:before{content:"✓";width:20px;height:20px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0}.clients{padding:6rem 0;background:var(--bg-secondary)}.clients-carousel{overflow:hidden;margin:2rem 0}.clients-track{display:flex;gap:2rem;animation:scroll 30s linear infinite}.client-card{min-width:250px;background:var(--bg-primary);padding:2rem;border-radius:8px;text-align:center;box-shadow:var(--shadow-light);transition:all .3s ease;border:1px solid var(--border-color)}.client-card:hover{transform:translateY(-5px);border-color:var(--accent-green)}.client-logo{height:80px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.logo-placeholder{width:120px;height:60px;background:var(--accent-red);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.client-card p{color:var(--text-secondary);font-weight:500;font-size:.9rem}.contact{padding:6rem 0;background:var(--bg-primary)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;gap:1.5rem;align-items:flex-start}.contact-icon{width:50px;height:50px;background:var(--accent-green);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0;box-shadow:0 0 15px #1afd1833}.contact-details h4{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.contact-details p{color:var(--text-secondary);line-height:1.6}.contact-form{background:var(--bg-secondary);padding:2.5rem;border-radius:8px;box-shadow:var(--shadow-light);border:1px solid var(--border-color)}.form-group{margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:6px;font-size:1rem;transition:all .3s ease;background:var(--bg-primary);color:var(--text-primary);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-red);box-shadow:0 0 0 3px #f208071a}.form-group textarea{resize:vertical}.footer{background:var(--bg-secondary);color:var(--text-primary);padding:3rem 0 2rem;border-top:1px solid var(--border-color)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h4{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:var(--accent-green)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease;cursor:pointer}.footer-section ul li a:hover{color:var(--accent-red)}.footer-section p{color:var(--text-secondary);line-height:1.6}.footer-bottom{border-top:1px solid var(--border-color);padding-top:2rem;text-align:center;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{color:var(--text-muted);font-size:.9rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:80px;flex-direction:column;background:var(--bg-primary);width:100%;text-align:center;transition:.3s;box-shadow:var(--shadow-light);padding:2rem 0;border-top:1px solid var(--border-color)}.nav-menu.active{left:0}.nav-menu li{margin:1rem 0}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.about-content,.contact-content{grid-template-columns:1fr;gap:2rem}.about-stats{grid-template-columns:repeat(2,1fr)}.services-grid,.products-grid,.features-grid{grid-template-columns:1fr}.image-placeholder{width:100%!important;max-width:350px}}@media (max-width: 480px){.container{padding:0 15px}.about-stats{grid-template-columns:1fr}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}}button:focus,input:focus,select:focus,textarea:focus,a:focus{outline:2px solid var(--accent-red);outline-offset:2px}.notification{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:6px;color:#fff;font-weight:500;z-index:9999;transform:translate(100%);transition:transform .3s ease;box-shadow:var(--shadow-light)}.notification-success{background-color:var(--success)}.notification-error{background-color:var(--accent-red)}.hero-carousel{position:relative;height:100vh;overflow:hidden;background:var(--bg-primary)}.carousel-container{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in-out}.carousel-slide.active{opacity:1}.slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.slide-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:2}.slide-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;padding:0 20px}.slide-content .container{width:100%;max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:11;padding:0 20px}.hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:900;margin-bottom:1rem;line-height:1.1;color:#fff!important;text-shadow:2px 2px 4px rgba(0,0,0,.8);text-align:center;width:100%}.hero-subtitle{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;margin-bottom:1.5rem;color:var(--accent-red)!important;text-shadow:2px 2px 4px rgba(0,0,0,.8);text-align:center;width:100%}.hero-description{font-size:clamp(1rem,2vw,1.25rem);margin:0 auto 2.5rem;max-width:800px;color:#f8f9fa!important;text-shadow:1px 1px 3px rgba(0,0,0,.8);text-align:center;width:100%;line-height:1.6}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-weight:600;text-decoration:none;border-radius:6px;transition:all .3s ease;border:2px solid transparent;font-size:1.1rem;cursor:pointer;background:none;min-width:140px;text-align:center}.btn-primary{background:var(--gradient-red);color:#fff!important;box-shadow:var(--shadow-red)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-red),var(--shadow-lg)}.btn-secondary{background:#ffffff1a;color:#fff!important;border-color:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#fff3;color:#fff!important;border-color:var(--accent-red);transform:translateY(-2px)}.carousel-navigation{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;padding:0 2rem;z-index:15;transform:translateY(-50%);pointer-events:none}.carousel-btn{width:50px;height:50px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff!important;font-size:1.2rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;pointer-events:auto}.carousel-btn:hover{border-color:var(--accent-red);color:var(--accent-red)!important;background:#fff3;transform:scale(1.1)}.carousel-indicators{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:15}.indicator{width:12px;height:12px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s ease;border:2px solid rgba(255,255,255,.3)}.indicator.active{background:var(--accent-red);border-color:var(--accent-red);box-shadow:var(--shadow-red);transform:scale(1.2)}@media (min-width: 769px){.hero-title{animation:slideInUp 1s ease-out}.hero-subtitle{animation:slideInUp 1s ease-out .2s both}.hero-description{animation:slideInUp 1s ease-out .4s both}.hero-buttons{animation:slideInUp 1s ease-out .6s both}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}}@media (max-width: 768px){.slide-content,.slide-content .container{padding:0 15px}.hero-buttons{gap:1rem;flex-direction:column;align-items:center}.btn{width:200px}.carousel-navigation{display:none}.carousel-slide.active{animation:none}.carousel-slide.swipe-right{animation:swipeInFromRight .6s ease-out forwards}.carousel-slide.swipe-left{animation:swipeInFromLeft .6s ease-out forwards}@keyframes swipeInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes swipeInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.hero-title{animation:slideInFromBottom .8s ease-out .2s both}.hero-subtitle{animation:slideInFromBottom .8s ease-out .35s both}.hero-description{animation:slideInFromBottom .8s ease-out .5s both}.hero-buttons{animation:slideInFromBottom .8s ease-out .65s both}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}}@media (max-width: 480px){.slide-content,.slide-content .container{padding:0 10px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.btn{width:160px;padding:.75rem 1.5rem;font-size:.95rem}.carousel-indicators{bottom:1rem;gap:.6rem}.indicator{width:10px;height:10px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}