*{box-sizing:border-box}img{max-width:100%;height:auto}
:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#fff;--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-quaternary:#9ca3af;--font-heading:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.7;overflow-x:hidden}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.container{max-width:1280px;margin:0 auto;padding:0 24px}.glass-card{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffffb3;border:1px solid #0000000d;border-radius:24px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.glass-card:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 25px 50px -12px #3b82f626}.btn-primary{background:linear-gradient(135deg, var(--primary-600) 0%, var(--primary-500) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #3b82f666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.btn-outline{color:var(--primary-600);border:2px solid var(--primary-500);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-outline:hover{background:var(--primary-50)}.whatsapp-btn{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);box-shadow:0 4px 14px #25d36666}.whatsapp-btn:hover{box-shadow:0 6px 20px #25d36699}.navbar{z-index:1000;background:#fff;width:100%;padding:20px 0;transition:all .3s;position:fixed;top:0;box-shadow:0 2px 10px #0000000d}.navbar.scrolled{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffff2;border-bottom:1px solid #0000000d;padding:16px 0;box-shadow:0 4px 24px #0000000d}.nav-content{justify-content:space-between;align-items:center;display:flex}.brand{color:var(--text-primary);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo{object-fit:contain;height:80px}.brand-name{font-family:var(--font-heading);font-size:1.25rem;font-weight:800}.nav-links{gap:32px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);align-items:center;gap:6px;padding-bottom:4px;font-weight:500;text-decoration:none;transition:color .3s;display:flex;position:relative}.nav-link:hover{color:var(--primary-600)}.nav-link:after{content:"";background:var(--primary-600);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}.nav-actions{align-items:center;gap:20px;display:flex}.cart-icon{color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;padding:8px;text-decoration:none;transition:background .3s;display:flex;position:relative}.cart-count{background:var(--primary-500);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;right:0}.mobile-menu-toggle{cursor:pointer;flex-direction:column;gap:6px;display:none}.mobile-menu-toggle .bar{background-color:var(--text-primary);border-radius:3px;width:25px;height:3px}.hero{background:radial-gradient(ellipse at top, var(--primary-50) 0%, transparent 50%);align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative}.particles{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{background:var(--primary-300);width:6px;height:6px;box-shadow:0 0 10px var(--primary-200);border-radius:50%;animation:20s ease-in-out infinite float-particle;position:absolute}.hero-container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid;position:relative}.hero-label{background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-700);opacity:0;border-radius:30px;margin-bottom:24px;padding:8px 16px;font-size:.875rem;font-weight:600;animation:.8s cubic-bezier(.16,1,.3,1) forwards fade-in-up;display:inline-block}.hero-title{letter-spacing:-.02em;opacity:0;margin-bottom:24px;font-size:76px;font-weight:800;line-height:1.1;animation:.8s cubic-bezier(.16,1,.3,1) .1s forwards fade-in-up}.glow-text{color:var(--primary-600)}.hero-subtitle{color:var(--text-secondary);opacity:0;max-width:500px;margin-bottom:40px;font-size:20px;animation:.8s cubic-bezier(.16,1,.3,1) .2s forwards fade-in-up}.hero-buttons{opacity:0;gap:20px;animation:.6s cubic-bezier(.68,-.55,.265,1.55) .4s forwards scale-in;display:flex}.hero-visual{opacity:0;justify-content:center;animation:1.2s cubic-bezier(.16,1,.3,1) .2s forwards fade-in-rotate;display:flex}.sphere{width:400px;height:400px;transform-style:preserve-3d;animation:6s ease-in-out infinite float;position:relative}.sphere-inner{background:linear-gradient(135deg, var(--primary-100) 0%, var(--primary-50) 100%);border:4px solid var(--primary-200);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 20px 60px #3b82f626,inset 0 0 60px #ffffff80}.hero-image{object-fit:cover;width:100%;height:100%}.social-proof{background:var(--bg-secondary);border-top:1px solid #0000000d;border-bottom:1px solid #0000000d;padding:60px 0}.social-proof-container{text-align:center;flex-wrap:wrap;justify-content:space-around;gap:40px;display:flex}.stat-number{color:var(--primary-600);margin-bottom:8px;font-size:48px}.stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-size:16px;font-weight:600}.services{background:var(--bg-primary);padding:120px 0}.section-header{text-align:center;max-width:600px;margin-bottom:64px;margin-left:auto;margin-right:auto}.section-header h2{margin-bottom:20px;font-size:48px}.section-header p{color:var(--text-secondary);font-size:18px}.services-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.product-card{opacity:0;background:#fff;border-radius:16px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000014}.product-card.animate-in{opacity:1;animation:.5s forwards fade-in-up;transform:translateY(0)}.product-img-wrap{aspect-ratio:1;perspective:1000px;background:#f3f4f6;width:100%}.product-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.product-img-wrap:hover .product-card-inner{transform:rotateY(180deg)}.product-card-front,.product-card-back{backface-visibility:hidden;border-radius:16px 16px 0 0;width:100%;height:100%;position:absolute;overflow:hidden}.product-card-front{background-color:#f3f4f6}.product-card-back{background:linear-gradient(135deg,#ecfeff 0%,#cffafe 100%);justify-content:center;align-items:center;padding:24px;display:flex;transform:rotateY(180deg)}.review-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.review-quote{color:#06b6d4;align-self:flex-start;margin-bottom:4px;font-size:24px;line-height:1}.review-quote-end{color:#06b6d4;align-self:flex-end;margin-top:4px;font-size:24px;line-height:1}.review-text{color:#0f172a;margin:0;font-size:13px;font-style:italic;font-weight:500;line-height:1.5}.product-img{object-fit:cover;width:100%;height:100%}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #06b6d426}.product-info{text-align:left;flex-direction:column;flex:1;padding:14px 16px 16px;display:flex}.product-name{font-family:var(--font-body);color:#333;margin:0 0 4px;font-size:14px;font-weight:500;line-height:1.3}.product-sku{color:#888;margin:0 0 8px;font-size:12px}.product-promo{color:#444;margin:0 0 16px;font-size:14px;font-weight:500}.product-old-price{color:#e65100;margin:0 0 16px;font-size:15px;font-weight:700}.btn-add-cart{color:#fff;cursor:pointer;background:#e52929;border:none;border-radius:20px;width:auto;margin:auto auto 0;padding:8px 20px;font-size:13px;font-weight:600;transition:all .3s;display:block}.btn-add-cart:hover{background:#d32f2f;transform:translateY(-1px)}.cart-overlay{z-index:2000;opacity:0;pointer-events:none;background:#00000080;justify-content:flex-end;align-items:stretch;transition:opacity .3s;display:flex;position:fixed;inset:0}.cart-overlay.active{opacity:1;pointer-events:all}.cart-modal{background:#fff;flex-direction:column;width:420px;max-width:100vw;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;transform:translate(100%);box-shadow:-8px 0 40px #00000026}.cart-overlay.active .cart-modal{transform:translate(0)}.cart-modal-header{background:var(--primary-50);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cart-modal-header h2{color:var(--primary-700);margin:0;font-size:20px}.cart-close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:28px;line-height:1;transition:color .2s}.cart-close-btn:hover{color:var(--text-primary)}.cart-modal-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.cart-item{background:var(--bg-secondary);border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.cart-item-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:64px;height:64px}.cart-item-details{flex:1;min-width:0}.cart-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:13px;font-weight:600;overflow:hidden}.cart-item-unit{color:var(--text-tertiary);font-size:11px}.cart-item-qty{align-items:center;gap:8px;margin-top:6px;display:flex}.qty-btn{background:var(--primary-100);color:var(--primary-700);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;font-weight:700;transition:background .2s;display:flex}.qty-btn:hover{background:var(--primary-200)}.cart-item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.cart-item-price{color:var(--primary-600);margin:0;font-size:14px;font-weight:700}.cart-item-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:14px;font-weight:700;transition:background .2s}.cart-item-remove:hover{background:#fee2e2}.cart-empty{text-align:center;color:var(--text-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:none}.cart-empty span{font-size:56px}.cart-empty p{margin:0;font-size:18px;font-weight:600}.cart-empty small{font-size:14px}.cart-modal-footer{background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;gap:12px;padding:16px 20px;display:none}.cart-total{color:var(--text-primary);text-align:right;font-size:18px;font-weight:700}.cart-actions{gap:10px;display:flex}.btn-cancel-order{color:#ef4444;cursor:pointer;background:#fff;border:2px solid #ef4444;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:700;transition:all .3s}.btn-cancel-order:hover{background:#fee2e2}.btn-finish-order{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border:none;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 14px #25d36666}.btn-finish-order:hover{transform:translateY(-2px);box-shadow:0 6px 20px #25d36699}.cart-icon{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .3s;display:flex;position:relative}.cart-icon:hover{background:var(--primary-50);color:var(--primary-600)}.testimonials{background:var(--bg-secondary);padding:100px 0}.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}.testimonial-card .stars{color:#fbbf24;margin-bottom:16px;font-size:24px}.testimonial-card p{color:var(--text-secondary);margin-bottom:24px;font-size:18px;font-style:italic}.client-info{align-items:center;gap:16px;display:flex}.client-avatar{background:var(--primary-100);border:2px solid var(--primary-300);border-radius:50%;width:50px;height:50px}.cta-final{padding:120px 0}.cta-container{text-align:center;background:linear-gradient(135deg, var(--primary-50) 0%, #fff 100%);border:1px solid var(--primary-100)}.cta-container h2{color:var(--primary-900);margin-bottom:24px;font-size:48px}.cta-container p{color:var(--text-secondary);max-width:600px;margin:0 auto 40px;font-size:20px}.footer{background:var(--bg-secondary);border-top:1px solid #0000000d;padding:80px 0 20px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:60px;display:grid}.footer-logo{height:70px;margin-bottom:24px}.footer-brand p{color:var(--text-secondary);max-width:300px}.footer-links h4{color:var(--text-primary);margin-bottom:24px;font-size:18px}.footer-links ul{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-tertiary);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--primary-600)}.footer-bottom{text-align:center;color:var(--text-quaternary);border-top:1px solid #0000000d;padding-top:20px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fade-in-rotate{0%{opacity:0;transform:rotate(-10deg)scale(.9)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-20px)rotate(2deg)}50%{transform:translateY(-10px)rotate(-2deg)}75%{transform:translateY(-30px)rotate(1deg)}}@keyframes float-particle{0%,to{opacity:.4;transform:translate(0)}25%{opacity:.8;transform:translate(100px,-100px)}50%{opacity:.6;transform:translate(-50px,-200px)}75%{opacity:.8;transform:translate(-100px,-100px)}}.animate-in{animation:.6s forwards fade-in-up}@media (max-width:1024px){.hero-title{font-size:56px}.services-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.nav-links{display:none}.mobile-menu-toggle{display:flex}.hero-container{text-align:center;grid-template-columns:1fr}.hero-buttons{flex-wrap:wrap;justify-content:center}.sphere{width:300px;height:300px;margin:0 auto}.services-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid,.footer-grid{grid-template-columns:1fr}.cta-container h2{font-size:36px}.cart-modal{width:100%}}