*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6c3eff;--primary-dark:#4a1fcc;--primary-light:#9b74ff;--accent:#f0b429;--accent-dark:#c78d0a;--accent-2:#ff6b6b;--dark:#08070d;--dark-2:#0e0c18;--dark-3:#131125;--dark-4:#1a1733;--surface:#110f1f;--surface-2:#1b1830;--text-primary:#f4f1ff;--text-secondary:#9b96c4;--text-muted:#5c567a;--border:#6c3eff38;--border-light:#6c3eff17;--border-gold:#f0b42940;--gradient-1:linear-gradient(135deg, #6c3eff 0%, #a855f7 50%, #f0b429 100%);--gradient-violet:linear-gradient(135deg, #6c3eff 0%, #a855f7 100%);--gradient-gold:linear-gradient(135deg, #f0b429 0%, #ff8c42 100%);--gradient-2:linear-gradient(135deg, #08070d 0%, #0e0c18 100%);--gradient-hero:linear-gradient(135deg, #08070deb 0%, #6c3eff59 100%);--shadow-sm:0 2px 14px #6c3eff26;--shadow-md:0 6px 32px #6c3eff40;--shadow-lg:0 18px 64px #6c3eff59;--shadow-gold:0 6px 32px #f0b42938;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--nav-h:72px;--transition:.3s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--dark);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:Outfit,sans-serif;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}ul{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--dark-2)}::-webkit-scrollbar-thumb{background:var(--gradient-violet);background:var(--primary);border-radius:999px}.container{max-width:1220px;margin:0 auto;padding:0 24px}.section-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:#f0b4291a;border:1px solid #f0b4294d;border-radius:999px;margin-bottom:14px;padding:5px 14px;font-size:.78rem;font-weight:700;display:inline-block}.section-title{color:var(--text-primary);margin-bottom:14px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.section-title span{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-desc{color:var(--text-secondary);max-width:580px;font-size:1.05rem;line-height:1.7}.btn-primary{background:var(--gradient-violet);color:#fff;border-radius:var(--radius-sm);transition:var(--transition);letter-spacing:.02em;align-items:center;gap:8px;padding:13px 30px;font-size:.95rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #6c3eff73}.btn-primary:after{content:"";opacity:0;transition:opacity var(--transition);background:linear-gradient(135deg,#ffffff1f 0%,#0000 60%);position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 36px #6c3eff99}.btn-primary:hover:after{opacity:1}.btn-outline{color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:1.5px solid #6c3eff59;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-outline:hover{border-color:var(--primary-light);color:var(--primary-light);background:#6c3eff14;transform:translateY(-2px)}.glass-card{border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(14px);transition:var(--transition);background:#110f1fbf}.glass-card:hover{box-shadow:var(--shadow-md);border-color:#6c3eff73;transform:translateY(-4px)}.navbar{height:var(--nav-h);z-index:1000;transition:background var(--transition), box-shadow var(--transition);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(24px);background:#08070df5;box-shadow:0 2px 30px #0009,0 1px #6c3eff26}.nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1220px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{align-items:center;gap:12px;display:flex}.logo-icon{width:48px;height:48px;transition:var(--transition);background:linear-gradient(135deg,#6c3eff26 0%,#a855f71a 100%);border-radius:12px;justify-content:center;align-items:center;animation:3s ease-in-out infinite logoPulse;display:flex;box-shadow:0 0 18px #6c3eff80,0 0 36px #6c3eff26}.nav-logo:hover .logo-icon{transform:scale(1.06);box-shadow:0 0 28px #6c3effbf,0 0 56px #f0b42933}@keyframes logoPulse{0%,to{box-shadow:0 0 18px #6c3eff80,0 0 36px #6c3eff26}50%{box-shadow:0 0 26px #a855f7b3,0 0 52px #f0b4292e}}.logo-text{line-height:1.1}.logo-title{background:linear-gradient(135deg,#9b74ff 0%,#f0b429 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:800}.logo-sub{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.67rem}.nav-links{align-items:center;gap:6px;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap;padding:8px 14px;font-size:.88rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#6c3eff1a}.nav-link.active:after{content:"";background:var(--gradient-violet);border-radius:999px;width:18px;height:2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.nav-dropdown{position:relative}.nav-dropdown:hover .dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-arrow{margin-left:2px;font-size:.65rem}.dropdown-menu{background:var(--dark-2);border:1px solid var(--border);border-radius:var(--radius-md);opacity:0;pointer-events:none;min-width:220px;transition:var(--transition);box-shadow:var(--shadow-md);z-index:100;padding:8px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(-8px)}.dropdown-menu a{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition);padding:10px 14px;font-size:.88rem;display:block}.dropdown-menu a:hover{color:var(--text-primary);background:#6c3eff1f}.nav-cta{color:#fff;background:var(--gradient-violet);border-radius:var(--radius-sm);transition:var(--transition);margin-left:10px;padding:9px 22px;font-size:.88rem;font-weight:700;box-shadow:0 3px 16px #6c3eff73}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6c3eff99}.nav-hamburger{background:0 0;flex-direction:column;gap:5px;padding:6px;display:none}.nav-hamburger span{background:var(--text-primary);width:24px;height:2px;transition:var(--transition);border-radius:2px;display:block}.mobile-menu{top:var(--nav-h);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:999;background:#050d1afa;flex-direction:column;gap:4px;padding:16px 24px 24px;display:none;position:fixed;left:0;right:0}.mobile-menu.open{display:flex}.mobile-menu a{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition);padding:12px 16px;font-size:.95rem}.mobile-menu a:hover{color:var(--text-primary);background:#6c3eff1f}.hero-carousel{height:100vh;min-height:620px;position:relative;overflow:hidden}.hero-slides{height:100%;transition:transform .75s cubic-bezier(.77,0,.175,1);display:flex}.hero-slide{background:var(--dark-2);min-width:100%;height:100%;position:relative}.hero-slide img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-overlay{background:linear-gradient(135deg,#08070deb 0%,#08070da6 45%,#6c3eff38 100%);align-items:center;display:flex;position:absolute;inset:0}.hero-content{max-width:1220px;padding:0 24px;padding-top:var(--nav-h);margin:0 auto}.hero-badge{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;background:#f0b4291a;border:1px solid #f0b42959;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:7px 16px;font-size:.8rem;font-weight:600;animation:.6s both fadeSlideUp;display:inline-flex}.hero-badge .dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.hero-h1{margin-bottom:22px;font-size:clamp(2.2rem,6vw,4.2rem);font-weight:900;line-height:1.1;animation:.7s .1s both fadeSlideUp}.hero-h1 .gradient-text{background:linear-gradient(135deg,#9b74ff 0%,#f0b429 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:560px;margin-bottom:36px;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.7;animation:.7s .2s both fadeSlideUp}.hero-btn-row{flex-wrap:wrap;gap:14px;animation:.7s .3s both fadeSlideUp;display:flex}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.carousel-controls{z-index:10;align-items:center;gap:12px;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.carousel-dot{cursor:pointer;width:8px;height:8px;transition:var(--transition);background:#ffffff59;border:none;border-radius:999px}.carousel-dot.active{background:var(--accent);width:28px;box-shadow:0 0 12px #f0b429b3}.carousel-arrow{color:#fff;cursor:pointer;width:50px;height:50px;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#6c3eff38;border:1px solid #6c3eff66;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 0 20px #6c3eff80}.carousel-arrow.prev{left:24px}.carousel-arrow.next{right:24px}.short-carousel-section{background:var(--dark-2);padding:80px 0 60px;position:relative;overflow:hidden}.short-carousel-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#6c3eff1a 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.short-carousel-header{text-align:center;margin-bottom:44px}.short-carousel-track-wrap{position:relative}.short-carousel-track{gap:22px;padding-bottom:8px;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}.short-carousel-item{cursor:pointer;flex:0 0 260px;min-width:260px}.product-card{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);transition:var(--transition);overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);border-color:#6c3eff80;transform:translateY(-6px)}.product-img-wrap{height:180px;position:relative;overflow:hidden}.product-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-card:hover .product-img-wrap img{transform:scale(1.06)}.product-img-overlay{background:linear-gradient(#0000 40%,#050d1ab3 100%);position:absolute;inset:0}.product-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;background:#f0b42926;border:1px solid #f0b42959;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:700;position:absolute;top:12px;left:12px}.product-body{padding:18px 20px 20px}.product-name{color:var(--text-primary);margin-bottom:6px;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700}.product-desc{color:var(--text-secondary);margin-bottom:14px;font-size:.83rem;line-height:1.55}.product-footer{justify-content:space-between;align-items:center;display:flex}.product-price{color:var(--accent);font-size:.88rem;font-weight:700}.product-btn{color:var(--primary-light);border-radius:var(--radius-sm);transition:var(--transition);background:#6c3eff1f;border:1px solid #6c3eff4d;padding:6px 14px;font-size:.78rem;font-weight:700}.product-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 16px #6c3eff66}.short-carousel-nav{justify-content:center;align-items:center;gap:12px;margin-top:30px;display:flex}.sc-prev,.sc-next{background:var(--surface-2);border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.sc-prev:hover,.sc-next:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 16px #6c3eff73}.sc-dots{gap:8px;display:flex}.sc-dot{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;width:7px;height:7px;transition:var(--transition);border-radius:50%}.sc-dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px #f0b42980}.services-section{padding:100px 0;position:relative;overflow:hidden}.services-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#6c3eff12 0%,#0000 70%);width:700px;height:700px;position:absolute;top:50%;right:-200px;transform:translateY(-50%)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:54px;display:grid}.service-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);transition:var(--transition);padding:32px 28px;position:relative;overflow:hidden}.service-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#6c3eff 0%,#a855f7 50%,#f0b429 100%);height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{box-shadow:var(--shadow-lg);border-color:#6c3eff73;transform:translateY(-6px)}.service-card:hover:before{transform:scaleX(1)}.service-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:22px;font-size:1.6rem;display:flex;position:relative}.service-icon:after{content:"";border-radius:var(--radius-md);opacity:.15;position:absolute;inset:0}.si-blue{background:#6c3eff26}.si-blue:after{background:var(--primary)}.si-cyan{background:#f0b4291f}.si-cyan:after{background:var(--accent)}.si-purple{background:#a855f724}.si-purple:after{background:#a855f7}.si-green{background:#00dc821f}.si-green:after{background:#00dc82}.service-img{object-fit:cover;border-radius:var(--radius-sm);opacity:.85;width:100%;height:160px;margin-bottom:18px;transition:opacity .3s}.service-card:hover .service-img{opacity:1}.service-title{color:var(--text-primary);margin-bottom:10px;font-size:1.15rem;font-weight:700}.service-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.88rem;line-height:1.6}.service-link{color:var(--primary-light);transition:var(--transition);align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:inline-flex}.service-link:hover{color:var(--accent);gap:10px}.service-link svg{transition:transform var(--transition)}.service-link:hover svg{transform:translate(3px)}.about-section{background:var(--dark-2);padding:100px 0}.about-inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.about-img-wrap{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.about-img-wrap img{object-fit:cover;width:100%;height:420px}.about-img-overlay{background:linear-gradient(135deg,#6c3eff40 0%,#0000 60%);position:absolute;inset:0}.about-stats-float{gap:12px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.stat-chip{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#08070de6;border:1px solid #6c3eff40;flex:1;padding:14px}.stat-chip .num{background:linear-gradient(135deg,#9b74ff 0%,#f0b429 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900;display:block}.stat-chip .lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.about-features{flex-direction:column;gap:16px;margin-top:28px;display:flex}.about-feature{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:var(--transition);align-items:flex-start;gap:14px;padding:16px;display:flex}.about-feature:hover{border-color:var(--border)}.feature-icon{background:#6c3eff24;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;display:flex}.feature-text strong{color:var(--text-primary);margin-bottom:3px;font-size:.93rem;display:block}.feature-text span{color:var(--text-secondary);font-size:.82rem}.contact-section{padding:100px 0}.contact-inner{grid-template-columns:1fr 1.2fr;align-items:start;gap:52px;display:grid}.contact-cards{flex-direction:column;gap:16px;margin-top:30px;display:flex}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:16px;padding:18px 20px;display:flex}.contact-card:hover{box-shadow:var(--shadow-sm);border-color:#6c3eff73;transform:translate(4px)}.cc-icon{border-radius:var(--radius-sm);background:#6c3eff24;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex}.cc-label{color:var(--text-muted);margin-bottom:3px;font-size:.75rem}.cc-value{color:var(--text-primary);font-size:.95rem;font-weight:600}.contact-form-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px}.form-title{margin-bottom:24px;font-size:1.35rem;font-weight:700}.form-row{gap:16px;display:flex}.form-group{flex:1;margin-bottom:16px}.form-group label{color:var(--text-secondary);letter-spacing:.04em;margin-bottom:7px;font-size:.82rem;font-weight:600;display:block}.form-control{background:var(--dark-3);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:12px 16px;font-family:inherit;font-size:.9rem}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c3eff26}.form-control::placeholder{color:var(--text-muted)}textarea.form-control{resize:vertical;min-height:110px}.footer{background:var(--dark-2);border-top:1px solid var(--border);padding:60px 0 28px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;display:grid}.footer-brand p{color:var(--text-secondary);max-width:260px;margin-top:14px;font-size:.88rem;line-height:1.65}.footer-social{gap:10px;margin-top:20px;display:flex}.social-btn{background:var(--surface-2);border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.social-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 14px #6c3eff73}.social-btn-wa{color:#25d366;border-color:#25d3664d}.social-btn-wa:hover{color:#fff!important;background:#25d366!important;border-color:#25d366!important;box-shadow:0 0 16px #25d36680!important}.footer-col h4{color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;font-size:.85rem;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;display:flex}.footer-col ul li a{color:var(--text-secondary);transition:var(--transition);font-size:.86rem}.footer-col ul li a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;display:flex}.footer-bottom p{color:var(--text-muted);font-size:.83rem}.footer-bottom-links{gap:20px;display:flex}.footer-bottom-links a{color:var(--text-muted);transition:var(--transition);font-size:.83rem}.footer-bottom-links a:hover{color:var(--text-secondary)}@media (width<=1024px){.about-inner{grid-template-columns:1fr;gap:40px}.contact-inner{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}.carousel-arrow{display:none}.hero-h1{font-size:clamp(1.8rem,8vw,2.6rem)}.services-grid,.footer-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.short-carousel-item{flex:0 0 220px;min-width:220px}}@media (width<=480px){:root{--nav-h:60px}.hero-btn-row,.about-stats-float{flex-direction:column}.contact-form-wrap{padding:20px}}