*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter','Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;overflow-x:hidden;scroll-behavior:smooth}body.no-scroll{overflow:hidden}:root{--primary-color:#1e40af;--primary-dark:#1e3a8a;--secondary-color:#3b82f6;--accent-color:#60a5fa;--dark-bg:#0f172a;--dark-secondary:#1e293b;--glass-bg:rgba(59, 130, 246, 0.1);--text-light:#ffffff;--text-dark:#0f172a;--gradient-primary:linear-gradient(135deg, #1e40af, #3b82f6);--gradient-secondary:linear-gradient(135deg, #0ea5e9, #06b6d4);--shadow-light:0 8px 32px rgba(30, 64, 175, 0.15);--shadow-heavy:0 20px 60px rgba(30, 64, 175, 0.25);--transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.header{position:fixed;top:0;width:100%;background:#fff0;backdrop-filter:none;border-bottom:1px solid #fff0;z-index:1000;padding:1rem 2rem;transition:var(--transition)}.header.scrolled{background:rgba(15, 23, 42, 0.98);backdrop-filter:blur(25px);box-shadow:var(--shadow-light);border-bottom:1px solid rgba(59, 130, 246, 0.2)}.nav{display:flex;justify-content:space-between;align-items:center;max-width:auto;margin:auto}.logo img{height:35px;width:auto}.logo:hover{transform:scale(1.05)}.nav-links{display:flex;list-style:none;gap:2.5rem}.nav-links a{color:rgb(255 255 255 / .9);text-decoration:none;font-weight:500;position:relative;transition:var(--transition);padding:8px 16px;border-radius:25px}.nav-links a::after{content:'';position:absolute;bottom:-5px;left:50%;width:0;height:2px;background:var(--accent-color);transition:var(--transition);transform:translateX(-50%)}.nav-links a:hover{color:var(--accent-color);background:rgba(59, 130, 246, 0.1)}.nav-links a:hover::after{width:100%}.mobile-menu{display:none;flex-direction:column;cursor:pointer;gap:4px}.mobile-menu span{width:25px;height:3px;background:#fff;border-radius:2px;transition:var(--transition)}.hero{height:100vh;background:url(background.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(30, 64, 175, 0.3) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(15, 23, 42, 0.6) 0%,transparent 50%);animation:float 20s ease-in-out infinite}.particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.particle{position:absolute;background:var(--accent-color);border-radius:50%;pointer-events:none;opacity:.6;animation:particleFloat 15s linear infinite}@keyframes particleFloat{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:.6}90%{opacity:.6}100%{transform:translateY(-100px) rotate(360deg);opacity:0}}.hero-content{position:relative;z-index:2;max-width:1000px;padding:0 2rem;animation:fadeInUp 1.2s ease}.hero h1{font-size:clamp(3rem, 8vw, 5rem);font-weight:800;margin-bottom:1.5rem;line-height:1.1;background:linear-gradient(135deg,#ffffff,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShine 3s ease-in-out infinite}@keyframes textShine{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.hero p{font-size:clamp(1.1rem, 3vw, 1.4rem);margin-bottom:2rem;opacity:.9;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.cta-button{background:var(--gradient-primary);color:#fff;padding:16px 32px;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(30, 64, 175, 0.5)}.cta-secondary{background:rgba(59, 130, 246, 0.15);backdrop-filter:blur(10px);border:1px solid rgba(59, 130, 246, 0.3)}.cta-secondary:hover{background:rgba(59, 130, 246, 0.25);transform:translateY(-3px)}.stats{background:var(--dark-bg);padding:4rem 2rem;position:relative}.stats-container{max-width:1200px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid;gap:2rem}.stat-card{text-align:center;color:#fff;background:rgba(59, 130, 246, 0.08);padding:2rem;border-radius:20px;backdrop-filter:blur(10px);border:1px solid rgba(59, 130, 246, 0.2);transition:var(--transition);position:relative;overflow:hidden}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform 0.6s ease}.stat-card:hover::before{transform:scaleX(1)}.stat-card:hover{transform:translateY(-10px);background:rgba(59, 130, 246, 0.12)}.stat-number{font-size:3rem;font-weight:800;color:var(--accent-color);margin-bottom:.5rem;display:block}.stat-label{font-size:1rem;opacity:.9;font-weight:500}.models{padding:6rem 2rem;background:linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);position:relative}.container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.section-title{text-align:center;font-size:clamp(2rem, 5vw, 3rem);font-weight:700;margin-bottom:1rem;line-height:1.2;color:var(--text-dark)}.section-subtitle{text-align:center;font-size:1.1rem;opacity:.8;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;color:var(--dark-secondary)}.models-carousel-wrapper{position:relative;margin:0 auto;padding:0 170px;overflow:visible}.models-grid{display:flex;overflow-x:auto;gap:1.5rem;padding-bottom:1.5rem;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;align-items:stretch}.models-grid::-webkit-scrollbar{display:none}.model-card{flex:0 0 340px;width:340px;min-width:340px;scroll-snap-align:start;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px rgba(30, 64, 175, 0.1);transition:transform 0.3s ease, box-shadow 0.3s ease;cursor:pointer;position:relative;border:1px solid rgba(59, 130, 246, 0.1);display:flex;flex-direction:column}.model-card:hover{transform:translateY(-10px) scale(1.01);box-shadow:0 15px 40px rgba(30, 64, 175, 0.2)}.swipe-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:rgba(255, 255, 255, 0.95);color:var(--primary-color);border:2px solid var(--primary-color);border-radius:50%;width:50px;height:50px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(30, 64, 175, 0.2);transition:all 0.3s ease}.swipe-btn:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-50%) scale(1.1)}.swipe-btn.left{left:-10px}.swipe-btn.right{right:-10px}.swipe-btn:disabled{opacity:.3;cursor:not-allowed;transform:translateY(-50%) scale(1);background-color:#e0f2fe;color:#94a3b8}.model-image{height:250px;position:relative;overflow:hidden;background:linear-gradient(135deg, #f0f9ff, #e0f2fe);flex-shrink:0}.model-image img{width:100%;height:100%;object-fit:contain;display:block;max-width:100%;max-height:100%}.model-info{padding:2rem;flex-grow:1;display:flex;flex-direction:column}.model-name{font-size:1.6rem;font-weight:700;margin-bottom:.5rem;color:var(--text-dark)}.model-price{font-size:1.2rem;color:var(--primary-color);font-weight:600;margin-bottom:1rem}.model-highlights{background:#dbeafe;padding:1rem;border-radius:10px;margin-bottom:1rem;border-left:4px solid var(--primary-color);color:#1e3a8a}.model-highlights strong{color:#0c4a6e}.model-features{list-style:none;margin-bottom:1.5rem;flex-grow:1}.model-features li{padding:.5rem 0;color:#475569;font-size:.9rem;display:flex;align-items:center;gap:.7rem;transition:var(--transition)}.model-features li:hover{color:var(--primary-color);transform:translateX(5px)}.model-features li::before{content:'✓';background:var(--gradient-primary);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.btn-detail{background:var(--gradient-primary);color:#fff;border:none;padding:12px 24px;border-radius:25px;cursor:pointer;transition:var(--transition);width:100%;font-size:.95rem;font-weight:600;position:relative;overflow:hidden}.btn-detail:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(30, 64, 175, 0.4)}.features{padding:6rem 2rem;background:var(--dark-secondary);color:#fff;position:relative}.features-grid{grid-template-columns:1fr}.floating-buttons{bottom:20px;right:20px}.floating-btn{width:50px;height:50px;font-size:20px}.models-carousel-wrapper{padding:0 10px}.model-card{flex-basis:300px;width:300px;margin-bottom:15px}.swipe-btn{width:40px;height:40px;font-size:1rem}.swipe-btn.left{left:0}.swipe-btn.right{right:0}.container{padding-left:1rem;padding-right:1rem}.hero-content,.stats,.models,.features,.contact,.footer{padding-left:1rem;padding-right:1rem}.hero h1{font-size:2.8rem}.promo-section{background-attachment:scroll;padding:4rem 1rem}.promo-content{padding:2rem}.promo-highlights-wrapper{flex-direction:column;align-items:center}.blog-carousel-wrapper{padding:0 10px}.blog-card{flex-basis:300px;width:300px}.blog{padding-left:1rem;padding-right:1rem}}d{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;position:relative;z-index:1}.feature-card{text-align:center;padding:2.5rem 1.5rem;background:rgba(59, 130, 246, 0.08);border-radius:25px;backdrop-filter:blur(10px);border:1px solid rgba(59, 130, 246, 0.2);transition:var(--transition);position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-10px);background:rgba(59, 130, 246, 0.12);border-color:var(--accent-color);box-shadow:0 15px 30px rgba(30, 64, 175, 0.3)}.feature-icon{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-card h3{font-size:1.3rem;margin-bottom:.8rem;font-weight:600}.feature-card p{opacity:.9;line-height:1.6}.contact{padding:6rem 2rem;background:linear-gradient(135deg,#f0f9ff 0%,#dbeafe 100%)}.contact-form{max-width:800px;margin:0 auto;background:#fff;padding:3rem;border-radius:25px;box-shadow:0 8px 32px rgba(30, 64, 175, 0.15);position:relative;border:1px solid rgba(59, 130, 246, 0.1)}.form-group{margin-bottom:2rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-dark)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 18px;border:2px solid #e0f2fe;border-radius:15px;font-size:1rem;transition:var(--transition);font-family:inherit;background:#f0f9ff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px rgba(30, 64, 175, 0.1)}.footer{background:var(--dark-bg);color:#fff;padding:4rem 2rem 2rem;position:relative}.footer-content{max-width:1200px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid;gap:3rem;margin-bottom:3rem}.footer-section h3{margin-bottom:1.5rem;color:var(--accent-color);font-size:1.3rem}.footer-section p,.footer-section ul{color:#cbd5e1}.footer-section ul{list-style:none}.footer-section ul li{padding:.4rem 0}.footer-bottom{border-top:1px solid #1e293b;padding-top:1rem;color:#94a3b8;text-align:center}.floating-buttons{position:fixed;bottom:30px;right:30px;z-index:1500;display:flex;flex-direction:column;gap:15px}.floating-btn{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:24px;box-shadow:0 4px 20px rgba(30, 64, 175, 0.3);transition:var(--transition);animation:bounce 2s infinite}.whatsapp-btn{background:linear-gradient(135deg,#25D366,#128C7E)}.phone-btn{background:var(--gradient-primary)}.floating-btn:hover{transform:scale(1.1);animation:none}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(15, 23, 42, 0.85);opacity:0;transition:opacity 0.3s ease}.modal.show{display:flex;opacity:1;align-items:center;justify-content:center}.modal-content{background:#fff;border-radius:25px;width:95%;max-width:900px;max-height:90vh;overflow-y:auto;transform:scale(.8);transition:transform 0.3s ease}.modal.show .modal-content{transform:scale(1)}.modal-header{background:var(--gradient-primary);color:#fff;padding:2rem;border-radius:25px 25px 0 0;position:relative}.close{position:absolute;top:1rem;right:1.5rem;color:#fff;font-size:28px;font-weight:700;cursor:pointer;transition:opacity 0.3s;background:none;border:none}.close:hover{opacity:.7}.modal-body{padding:2rem}.spec-table{width:100%;border-collapse:collapse;margin:1rem 0;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px rgba(30, 64, 175, 0.1)}.spec-table th{background:var(--gradient-primary);color:#fff;padding:1rem;text-align:left;font-weight:600}.spec-table td{padding:1rem;border-bottom:1px solid #e0f2fe;background:#fff}.spec-table tr:nth-child(even) td{background:#f0f9ff}.spec-table tr:hover td{background:rgba(30, 64, 175, 0.05)}.whatsapp-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(15, 23, 42, 0.7)}.whatsapp-modal.show{display:flex;align-items:center;justify-content:center}.whatsapp-modal-content{background:#fff;border-radius:20px;width:95%;max-width:500px;box-shadow:0 10px 30px rgba(30, 64, 175, 0.3);transform:scale(.8);transition:transform 0.3s ease}.whatsapp-modal.show .whatsapp-modal-content{transform:scale(1)}.whatsapp-modal-header{background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;padding:20px;border-radius:20px 20px 0 0;text-align:center;position:relative}.whatsapp-modal-body{padding:30px 20px}.quick-message{background:#f0f9ff;border:2px solid #e0f2fe;border-radius:10px;padding:12px;margin:10px 0;cursor:pointer;transition:var(--transition);text-align:left}.quick-message:hover{border-color:#3b82f6;background:#dbeafe}.quick-message.selected{border-color:#1e40af;background:#dbeafe}#customMessage{width:100%;min-height:80px;padding:12px;border:2px solid #e0f2fe;border-radius:10px;margin:15px 0;font-family:inherit;resize:vertical}.wa-send-button{background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;border:none;padding:15px 30px;border-radius:30px;font-weight:700;cursor:pointer;transition:var(--transition);margin-top:15px;width:100%}.wa-send-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(37, 211, 102, 0.3)}.promo-section{padding:5rem 2rem;background-color:var(--dark-bg);background-image:linear-gradient(rgba(15, 23, 42, 0.95), rgba(15, 23, 42, 0.95)),url(background.jpg);background-size:cover;background-position:center;background-attachment:fixed;text-align:center;color:var(--text-light);border-bottom:5px solid var(--primary-color)}.promo-content{max-width:800px;margin:0 auto;background:rgba(30, 64, 175, 0.15);padding:3rem;border-radius:20px;border:1px solid rgba(59, 130, 246, 0.2);backdrop-filter:blur(10px)}.promo-icon{font-size:3rem;color:var(--accent-color);margin-bottom:1rem}.promo-section .section-title{color:var(--text-light)}.promo-section .section-subtitle{color:rgba(255, 255, 255, 0.8)}.promo-highlights-wrapper{display:flex;justify-content:center;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap}.promo-highlight-item{background:rgba(59, 130, 246, 0.12);padding:1rem 1.5rem;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:500;border:1px solid rgba(59, 130, 246, 0.3);transition:var(--transition)}.promo-highlight-item:hover{transform:translateY(-5px);background:rgba(59, 130, 246, 0.18)}.promo-highlight-item i{color:var(--accent-color)}.promo-cta{transform:scale(1.05)}.promo-terms{margin-top:1.5rem;font-size:0.9rem;color:rgba(255, 255, 255, 0.6)}.promo-countdown-wrapper{margin-top:2.5rem}.countdown-title{font-size:1.2rem;font-weight:500;margin-bottom:1rem;opacity:0.9}.promo-countdown{display:flex;justify-content:center;gap:1rem}.promo-countdown div{background:rgba(30, 64, 175, 0.3);padding:1rem;border-radius:10px;min-width:90px;display:flex;flex-direction:column;border:1px solid rgba(59, 130, 246, 0.3)}.promo-countdown span:first-child{font-size:2.5rem;font-weight:700;line-height:1;color:var(--accent-color)}.promo-countdown span:last-child{font-size:0.8rem;text-transform:uppercase;opacity:0.8}.model-filters{display:flex;justify-content:center;gap:10px;margin-bottom:2.5rem;flex-wrap:wrap}.filter-btn{background:transparent;border:2px solid #bfdbfe;padding:0.5rem 1.5rem;border-radius:30px;font-weight:600;color:#1e40af;cursor:pointer;transition:all 0.3s ease}.filter-btn:hover{background-color:#dbeafe;border-color:#3b82f6}.filter-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-light)}.blog{padding:6rem 2rem;background:linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%)}.blog-carousel-wrapper{position:relative;margin:0 auto;padding:0 50px}.blog-grid{display:flex;overflow-x:auto;gap:1.5rem;padding-bottom:1.5rem;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin-top:3rem}.blog-grid::-webkit-scrollbar{display:none}.blog-card{flex:0 0 340px;width:340px;min-width:340px;scroll-snap-align:start;background:white;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px rgba(30, 64, 175, 0.1);transition:transform 0.3s ease, box-shadow 0.3s ease;display:flex;flex-direction:column;border:1px solid rgba(59, 130, 246, 0.1)}.blog-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(30, 64, 175, 0.2)}.blog-image{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg, #f0f9ff, #e0f2fe);flex-shrink:0}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;display:block}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.blog-category{display:inline-block;background:rgba(30, 64, 175, 0.1);color:var(--primary-color);padding:5px 12px;border-radius:20px;font-size:0.8rem;font-weight:600;margin-bottom:1rem;align-self:flex-start}.blog-title{font-size:1.25rem;margin-bottom:0.8rem;font-weight:600;line-height:1.4;color:var(--text-dark)}.blog-excerpt{color:#475569;font-size:0.95rem;line-height:1.6;flex-grow:1;margin-bottom:1.5rem}.blog-read-more{color:var(--primary-color);text-decoration:none;font-weight:600;transition:var(--transition)}.blog-read-more:hover{letter-spacing:0.5px;color:var(--secondary-color)}.model-buttons{display:flex;gap:10px;margin-top:1.5rem}.model-buttons .btn-detail,.model-buttons .btn-full-specs{width:100%;padding:12px;font-size:0.9rem;text-align:center}.btn-full-specs{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:25px;text-decoration:none;font-weight:600;transition:var(--transition)}.btn-full-specs:hover{background:var(--primary-color);color:white;transform:translateY(-2px)}.model-highlights{display:none}.article-header{padding:120px 2rem 4rem 2rem;background:var(--dark-bg);color:white;text-align:center}.article-header .article-category{display:inline-block;background:rgba(59, 130, 246, 0.2);color:var(--accent-color);padding:8px 18px;border-radius:20px;font-size:0.9rem;font-weight:600;margin-bottom:1.5rem}.article-title{font-size:clamp(2rem, 5vw, 3rem);max-width:800px;margin:0 auto 1rem auto;font-weight:800;line-height:1.2}.article-meta{color:#cbd5e1;font-size:0.95rem}.article-container{max-width:800px;margin:4rem auto;padding:0 2rem}.article-content img.featured-image{width:100%;height:auto;border-radius:15px;margin-bottom:2.5rem;box-shadow:0 15px 40px rgba(30, 64, 175, 0.2)}.article-content h2{font-size:1.8rem;font-weight:700;margin-top:2.5rem;margin-bottom:1rem;color:var(--text-dark)}.article-content p{font-size:1.05rem;line-height:1.8;color:#475569;margin-bottom:1.5rem}.article-content ul{list-style-type:disc;padding-left:20px;margin-bottom:1.5rem}.article-content li{font-size:1.05rem;line-height:1.8;color:#475569;margin-bottom:0.8rem}.back-link-container{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #e0f2fe}.back-link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:var(--dark-bg);color:white;text-decoration:none;font-weight:600;border-radius:30px;transition:var(--transition)}.back-link:hover{background:var(--gradient-primary);transform:translateY(-3px);box-shadow:0 10px 20px rgba(30, 64, 175, 0.25)}.control-btn{width:60px;height:60px;border-radius:50%;background:rgba(15, 23, 42, 0.8);backdrop-filter:blur(10px);border:2px solid #3b82f6;color:#fff;font-size:1.8rem;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:var(--gradient-primary);transform:scale(1.15);box-shadow:0 10px 30px rgba(30, 64, 175, 0.5)}.toggle-autoswipe-btn{font-size:1.5rem;width:50px;height:50px;border-width:2px;border-style:solid;border-color:#3b82f6;box-shadow:0 0 20px rgba(59, 130, 246, 0.5)}.toggle-autoswipe-btn.paused{border-color:#1e40af;box-shadow:none}.carousel-dots{display:flex;justify-content:center;gap:0.8rem;margin-top:2rem}html.modal-open,body.modal-open{overflow:hidden;height:100%}@media (max-width:768px){.nav-links{display:none;position:absolute;top:100%;left:0;width:100%;background:rgba(15, 23, 42, 0.98);backdrop-filter:blur(25px);height:auto;max-height:100vh;overflow-y:auto;flex-direction:column}.nav-links.active{display:flex}.nav-links li{width:100%;border-bottom:1px solid rgba(59, 130, 246, 0.2);text-align:center}.nav-links a{display:block;padding:15px 0;border-radius:0;font-size:1.1rem}.mobile-menu{display:flex}.mobile-menu.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu.is-open span:nth-child(2){opacity:0}.mobile-menu.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header{padding:1rem}.hero{background-attachment:scroll}.hero h1{font-size:2.8rem}.stats-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.features-gri
    @media (max-width: 480px) {
    .model-card,
    .blog-card {
        flex: 0 0 260px;
        width: 260px;
        min-width: 260px; /* ← Consistent sizing */
    }
}@media (max-width: 768px) {
    .model-card,
    .blog-card {
        flex: 0 0 280px;
        width: 280px;
        min-width: 280px; /* ← IMPORTANT */
    }
    
    .model-card:first-child,
    .blog-card:first-child {
        margin-left: 0; /* ← Tidak ada extra margin */
    }
}.models-grid,
.blog-grid {
    padding: 0 1rem; /* ← Padding internal */
    scroll-padding-left: 1rem; /* ← Snap position yang tepat */
    scroll-padding-right: 1rem;
}.models-carousel-wrapper,
.blog-carousel-wrapper {
    padding: 0;
    margin: 0 -1rem;
    overflow: visible; /* ← ADDED */
}.models-carousel-wrapper,
.blog-carousel-wrapper {
    padding: 0;
    margin: 0 -1rem;
    overflow: visible; /* ← ADDED */
}.blog-card {
    flex: 0 0 340px;
    width: 340px;
    min-width: 340px; /* ← ADDED untuk mencegah shrinking */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* ← OPTIMIZED */
}