/* Minified by AlikeGPS optimizer */
@media (max-width:768px){.top-bar{padding:8px 0;font-size:12px}.top-bar-content{flex-direction:column;align-items:center;gap:4px;text-align:center}.top-bar-right{flex-direction:column;gap:2px;align-items:center}.top-bar-right a{font-size:13px;padding:2px 0}.top-bar-left{display:flex !important;flex-direction:column;gap:2px;align-items:center;width:100%}.top-bar-left span{justify-content:center;width:100%}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary:#0f172a;--accent:#f59e0b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#06b6d4;--white:#ffffff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--whatsapp:#25D366;--whatsapp-dark:#128C7E;--font-primary:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:'Poppins',sans-serif;--section-padding:80px 0;--container-padding:0 20px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:50%;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:hidden;width:100%}body{font-family:var(--font-primary);font-size:16px;line-height:1.6;color:var(--gray-700);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:1280px;margin:0 auto;padding:var(--container-padding)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--gray-900)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2vw,1.5rem)}p{margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:2px solid transparent;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--white)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 100%);transform:translateY(-2px);box-shadow:0 10px 20px rgba(37,99,235,0.3)}.btn-secondary{background:var(--white);color:var(--primary);border-color:var(--primary)}.btn-secondary:hover{background:var(--primary);color:var(--white)}.btn-whatsapp{background:var(--whatsapp);color:var(--white)}.btn-whatsapp:hover{background:var(--whatsapp-dark);transform:translateY(-2px);box-shadow:0 10px 20px rgba(37,211,102,0.3)}.btn-accent{background:linear-gradient(135deg,var(--accent) 0,#d97706 100%);color:var(--white)}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(245,158,11,0.3)}.btn-lg{padding:16px 36px;font-size:17px}.btn-sm{padding:8px 20px;font-size:14px}.top-bar{background:var(--secondary);color:var(--white);padding:10px 0;font-size:13px}.top-bar-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.top-bar-left,.top-bar-right{display:flex;align-items:center;gap:20px}.top-bar-left span,.top-bar-right a{display:flex;align-items:center;gap:6px}.top-bar-right a:hover{color:var(--accent)}.header{background:var(--white);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.header.scrolled{box-shadow:var(--shadow-lg)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.logo{display:flex;align-items:center;gap:10px}.logo-img{height:45px;width:auto}.logo-text{font-family:var(--font-heading);font-size:28px;font-weight:800;color:var(--gray-900)}.logo-text span{color:var(--primary)}.nav-menu{display:flex;align-items:center;gap:8px}.nav-link{padding:10px 16px;font-size:15px;font-weight:500;color:var(--gray-700);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;gap:5px}.nav-link:hover,.nav-link.active{color:var(--primary);background:var(--gray-50)}.nav-link i{font-size:10px;transition:transform var(--transition-fast)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);padding:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-fast)}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown:hover .nav-link i{transform:rotate(180deg)}.dropdown-menu li a{display:block;padding:10px 15px;font-size:14px;color:var(--gray-600);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.dropdown-menu li a:hover{background:var(--gray-50);color:var(--primary);padding-left:20px}.nav-actions{display:flex;align-items:center;gap:12px}.nav-actions .btn-whatsapp{background:rgba(37,211,102,0.1);color:var(--whatsapp-dark);border:2px solid rgba(37,211,102,0.3);box-shadow:none}.nav-actions .btn-whatsapp i{color:var(--whatsapp)}.nav-actions .btn-whatsapp:hover{background:rgba(37,211,102,0.2);border-color:var(--whatsapp);transform:translateY(-2px)}.hamburger{display:none;flex-direction:column;gap:5px;padding:10px;z-index:1001}.hamburger span{display:block;width:25px;height:3px;background:var(--gray-700);border-radius:3px;transition:all var(--transition-base)}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:999;opacity:0;transition:opacity var(--transition-base)}.mobile-overlay.active{display:block;opacity:1}.hero{position:relative;min-height:90vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-800) 100%);overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="0.5"/></svg>');background-size:100px 100px}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-content{color:var(--white)}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.1);padding:8px 16px;border-radius:50px;font-size:14px;margin-bottom:24px;backdrop-filter:blur(10px)}.hero-badge i{color:var(--accent)}.hero h1{color:var(--white);margin-bottom:20px}.hero h1 span{background:linear-gradient(135deg,var(--primary-light) 0,var(--info) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:18px;color:var(--gray-300);margin-bottom:32px;line-height:1.8}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px}.hero-stats{display:flex;gap:40px}.hero-stat{text-align:center}.hero-stat-number{font-family:var(--font-heading);font-size:36px;font-weight:800;color:var(--white)}.hero-stat-label{font-size:14px;color:var(--gray-400)}.hero-image{position:relative}.hero-image-main{position:relative;z-index:1}.hero-image-main img{max-width:100%;filter:drop-shadow(0 20px 40px rgba(0,0,0,0.3))}.hero-float-card{position:absolute;background:var(--white);padding:16px 20px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:12px;animation:float 3s ease-in-out infinite;z-index:10}.hero-float-card.card-1{top:20%;left:-20px}.hero-float-card.card-2{bottom:20%;right:-20px;animation-delay:1.5s}.hero-float-card i{font-size:24px;color:var(--primary)}.hero-float-card span{font-size:14px;font-weight:600;color:var(--gray-800)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.section{padding:var(--section-padding)}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-badge{display:inline-block;background:linear-gradient(135deg,rgba(37,99,235,0.1) 0,rgba(6,182,212,0.1) 100%);color:var(--primary);padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;margin-bottom:16px}.section-header h2{margin-bottom:16px}.section-header p{font-size:18px;color:var(--gray-600)}.section-gray{background:var(--gray-50)}.section-dark{background:var(--secondary);color:var(--white)}.section-dark h2,.section-dark h3,.section-dark h4{color:var(--white)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.feature-card{background:var(--white);padding:40px 30px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--gray-100)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.feature-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-icon i{font-size:28px;color:var(--white)}.feature-card h4{margin-bottom:12px}.feature-card p{color:var(--gray-600);margin-bottom:0}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.product-card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:all var(--transition-base);border:1px solid var(--gray-100)}.product-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-2xl)}.product-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,var(--gray-100) 0,var(--gray-200) 100%);display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform var(--transition-slow)}.product-card:hover .product-image img{transform:scale(1.05)}.product-badge{position:absolute;top:16px;left:16px;background:var(--danger);color:var(--white);padding:6px 14px;border-radius:50px;font-size:13px;font-weight:600}.product-content{padding:30px}.product-content h3{margin-bottom:12px;font-size:1.5rem}.product-content p{color:var(--gray-600);margin-bottom:20px}.product-features{margin-bottom:24px}.product-features li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:var(--gray-700)}.product-features li i{color:var(--success);font-size:12px}.product-price{display:flex;align-items:center;gap:12px;margin-bottom:20px}.price-current{font-family:var(--font-heading);font-size:28px;font-weight:700;color:var(--primary)}.price-original{font-size:18px;color:var(--gray-400);text-decoration:line-through}.price-discount{background:var(--success);color:var(--white);padding:4px 10px;border-radius:50px;font-size:12px;font-weight:600}.product-actions{display:flex;gap:12px}.product-actions .btn{flex:1}.why-choose-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.why-choose-content h2{margin-bottom:20px}.why-choose-content>p{font-size:18px;color:var(--gray-600);margin-bottom:30px}.why-list{display:flex;flex-direction:column;gap:20px}.why-item{display:flex;gap:16px}.why-icon{width:50px;height:50px;background:linear-gradient(135deg,rgba(37,99,235,0.1) 0,rgba(6,182,212,0.1) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.why-icon i{font-size:20px;color:var(--primary)}.why-text h4{font-size:18px;margin-bottom:6px}.why-text p{font-size:14px;color:var(--gray-600);margin-bottom:0}.why-choose-image{position:relative;max-height:500px;overflow:hidden}.why-choose-image img{width:100%;height:auto;max-height:500px;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);object-fit:contain;display:block}.testimonials-container{position:relative;overflow:visible}.testimonials-slider{display:flex;gap:30px;overflow-x:auto;scroll-behavior:smooth;padding:20px 0;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.testimonials-slider::-webkit-scrollbar{display:none}.testimonials-slider .testimonial-card{flex:0 0 350px;min-width:350px}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-full);width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:var(--gray-600);font-size:18px;cursor:pointer;transition:all .3s ease;z-index:2;box-shadow:var(--shadow-md)}.slider-nav:hover{background:var(--primary);border-color:var(--primary);color:var(--white);transform:translateY(-50%) scale(1.05)}.slider-prev{left:-25px}.slider-next{right:-25px}.testimonial-card{background:var(--white);padding:40px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative;border:1px solid var(--gray-100)}.testimonial-quote{position:absolute;top:20px;right:30px;font-size:60px;color:var(--gray-100);font-family:Georgia,serif;line-height:1}.testimonial-stars{display:flex;gap:4px;margin-bottom:16px}.testimonial-stars i{color:var(--accent);font-size:16px}.testimonial-text{font-size:16px;color:var(--gray-700);margin-bottom:24px;line-height:1.8;position:relative;z-index:1}.testimonial-author{display:flex;align-items:center;gap:16px}.testimonial-avatar{width:56px;height:56px;background:linear-gradient(135deg,var(--primary) 0,var(--info) 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:20px;font-weight:700}.testimonial-info h5{font-size:16px;margin-bottom:4px}.testimonial-info span{font-size:14px;color:var(--gray-500)}.cta-section{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);padding:80px 0;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="80" cy="20" r="50" fill="rgba(255,255,255,0.05)"/><circle cx="20" cy="80" r="40" fill="rgba(255,255,255,0.03)"/></svg>');background-size:cover}.cta-content{text-align:center;position:relative;z-index:1}.cta-content h2{color:var(--white);margin-bottom:16px}.cta-content p{color:rgba(255,255,255,0.9);font-size:18px;margin-bottom:32px}.cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.cta-buttons .btn-white{background:var(--white);color:var(--primary)}.cta-buttons .btn-white:hover{background:var(--gray-100);transform:translateY(-2px)}.stats-section{background:var(--secondary);padding:60px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.stat-item{text-align:center;color:var(--white)}.stat-number{font-family:var(--font-heading);font-size:48px;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,var(--white) 0,var(--gray-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:16px;color:var(--gray-400)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative}.steps-grid::before{content:'';position:absolute;top:50px;left:10%;right:10%;height:3px;background:linear-gradient(90deg,var(--primary) 0,var(--info) 100%);z-index:0}.step-card{text-align:center;position:relative;z-index:1}.step-number{width:80px;height:80px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-family:var(--font-heading);font-size:32px;font-weight:800;color:var(--white);box-shadow:0 10px 30px rgba(37,99,235,0.3)}.step-card h4{margin-bottom:12px}.step-card p{color:var(--gray-600);font-size:14px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1000px;margin:0 auto}.pricing-card{background:var(--white);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-lg);border:2px solid var(--gray-100);transition:all var(--transition-base);position:relative}.pricing-card.featured{border-color:var(--primary);transform:scale(1.05)}.pricing-card.featured::before{content:'Most Popular';position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--white);padding:8px 24px;border-radius:50px;font-size:13px;font-weight:600}.pricing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2xl)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-5px)}.pricing-header{text-align:center;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--gray-200)}.pricing-header h3{margin-bottom:8px}.pricing-header p{color:var(--gray-600);margin-bottom:20px}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.pricing-price .currency{font-size:24px;font-weight:600;color:var(--gray-700)}.pricing-price .amount{font-family:var(--font-heading);font-size:48px;font-weight:800;color:var(--gray-900)}.pricing-price .period{font-size:16px;color:var(--gray-500)}.pricing-features{margin-bottom:30px}.pricing-features li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--gray-100)}.pricing-features li:last-child{border-bottom:none}.pricing-features li i{color:var(--success);font-size:14px}.pricing-card .btn{width:100%}.faq-grid{max-width:800px;margin:0 auto}.faq-item{background:var(--white);border-radius:var(--radius-lg);margin-bottom:16px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);overflow:hidden}.faq-question{width:100%;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;color:var(--gray-800);text-align:left;transition:all var(--transition-fast)}.faq-question:hover{color:var(--primary)}.faq-question i{transition:transform var(--transition-base);color:var(--primary)}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-base)}.faq-item.active .faq-answer{max-height:300px}.faq-answer p{padding:0 30px 24px;color:var(--gray-600);line-height:1.8}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.contact-info h2{margin-bottom:16px}.contact-info>p{color:var(--gray-600);margin-bottom:30px}.contact-details{display:flex;flex-direction:column;gap:24px;margin-bottom:30px}.contact-item{display:flex;align-items:flex-start;gap:16px}.contact-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon i{color:var(--white);font-size:20px}.contact-text h4{font-size:16px;margin-bottom:4px}.contact-text p,.contact-text a{color:var(--gray-600);font-size:15px}.contact-text a:hover{color:var(--primary)}.contact-form-wrapper{background:var(--white);padding:40px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.contact-form-wrapper h3{margin-bottom:24px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--gray-700);margin-bottom:8px}.form-control{width:100%;padding:14px 18px;font-size:15px;border:2px solid var(--gray-200);border-radius:var(--radius-md);transition:all var(--transition-fast);background:var(--white)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,0.1)}.form-control::placeholder{color:var(--gray-400)}textarea.form-control{min-height:120px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.city-card{background:var(--white);padding:16px 20px;border-radius:var(--radius-md);text-align:center;font-size:14px;font-weight:500;color:var(--gray-700);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border:1px solid var(--gray-100)}.city-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);color:var(--primary);border-color:var(--primary)}.trust-section{padding:40px 0;background:var(--gray-50);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.trust-content{text-align:center}.trust-content p{color:var(--gray-500);margin-bottom:20px;font-size:14px}.trust-badges{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:8px;color:var(--gray-600);font-size:14px}.trust-badge i{font-size:24px;color:var(--primary)}.page-header{background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-800) 100%);padding:80px 0 60px;text-align:center;position:relative;overflow:hidden}.page-header::before{content:'';position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="0.5"/></svg>');background-size:100px 100px}.page-header h1{color:var(--white);margin-bottom:16px;position:relative;z-index:1}.page-header p{color:var(--gray-400);font-size:18px;position:relative;z-index:1}.breadcrumb{display:flex;justify-content:center;align-items:center;gap:12px;font-size:14px;color:var(--gray-400);position:relative;z-index:1;margin-top:20px}.breadcrumb a{color:var(--gray-400)}.breadcrumb a:hover{color:var(--white)}.breadcrumb span{color:var(--primary-light)}.footer{background:var(--gray-900);color:var(--gray-400);padding-top:80px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}.footer-about p{margin:20px 0;line-height:1.8}.footer-logo .logo-text{font-size:32px;color:var(--white)}.footer-social{display:flex;gap:12px}.footer-social a{width:40px;height:40px;background:rgba(255,255,255,0.1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--white);transition:all var(--transition-fast)}.footer-social a:hover{background:var(--primary);transform:translateY(-3px)}.footer-col h4{color:var(--white);font-size:18px;margin-bottom:24px}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--gray-400);transition:all var(--transition-fast);display:inline-flex;align-items:center}.footer-links a:hover{color:var(--white);padding-left:8px}.footer-contact li{display:flex;gap:12px;margin-bottom:16px}.footer-contact li i{color:var(--primary);margin-top:4px}.footer-cities{padding:40px 0;border-top:1px solid rgba(255,255,255,0.1);margin-top:40px;text-align:center}.footer-cities h4{color:var(--white);margin-bottom:16px}.footer-cities p{color:var(--gray-500);font-size:14px;line-height:2}.footer-vehicles{padding:28px 0 8px;border-top:1px solid rgba(255,255,255,0.04);margin-top:16px}.footer-section-title{color:var(--white);font-size:20px;text-align:center;margin:0 0 18px;font-weight:600}.footer-vehicles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:1200px;margin:0 auto;padding-top:8px}.footer-locations{margin-top:30px}.footer-locations-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.footer-vehicles-grid>div,.footer-links li,.footer-links a{min-width:0}.footer-vehicles .footer-links a{font-size:14px;overflow-wrap:anywhere}.footer-vehicles .lang-sep{color:rgba(255,255,255,0.12);margin:0 10px}@media (max-width:1100px){.footer-vehicles-grid{grid-template-columns:repeat(2,1fr);gap:24px}.footer-locations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.footer-vehicles-grid{grid-template-columns:1fr;gap:20px}.footer-locations-grid{grid-template-columns:1fr}.footer-section-title{font-size:18px}}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding:24px 0;margin-top:40px}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-bottom-links{display:flex;gap:24px}.footer-bottom-links a{color:var(--gray-500);font-size:14px}.footer-bottom-links a:hover{color:var(--white)}.floating-buttons{position:fixed;right:24px;bottom:100px;display:flex;flex-direction:column;gap:12px;z-index:999}.float-btn{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--white);box-shadow:var(--shadow-lg);transition:all var(--transition-base);position:relative}.float-btn:hover{transform:scale(1.1)}.whatsapp-float{background:var(--whatsapp)}.call-float{background:var(--primary)}.float-tooltip{position:absolute;right:100%;margin-right:12px;background:var(--gray-900);color:var(--white);padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast)}.float-btn:hover .float-tooltip{opacity:1;visibility:visible}.back-to-top{position:fixed;right:24px;bottom:24px;width:48px;height:48px;background:var(--gray-800);color:var(--white);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px;opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:998}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--primary);transform:translateY(-3px)}.alert{padding:16px 20px;border-radius:var(--radius-md);margin-bottom:20px;display:flex;align-items:center;gap:12px}.alert-success{background:rgba(16,185,129,0.1);color:var(--success);border:1px solid rgba(16,185,129,0.2)}.alert-error{background:rgba(239,68,68,0.1);color:var(--danger);border:1px solid rgba(239,68,68,0.2)}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-image{display:none}.hero-buttons{justify-content:center}.hero-stats{justify-content:center}.why-choose-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}.steps-grid::before{display:none}}@media (max-width:768px){.top-bar{padding:6px 0}.top-bar-content{flex-direction:row;gap:0;align-items:center;justify-content:space-between;flex-wrap:nowrap}.top-bar-left{display:flex;flex-direction:row;gap:0;align-items:center;justify-content:flex-start}.top-bar-left span{font-size:11px;white-space:nowrap}.top-bar-left span:nth-child(2){display:none}.top-bar-right{display:flex;flex-direction:row;gap:0;align-items:center;justify-content:flex-end}.top-bar-right a{font-size:12px;white-space:nowrap}.top-bar-right a:nth-child(1),.top-bar-right a:nth-child(3){display:none}.top-bar-left span i,.top-bar-right a i{font-size:14px}.nav-menu{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:var(--white);flex-direction:column;align-items:flex-start;padding:80px 30px 30px;box-shadow:var(--shadow-2xl);transition:right var(--transition-base);z-index:1000}.nav-menu.active{right:0}.nav-link{width:100%;padding:15px 0;border-bottom:1px solid var(--gray-100)}.dropdown-menu{position:static;box-shadow:none;opacity:1;visibility:visible;transform:none;padding-left:20px;display:none}.dropdown.active .dropdown-menu{display:block}.hamburger{display:flex}.nav-actions .btn{display:none}.nav-actions .btn-call{display:flex;padding:10px 16px}.hero{min-height:auto;padding:60px 0}.section{padding:60px 0}.products-grid{grid-template-columns:1fr}.testimonials-container{overflow:visible}.testimonials-slider{gap:20px;padding:10px 60px;-webkit-overflow-scrolling:touch}.testimonials-slider .testimonial-card{flex:0 0 280px;min-width:280px}.slider-nav{width:44px;height:44px;font-size:16px;top:45%}.slider-prev{left:10px}.slider-next{right:10px}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-5px)}.footer-grid{grid-template-columns:1fr}.footer-bottom-content{flex-direction:column;text-align:center}.form-row{grid-template-columns:1fr}.stats-grid{gap:30px}.steps-grid{grid-template-columns:1fr}.floating-buttons{right:16px;bottom:80px}.float-btn{width:50px;height:50px;font-size:22px}.float-tooltip{display:none}}@media (max-width:480px){:root{--container-padding:0 14px}.top-bar{padding:5px 0}.top-bar-content{gap:8px;flex-wrap:nowrap}.top-bar-left span{font-size:12px}.top-bar-right a{font-size:12px}.top-bar-left span i,.top-bar-right a i{font-size:12px}h1{font-size:2rem}h2{font-size:1.75rem}.navbar{padding:10px 0}.logo-img{height:36px;max-width:112px}.nav-actions{gap:6px}.nav-actions .btn-call{padding:9px 12px;font-size:14px;border-radius:8px}.hamburger{padding:8px 6px}.hamburger span{width:24px}.hero{padding:42px 0 50px}.hero-badge{padding:8px 12px;font-size:13px;line-height:1.35;margin-bottom:20px}.hero h1{font-size:clamp(1.9rem,8.6vw,2.4rem);line-height:1.18}.hero-description{font-size:16px;line-height:1.65}.hero-buttons{max-width:306px;gap:14px}.hero-buttons .btn{font-size:16px;min-height:56px}.hero-stats{gap:10px}.hero-stat-number{font-size:clamp(1.35rem,7vw,1.75rem);line-height:1.15}.hero-stat-label{font-size:12px}.product-content{padding:24px}.product-actions{flex-direction:column}.cta-buttons{flex-direction:column;align-items:center}.testimonials-slider{gap:15px;padding:10px 50px}.testimonials-slider .testimonial-card{flex:0 0 260px;min-width:260px}.slider-nav{width:40px;height:40px;font-size:14px}.slider-prev{left:5px}.slider-next{right:5px}}@media (max-width:360px){:root{--container-padding:0 12px}.top-bar-left span,.top-bar-right a{font-size:10px;gap:4px}.top-bar-left span i,.top-bar-right a i{font-size:11px}.logo-img{max-width:100px}.nav-actions .btn-call{padding:8px 10px;font-size:13px}.hero-buttons{max-width:100%}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-white{color:var(--white)}.text-muted{color:var(--gray-500)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:48px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.d-flex{display:flex}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.hidden{display:none}.visible{display:block}.social-proof-band{background:linear-gradient(135deg,var(--primary) 0,#1e40af 100%);padding:28px 0;position:relative;overflow:hidden}.social-proof-band::before{content:'';position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></svg>');background-size:60px 60px}.social-proof-content{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1;text-align:center}.social-proof-text{color:var(--white);font-size:17px;font-weight:600;line-height:1.5}.social-proof-text strong{font-weight:800}.social-proof-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.social-proof-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.15);color:var(--white);padding:8px 18px;border-radius:50px;font-size:13px;font-weight:600;text-decoration:none;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);transition:all var(--transition-fast)}.social-proof-chip:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);color:var(--white)}.social-proof-company{color:rgba(255,255,255,0.7);font-size:13px}.use-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.use-case-card{background:var(--white);border-radius:var(--radius-xl);padding:36px 28px;box-shadow:var(--shadow-md);border:1px solid var(--gray-100);transition:all var(--transition-base);position:relative;overflow:hidden}.use-case-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.use-case-card:nth-child(1)::before{background:#ef4444}.use-case-card:nth-child(2)::before{background:#f59e0b}.use-case-card:nth-child(3)::before{background:#3b82f6}.use-case-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.use-case-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.use-case-card:nth-child(1) .use-case-icon{background:rgba(239,68,68,0.1);color:#ef4444}.use-case-card:nth-child(2) .use-case-icon{background:rgba(245,158,11,0.1);color:#f59e0b}.use-case-card:nth-child(3) .use-case-icon{background:rgba(59,130,246,0.1);color:#3b82f6}.use-case-icon i{font-size:28px}.use-case-card h4{margin-bottom:6px;font-size:1.25rem}.use-case-subtitle{color:var(--gray-500);font-size:14px;font-weight:500;margin-bottom:14px}.use-case-card p.use-case-desc{color:var(--gray-600);font-size:14px;line-height:1.7;margin-bottom:16px}.use-case-story{background:var(--gray-50);border-left:3px solid var(--primary);padding:12px 16px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:13px;font-style:italic;color:var(--gray-700);line-height:1.6}.real-gps-section{background:linear-gradient(135deg,#0f172a 0,#1e293b 100%);padding:80px 0;position:relative;overflow:hidden}.real-gps-section::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(37,99,235,0.15) 0,transparent 70%);border-radius:50%}.real-gps-header{text-align:center;margin-bottom:50px;position:relative;z-index:1}.real-gps-header .section-badge{background:rgba(239,68,68,0.2);color:#fca5a5}.real-gps-header h2{color:var(--white);margin-bottom:12px}.real-gps-header p{color:var(--gray-400);font-size:17px;max-width:600px;margin:0 auto}.real-gps-table-wrapper{position:relative;z-index:1;max-width:900px;margin:0 auto}.real-gps-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,0.1)}.real-gps-table thead th{padding:18px 24px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.real-gps-table thead th:first-child{background:rgba(255,255,255,0.05);color:var(--gray-400);text-align:left}.real-gps-table thead th:nth-child(2){background:rgba(16,185,129,0.15);color:#6ee7b7}.real-gps-table thead th:nth-child(3){background:rgba(239,68,68,0.15);color:#fca5a5}.real-gps-table tbody td{padding:16px 24px;font-size:14px;border-bottom:1px solid rgba(255,255,255,0.05)}.real-gps-table tbody td:first-child{color:var(--gray-300);font-weight:600;background:rgba(255,255,255,0.02)}.real-gps-table tbody td:nth-child(2){color:#a7f3d0;background:rgba(16,185,129,0.05)}.real-gps-table tbody td:nth-child(3){color:#fecaca;background:rgba(239,68,68,0.05)}.real-gps-table tbody tr:last-child td{border-bottom:none}.real-gps-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(16,185,129,0.15);color:#6ee7b7;padding:10px 24px;border-radius:50px;font-size:15px;font-weight:700;margin-top:30px;border:1px solid rgba(16,185,129,0.3)}.local-trust-section{background:linear-gradient(135deg,#fef3c7 0,#fde68a 50%,#fef3c7 100%);padding:60px 0;position:relative}.local-trust-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.local-trust-info h3{font-size:1.75rem;margin-bottom:8px;color:var(--gray-900)}.local-trust-subtitle{color:var(--gray-600);font-size:16px;margin-bottom:24px}.local-trust-details{display:flex;flex-direction:column;gap:16px}.local-trust-item{display:flex;align-items:flex-start;gap:14px}.local-trust-item i{font-size:20px;color:var(--primary);min-width:24px;margin-top:2px}.local-trust-item strong{display:block;font-size:15px;color:var(--gray-900);margin-bottom:2px}.local-trust-item span{font-size:14px;color:var(--gray-600);line-height:1.5}.local-trust-cta{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.local-trust-cta .btn{min-width:260px;justify-content:center}.hero-case-study{display:flex;align-items:center;gap:10px;background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.3);border-radius:var(--radius-md);padding:12px 20px;margin-top:20px;font-size:14px;color:#a7f3d0;line-height:1.5;backdrop-filter:blur(10px)}.hero-case-study i{color:#34d399;font-size:16px;flex-shrink:0}.comparison-multi-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--white)}.comparison-multi-table thead th{background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-800) 100%);color:var(--white);padding:18px 16px;font-size:14px;font-weight:700;text-align:center;border-bottom:3px solid var(--primary)}.comparison-multi-table thead th:first-child{text-align:left}.comparison-multi-table tbody td{padding:14px 16px;font-size:14px;text-align:center;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.comparison-multi-table tbody td:first-child{text-align:left;font-weight:600;color:var(--gray-800)}.comparison-multi-table tbody tr:hover{background:var(--gray-50)}.comparison-multi-table tbody tr:last-child td{border-bottom:none}.comparison-multi-table .text-success{color:var(--success)}.comparison-multi-table .text-muted{color:var(--gray-400)}.comparison-multi-table .highlight-col{background:rgba(37,99,235,0.03)}.pdp-trust-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.pdp-trust-badge{display:inline-flex;align-items:center;gap:6px;background:var(--gray-50);border:1px solid var(--gray-200);padding:6px 14px;border-radius:50px;font-size:12px;font-weight:600;color:var(--gray-700)}.pdp-trust-badge i{color:var(--primary);font-size:11px}.pdp-trust-badge.badge-local{background:#fef3c7;border-color:#fde68a;color:#92400e}.pdp-trust-badge.badge-local i{color:#d97706}.pdp-case-study{background:linear-gradient(135deg,rgba(16,185,129,0.08) 0,rgba(6,182,212,0.08) 100%);border:1px solid rgba(16,185,129,0.2);border-radius:var(--radius-md);padding:14px 18px;margin-bottom:20px;display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--gray-700);line-height:1.5}.pdp-case-study i{color:var(--success);font-size:16px;margin-top:2px;flex-shrink:0}.recharge-plan-selector{margin:16px 0}.plan-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.plan-option{cursor:pointer;position:relative}.plan-option input[type="radio"]{display:none}.plan-option-content{display:flex;flex-direction:column;align-items:center;padding:14px 8px;border:2px solid #e2e8f0;border-radius:12px;transition:all .25s ease;background:#fff;text-align:center}.plan-option:hover .plan-option-content{border-color:var(--primary);background:rgba(99,102,241,0.04)}.plan-option.selected .plan-option-content{border-color:var(--primary);background:linear-gradient(135deg,rgba(99,102,241,0.08),rgba(99,102,241,0.03));box-shadow:0 0 0 1px var(--primary)}.plan-duration{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.plan-price{font-size:20px;font-weight:800;color:var(--primary);line-height:1.2}.plan-tag{font-size:11px;font-weight:600;color:#64748b;margin-top:4px;padding:2px 8px;background:#f1f5f9;border-radius:20px}.plan-tag.best{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.blog-inline-cta{background:linear-gradient(135deg,#f0f4ff 0,#e8f0fe 100%);border:1px solid #c7d2fe;border-left:4px solid var(--primary);border-radius:12px;padding:24px;margin:2rem 0;box-shadow:0 4px 20px rgba(0,0,0,0.04)}.blog-inline-cta h4{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px;border:0;padding:0}.blog-inline-cta p{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.blog-inline-cta .inline-cta-price{font-size:24px;font-weight:800;color:var(--primary);margin-bottom:12px;display:block}.blog-inline-cta .inline-cta-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.blog-inline-cta .inline-cta-features span{font-size:12px;background:#fff;padding:4px 10px;border-radius:20px;color:var(--text-secondary);border:1px solid #e2e8f0}.blog-inline-cta .inline-cta-buttons{display:flex;gap:10px;flex-wrap:wrap}.blog-inline-cta .inline-cta-buttons .btn{font-size:14px;padding:10px 20px;text-decoration:none !important;color:#fff !important}.blog-inline-cta .inline-cta-buttons .btn:hover{color:#fff !important;text-decoration:none !important}.blog-sidebar-cta .btn-whatsapp-sm{display:block;margin-top:10px;text-align:center;background:#25d366;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:background .2s}.blog-sidebar-cta .btn-whatsapp-sm:hover{background:#1da851}.blog-sidebar-cta .btn-whatsapp-sm i{margin-right:6px}@media (max-width:992px){.use-case-grid{grid-template-columns:1fr}.local-trust-content{grid-template-columns:1fr}.real-gps-table-wrapper{overflow-x:auto}}@media (max-width:768px){.social-proof-text{font-size:15px}.social-proof-chips{gap:8px}.social-proof-chip{font-size:12px;padding:6px 14px}.hero-case-study{font-size:13px;padding:10px 16px}.real-gps-section{padding:60px 0}.real-gps-table thead th,.real-gps-table tbody td{padding:12px 14px;font-size:13px}.local-trust-section{padding:40px 0}.local-trust-cta .btn{min-width:auto;width:100%}.pdp-trust-badges{gap:6px}.pdp-trust-badge{font-size:11px;padding:5px 10px}.comparison-multi-table thead th,.comparison-multi-table tbody td{padding:10px 8px;font-size:12px}.plan-options{grid-template-columns:repeat(2,1fr)}.plan-price{font-size:17px}}
/* New Why Choose Redesign */
.section-gray {
    background-color: #f8fafc;
}
.why-choose-content {
    padding-right: 20px;
}
.why-pill {
    display: inline-block;
    background-color: #e0f2fe;
    color: #0284c7;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}
.why-title {
    font-size: 42px;
    font-weight: 800;
    line-height: 1.2;
    color: #1e293b;
    margin-bottom: 20px;
}
.why-title .text-blue {
    color: #2563eb;
}
.why-title .text-green {
    color: #10b981;
}
.why-desc {
    font-size: 16px;
    color: #475569;
    margin-bottom: 40px;
    line-height: 1.6;
}
.why-timeline {
    position: relative;
    padding-left: 0;
}
.why-timeline::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 40px;
    bottom: 30px;
    width: 1px;
    border-left: 2px dashed #e2e8f0;
}
.why-timeline-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 30px;
    padding-left: 30px;
}
.why-timeline-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 24px;
    width: 10px;
    height: 10px;
    background-color: #10b981;
    border-radius: 50%;
    z-index: 2;
}
.icon-box {
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #2563eb;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    position: relative;
    flex-shrink: 0;
}
.icon-box .icon-badge {
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: #10b981;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    border: 2px solid #fff;
}
.why-timeline-content h4 {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 6px;
}
.why-timeline-content p {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

/* Right Side - Visual */
.why-visual-wrapper {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    background-color: #0f172a;
}
.why-visual-bg {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0.8;
}

.why-visual-top-overlay {
    position: absolute;
    top: 24px;
    left: 24px;
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 16px 20px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.why-visual-top-overlay .overlay-icon {
    width: 40px;
    height: 40px;
    background: rgba(16, 185, 129, 0.2);
    border: 1px solid rgba(16, 185, 129, 0.5);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #34d399;
    font-size: 20px;
}
.why-visual-top-overlay .overlay-text h5 {
    color: #fff;
    margin: 0 0 4px 0;
    font-size: 15px;
    font-weight: 600;
}
.why-visual-top-overlay .overlay-text span {
    color: #cbd5e1;
    font-size: 12px;
}

.why-visual-bottom-card {
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
    background: #ffffff;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
.bottom-card-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    flex: 1;
}
.bottom-card-item .bc-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    position: relative;
}
.bc-icon.text-green { background: #d1fae5; color: #10b981; }
.bc-icon.text-blue { background: #dbeafe; color: #2563eb; }
.bc-icon.text-purple { background: #f3e8ff; color: #9333ea; }
.bc-icon.text-orange { background: #ffedd5; color: #f97316; }

.bottom-card-item span {
    font-size: 12px;
    font-weight: 600;
    color: #334155;
    line-height: 1.3;
}
.bottom-card-divider {
    width: 1px;
    height: 40px;
    background: #e2e8f0;
}

@media (max-width: 768px) {
    .why-title {
        font-size: 32px;
    }
    .why-visual-top-overlay {
        top: 15px; left: 15px; right: 15px;
    }
    .why-visual-bottom-card {
        bottom: 15px; left: 15px; right: 15px;
        flex-wrap: wrap;
        gap: 15px;
    }
    .bottom-card-item {
        flex: 1 1 40%;
    }
    .bottom-card-divider {
        display: none;
    }
}

/* Products Redesign */
.product-header-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: #f1f5f9;
    color: #3b82f6;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
}
.product-main-title {
    font-size: 40px;
    font-weight: 800;
    color: #1e293b;
    line-height: 1.2;
    margin-bottom: 15px;
}
.product-main-title .text-blue {
    color: #2563eb;
}
.product-main-desc {
    font-size: 16px;
    color: #64748b;
    margin-bottom: 40px;
}

.product-stats-bar {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #fff;
    border-radius: 100px;
    padding: 15px 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    margin-bottom: 50px;
    flex-wrap: wrap;
    gap: 15px;
}
.product-stat-item {
    display: flex;
    align-items: center;
    gap: 12px;
}
.ps-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.ps-icon.text-green { background: #d1fae5; color: #10b981; }
.ps-icon.text-yellow { background: #fef08a; color: #eab308; }
.ps-icon.text-blue { background: #dbeafe; color: #3b82f6; }
.ps-icon.text-purple { background: #f3e8ff; color: #a855f7; }
.ps-icon.text-orange { background: #ffedd5; color: #f97316; }

.ps-text {
    display: flex;
    flex-direction: column;
}
.ps-text strong {
    font-size: 15px;
    color: #1e293b;
    font-weight: 800;
}
.ps-text span {
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
}
.ps-divider {
    width: 1px;
    height: 30px;
    background: #e2e8f0;
}

.products-3col-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 30px;
}
.product-new-card {
    background: #fff;
    border-radius: 20px;
    padding: 25px;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    border: 1px solid #f1f5f9;
    display: flex;
    flex-direction: column;
}
.pnc-badge {
    position: absolute;
    top: 25px;
    left: 25px;
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    z-index: 2;
}
.pnc-badge.bg-red { background: #ef4444; }

.pnc-image {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background: radial-gradient(circle, #f8fafc 0%, transparent 70%);
    border-radius: 50%;
}
.pnc-image img {
    max-height: 160px;
    max-width: 100%;
    object-fit: contain;
}
.pnc-body h3 {
    font-size: 22px;
    font-weight: 800;
    color: #1e293b;
    margin-bottom: 10px;
}
.pnc-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
}
.pnc-tag.bg-blue { background: #3b82f6; }
.pnc-tag.bg-purple { background: #a855f7; }

.pnc-body p {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 20px;
}
.pnc-features {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
    flex-grow: 1;
}
.pnc-features li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #475569;
    margin-bottom: 10px;
    font-weight: 500;
}
.pnc-features li i {
    font-size: 16px;
}
.pnc-features li i.text-green { color: #10b981; }

.pnc-price-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.pnc-price {
    font-size: 28px;
    font-weight: 800;
    color: #2563eb;
}
.pnc-mrp {
    font-size: 16px;
    color: #94a3b8;
    text-decoration: line-through;
    font-weight: 500;
}
.pnc-save {
    background: #10b981;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 50px;
}

.pnc-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.btn-pnc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 15px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s;
    color: #fff;
}
.btn-pnc.btn-blue { background: #2563eb; }
.btn-pnc.btn-blue:hover { background: #1d4ed8; color: #fff;}
.btn-pnc.btn-green { background: #10b981; }
.btn-pnc.btn-green:hover { background: #059669; color: #fff; }

/* Software Full Card */
.software-full-card {
    background: #fff;
    border-radius: 20px;
    padding: 15px;
    display: flex;
    gap: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    border: 1px solid #f1f5f9;
    margin-bottom: 30px;
    align-items: stretch;
}
.sfc-image-area {
    background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
    border-radius: 16px;
    padding: 30px;
    position: relative;
    width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.sfc-badge {
    top: 15px;
    left: 15px;
}
.sfc-img {
    max-width: 100%;
    margin-bottom: 20px;
    filter: drop-shadow(0 10px 20px rgba(0,0,0,0.2));
}
.sfc-os-icons {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 20px;
    background: rgba(255,255,255,0.2);
    padding: 8px 16px;
    border-radius: 50px;
}
.sfc-os-icons span {
    font-size: 12px;
    font-weight: 600;
    margin-left: 5px;
}

.sfc-content {
    flex-grow: 1;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sfc-content h3 {
    font-size: 24px;
    font-weight: 800;
    color: #1e293b;
    margin-bottom: 10px;
}
.sfc-content p {
    font-size: 14px;
    color: #64748b;
    margin-bottom: 20px;
}
.sfc-features {
    display: flex;
    gap: 40px;
    margin-bottom: 20px;
}
.sfc-features ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sfc-features li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #475569;
    margin-bottom: 12px;
    font-weight: 500;
}
.sfc-features li i.text-blue { color: #2563eb; font-size: 16px; }

.sfc-actions {
    display: flex;
    gap: 15px;
}
.sfc-actions .btn-pnc {
    min-width: 150px;
}

.sfc-qr-area {
    background: #f8fafc;
    border-radius: 16px;
    padding: 20px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.qr-box {
    text-align: center;
}
.qr-icon {
    color: #64748b;
    font-size: 24px;
    margin-bottom: 10px;
}
.qr-title {
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 15px;
    line-height: 1.3;
}
.qr-img {
    width: 100px;
    height: 100px;
    margin: 0 auto 10px auto;
    background: #fff;
    padding: 5px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}
.qr-scan-text {
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
}

/* Trust Banner */
.product-trust-banner {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%);
    border-radius: 16px;
    padding: 20px 30px;
    color: #fff;
    flex-wrap: wrap;
    gap: 20px;
}
.ptb-item {
    display: flex;
    align-items: center;
    gap: 15px;
}
.ptb-item i {
    font-size: 24px;
    opacity: 0.9;
}
.ptb-text {
    display: flex;
    flex-direction: column;
}
.ptb-text strong {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 2px;
}
.ptb-text span {
    font-size: 12px;
    opacity: 0.8;
}

@media (max-width: 1024px) {
    .products-3col-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .software-full-card {
        flex-direction: column;
        align-items: center;
    }
    .sfc-image-area, .sfc-qr-area {
        width: 100%;
    }
    .sfc-features {
        flex-direction: column;
        gap: 10px;
    }
    .product-stats-bar {
        border-radius: 20px;
    }
    .ps-divider {
        display: none;
    }
}
@media (max-width: 768px) {
    .products-3col-grid {
        grid-template-columns: 1fr;
    }
    .pnc-actions {
        grid-template-columns: 1fr;
    }
    .product-trust-banner {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* =========================================
   WHY ALIKE GPS — Live Tracking Animation
   ========================================= */
.why-anim-wrapper {
    background: #0f172a;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(0,0,0,0.45), 0 0 0 1px rgba(96,165,250,0.15);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
}

/* Header bar */
.wa-header {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    background: #1e293b;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.wa-header-dot {
    width: 10px; height: 10px;
    border-radius: 50%;
    background: #ef4444;
    flex-shrink: 0;
}
.wa-header-title {
    flex: 1;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-left: 6px;
}
.wa-header-title i { color: #60a5fa; margin-right: 4px; }
.wa-header-live {
    display: flex; align-items: center; gap: 5px;
    font-size: 10px; font-weight: 700;
    color: #34d399; letter-spacing: 1px;
}
.wa-live-dot {
    width: 7px; height: 7px; border-radius: 50%;
    background: #34d399;
    animation: wa-live-blink 1.2s ease-in-out infinite;
}
@keyframes wa-live-blink {
    0%,100%{opacity:1;} 50%{opacity:0.2;}
}

/* Map area */
.wa-map {
    position: relative;
    height: 240px;
    background: linear-gradient(135deg, #0f172a 0%, #1a2744 50%, #0f172a 100%);
    overflow: hidden;
}
.wa-map-grid {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
}

/* Geofence */
.wa-geofence {
    position: absolute;
    top: 12%; left: 55%;
    width: 110px; height: 80px;
    border: 1.5px dashed rgba(96,165,250,0.5);
    border-radius: 50%;
    background: rgba(96,165,250,0.06);
    animation: wa-geo-pulse 3s ease-in-out infinite;
}
@keyframes wa-geo-pulse {
    0%,100%{box-shadow:0 0 0 0 rgba(96,165,250,0.15);}
    50%{box-shadow:0 0 0 12px rgba(96,165,250,0.05);}
}

/* Vehicle dot */
.wa-vehicle {
    position: absolute;
    width: 28px; height: 28px;
    top: 45%; left: 10%;
    transform: translate(-50%,-50%);
    z-index: 10;
    animation: wa-vehicle-move 12s linear infinite;
}
.wa-vehicle-inner {
    width: 28px; height: 28px;
    background: linear-gradient(135deg, #3b82f6, #60a5fa);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 0 12px rgba(96,165,250,0.6);
    position: relative; z-index: 2;
}
.wa-vehicle-pulse {
    position: absolute; inset: -6px;
    border-radius: 50%;
    background: rgba(96,165,250,0.25);
    animation: wa-pulse-ring 2s ease-out infinite;
}
@keyframes wa-pulse-ring {
    0%{transform:scale(0.8);opacity:1;}
    100%{transform:scale(1.8);opacity:0;}
}
@keyframes wa-vehicle-move {
    0%  { top:45%; left:10%; }
    15% { top:42%; left:25%; }
    30% { top:47%; left:45%; }
    45% { top:38%; left:60%; }
    55% { top:28%; left:72%; }
    65% { top:42%; left:78%; }
    75% { top:52%; left:68%; }
    88% { top:48%; left:40%; }
    100%{ top:45%; left:10%; }
}

/* Location pins */
.wa-pin {
    position: absolute;
    display: flex; flex-direction: column; align-items: center;
    gap: 3px; z-index: 8;
    transform: translate(-50%, -50%);
}
.wa-pin-dot {
    width: 10px; height: 10px;
    border-radius: 50%;
    box-shadow: 0 0 8px currentColor;
}
.wa-pin span {
    font-size: 9px; font-weight: 600;
    color: rgba(255,255,255,0.7);
    background: rgba(0,0,0,0.5);
    padding: 2px 5px; border-radius: 4px;
    white-space: nowrap;
}
.wa-pin-pulse {
    animation: wa-pin-glow 2s ease-in-out infinite;
}
@keyframes wa-pin-glow {
    0%,100%{box-shadow:0 0 4px rgba(96,165,250,0.6);}
    50%{box-shadow:0 0 16px rgba(96,165,250,1), 0 0 30px rgba(96,165,250,0.4);}
}

/* Speed chip */
.wa-speed-chip {
    position: absolute;
    bottom: 10px; left: 10px;
    background: rgba(15,23,42,0.85);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(96,165,250,0.3);
    border-radius: 8px;
    padding: 5px 10px;
    color: #f1f5f9;
    font-size: 11px;
    font-weight: 600;
    display: flex; align-items: center; gap: 5px;
    z-index: 20;
}
.wa-speed-chip i { color: #fbbf24; }

/* Alert notification */
.wa-alert {
    position: absolute;
    top: -60px; right: 10px;
    background: rgba(239,68,68,0.15);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(239,68,68,0.4);
    border-radius: 10px;
    padding: 8px 12px;
    color: #f1f5f9;
    font-size: 11px;
    display: flex; align-items: center; gap: 8px;
    z-index: 30;
    min-width: 180px;
    transition: top 0.5s cubic-bezier(0.34,1.56,0.64,1);
}
.wa-alert.visible { top: 10px; }
.wa-alert i { color: #f87171; font-size: 14px; flex-shrink: 0; }
.wa-alert strong { display: block; font-weight: 700; color: #fca5a5; }
.wa-alert span { color: #94a3b8; font-size: 10px; }

/* Bottom stats */
.wa-stats {
    display: flex;
    gap: 0;
    background: #1e293b;
    border-top: 1px solid rgba(255,255,255,0.06);
}
.wa-stat-card {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-right: 1px solid rgba(255,255,255,0.06);
}
.wa-stat-card:last-child { border-right: none; }
.wa-stat-icon {
    width: 30px; height: 30px;
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    font-size: 12px;
    flex-shrink: 0;
}
.wa-stat-info { display: flex; flex-direction: column; line-height: 1.3; }
.wa-stat-info strong { font-size: 13px; font-weight: 700; color: #f1f5f9; }
.wa-stat-info small { font-size: 11px; color: #94a3b8; }
.wa-stat-info span { font-size: 9px; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 1px; }

/* Responsive */
@media (max-width: 768px) {
    .wa-map { height: 180px; }
    .wa-stats { flex-wrap: wrap; }
    .wa-stat-card { flex: 1 1 50%; }
}

/* =====================================================
   GPS PROTECTION STORY — Cinematic Card Animation
   ===================================================== */
.gps-story-box {
    position: relative;
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    min-height: 460px;
    background: linear-gradient(145deg, #0d1b2a 0%, #1a2744 60%, #0d1b2a 100%);
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 40px 100px rgba(0,0,0,0.5), 0 0 0 1px rgba(96,165,250,0.12), inset 0 1px 0 rgba(255,255,255,0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 28px 24px;
    gap: 0;
}

/* Floating orbs background */
.gsb-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    pointer-events: none;
    opacity: 0.35;
}
.gsb-orb-1 {
    width: 220px; height: 220px;
    background: radial-gradient(circle, #3b82f6 0%, transparent 70%);
    top: -60px; left: -60px;
    animation: gsb-orb-float 8s ease-in-out infinite;
}
.gsb-orb-2 {
    width: 180px; height: 180px;
    background: radial-gradient(circle, #8b5cf6 0%, transparent 70%);
    bottom: -40px; right: -40px;
    animation: gsb-orb-float 10s ease-in-out infinite reverse;
}
.gsb-orb-3 {
    width: 120px; height: 120px;
    background: radial-gradient(circle, #34d399 0%, transparent 70%);
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    animation: gsb-orb-float 6s ease-in-out infinite 2s;
}
@keyframes gsb-orb-float {
    0%,100%{transform:translate(0,0);}
    50%{transform:translate(20px,15px);}
}
.gsb-orb-3 { animation: gsb-orb3-float 6s ease-in-out infinite 2s; }
@keyframes gsb-orb3-float {
    0%,100%{transform:translate(-50%,-50%);}
    50%{transform:translate(calc(-50% + 12px), calc(-50% - 10px));}
}

/* Shield */
.gsb-shield-wrap {
    position: relative;
    width: 100px; height: 100px;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 20px;
    flex-shrink: 0;
    z-index: 5;
}
.gsb-shield-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(96,165,250,0.25);
}
.gsb-ring-1 { width: 80px; height: 80px; animation: gsb-ring-pulse 3s ease-out infinite; }
.gsb-ring-2 { width: 110px; height: 110px; animation: gsb-ring-pulse 3s ease-out infinite 0.6s; }
.gsb-ring-3 { width: 140px; height: 140px; animation: gsb-ring-pulse 3s ease-out infinite 1.2s; }
@keyframes gsb-ring-pulse {
    0%   { transform: scale(0.85); opacity: 0.6; }
    70%  { transform: scale(1.1);  opacity: 0.1; }
    100% { transform: scale(1.15); opacity: 0; }
}
.gsb-shield {
    width: 72px; height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; color: #fff;
    box-shadow: 0 0 30px rgba(59,130,246,0.5), 0 0 60px rgba(59,130,246,0.2);
    transition: background 0.6s ease, box-shadow 0.6s ease;
    z-index: 10;
    position: relative;
}
.gsb-shield.stage-0 { background: linear-gradient(135deg,#dc2626,#ef4444); box-shadow:0 0 30px rgba(239,68,68,0.5); }
.gsb-shield.stage-1 { background: linear-gradient(135deg,#1d4ed8,#3b82f6); box-shadow:0 0 30px rgba(59,130,246,0.5); }
.gsb-shield.stage-2 { background: linear-gradient(135deg,#b45309,#f59e0b); box-shadow:0 0 30px rgba(245,158,11,0.5); }
.gsb-shield.stage-3 { background: linear-gradient(135deg,#059669,#34d399); box-shadow:0 0 30px rgba(52,211,153,0.5); }

/* Cards container */
.gsb-cards {
    position: relative;
    width: 100%;
    z-index: 5;
}

/* Individual story card */
.gsb-card {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    animation: gsb-card-in 0.5s cubic-bezier(0.34,1.4,0.64,1) both;
}
.gsb-card.active { display: flex; }

@keyframes gsb-card-in {
    from { opacity:0; transform: translateY(24px) scale(0.96); }
    to   { opacity:1; transform: translateY(0)    scale(1); }
}

.gsb-card-step {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: rgba(148,163,184,0.7);
    text-transform: uppercase;
}
.gsb-card-icon {
    width: 48px; height: 48px;
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px;
}
.gsb-card-title {
    font-size: 20px;
    font-weight: 800;
    color: #f1f5f9;
    margin: 0;
    line-height: 1.2;
}
.gsb-card-desc {
    font-size: 13.5px;
    color: #94a3b8;
    margin: 0;
    line-height: 1.6;
}
.gsb-card-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2px;
    margin-top: 4px;
}

/* Progress bar */
.gsb-progress-wrap {
    width: 100%;
    height: 3px;
    background: rgba(255,255,255,0.07);
    border-radius: 99px;
    overflow: hidden;
    margin-top: 20px;
    z-index: 5;
}
.gsb-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #3b82f6, #34d399);
    border-radius: 99px;
    transition: width 0.3s linear;
    width: 0%;
}

/* Dots navigation */
.gsb-dots {
    display: flex;
    gap: 6px;
    margin-top: 16px;
    z-index: 5;
}
.gsb-dot {
    width: 6px; height: 6px;
    border-radius: 99px;
    background: rgba(255,255,255,0.2);
    cursor: pointer;
    transition: all 0.4s ease;
}
.gsb-dot.active {
    width: 22px;
    background: #3b82f6;
}

@media (max-width: 768px) {
    .gps-story-box { min-height: 380px; padding: 24px 20px 18px; }
    .gsb-card-title { font-size: 17px; }
}

/* =====================================================
   CRO ELEMENTS — Why Alike GPS Section
   ===================================================== */

/* Inline social proof bar */
.why-social-proof {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin-bottom: 14px;
    font-size: 13px;
    color: #4b5563;
}
.wsp-stars { color: #f59e0b; font-size: 13px; display:flex; gap:2px; }
.wsp-sep { color: #d1d5db; }

/* Guarantee badge */
.why-guarantee {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
    border: 1px solid #bbf7d0;
    border-radius: 12px;
    padding: 12px 16px;
    margin: 20px 0 18px;
    font-size: 13px;
    color: #166534;
}
.why-guarantee i {
    font-size: 22px;
    color: #16a34a;
    flex-shrink: 0;
    margin-top: 2px;
}
.why-guarantee strong { display: block; font-weight: 700; margin-bottom: 2px; }
.why-guarantee span { color: #4b7a5f; font-size: 12px; }

/* CTA row */
.why-cta-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}
.why-cta-row .btn { flex-shrink: 0; }

/* Urgency micro-copy */
.why-urgency {
    font-size: 12px;
    color: #6b7280;
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.why-urgency i { color: #3b82f6; font-size: 11px; }

/* Story card CTA button */
.gsb-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    background: linear-gradient(135deg, #059669, #34d399);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 18px;
    border-radius: 10px;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 4px 16px rgba(52,211,153,0.35);
    white-space: nowrap;
}
.gsb-cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(52,211,153,0.45);
    color: #fff;
}

/* =====================================================
   FIX: Why Section — Remove empty space, fill height
   ===================================================== */
.why-choose-grid {
    align-items: stretch !important;
}
.why-choose-visual {
    display: flex;
    align-items: stretch;
}
.gps-story-box {
    min-height: 0 !important;
    height: 100%;
    justify-content: flex-start;
    padding: 28px 24px;
    gap: 20px;
}
.gsb-shield-wrap {
    flex-shrink: 0;
    margin-bottom: 0;
}
.gsb-cards {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.gsb-card {
    flex: 1;
}
.gsb-card-desc {
    flex: 1;
}

/* Tighten internal spacing of story box */
.gsb-shield-wrap {
    width: 80px;
    height: 80px;
    margin-bottom: 0;
}
.gsb-shield {
    width: 58px;
    height: 58px;
    font-size: 22px;
}
.gsb-ring-1 { width: 64px; height: 64px; }
.gsb-ring-2 { width: 86px; height: 86px; }
.gsb-ring-3 { width: 108px; height: 108px; }
.gps-story-box {
    flex-direction: row !important;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 28px 24px 20px !important;
    gap: 22px !important;
}
.gsb-shield-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    padding-top: 6px;
}
.gsb-right-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
}
.gsb-stage-track {
    display: flex;
    gap: 6px;
    margin-bottom: 16px;
}
.gsb-stage-pip {
    flex: 1;
    height: 3px;
    border-radius: 99px;
    background: rgba(255,255,255,0.12);
    transition: background 0.4s ease;
}
.gsb-stage-pip.done { background: #34d399; }
.gsb-stage-pip.active { background: #3b82f6; }
.gsb-card-title { font-size: 17px !important; }
.gsb-card-desc  { font-size: 13px !important; }
.gsb-dots { margin-top: 14px; }
/* Override old flex direction that was column */

/* =====================================================
   VERTICAL STACK STORY — Fill Empty Space Fix
   ===================================================== */
.gps-story-box.vertical-story {
    flex-direction: column !important;
    justify-content: flex-start;
    align-items: center;
    padding: 30px 24px !important;
    gap: 0 !important;
}

/* Center shield at top */
.gsb-shield-center {
    margin: 0 auto 30px auto;
    width: 100px;
    height: 100px;
    flex-shrink: 0;
}
.gsb-shield-center .gsb-shield {
    width: 72px; height: 72px; font-size: 28px;
}
.gsb-shield-center .gsb-ring-1 { width: 80px; height: 80px; }
.gsb-shield-center .gsb-ring-2 { width: 110px; height: 110px; }
.gsb-shield-center .gsb-ring-3 { width: 140px; height: 140px; }

/* Stacked Cards timeline */
.gsb-stacked-cards {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    flex: 1; /* Stretch to fill available vertical space */
    width: 100%;
    gap: 12px;
}
.gsb-stack-card {
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 16px;
    padding: 14px 16px;
    transition: all 0.4s cubic-bezier(0.34,1.56,0.64,1);
    opacity: 0.4;
    filter: grayscale(1);
    cursor: pointer;
    flex: 1; /* Allow cards to stretch */
}
.gsb-stack-card.active {
    opacity: 1;
    filter: grayscale(0);
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.15);
    transform: scale(1.02);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.gsb-stack-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}
.gsb-stack-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.gsb-stack-text h4 {
    color: #f1f5f9;
    font-size: 15px;
    margin: 0 0 4px 0;
    line-height: 1.2;
}
.gsb-stack-text p {
    color: #94a3b8;
    font-size: 12px;
    margin: 0;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .gsb-shield-center { margin-bottom: 20px; }
    .gsb-stack-card { padding: 12px; gap: 12px; }
}

/* ====================================================
   AEO / GEO Quick-Answer Block Styles
   Answer Engine Optimization — for Featured Snippets,
   ChatGPT, Gemini, Perplexity, and Voice Search
   ==================================================== */
.aeo-answer-section {
    padding: 50px 0 0;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}
.aeo-answer-section.aeo-homepage {
    padding: 40px 0;
    background: linear-gradient(135deg, #1e1b4b 0%, #0f172a 100%);
}
.aeo-answer-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 36px 40px;
    position: relative;
    overflow: hidden;
}
.aeo-answer-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #2563eb, #06b6d4, #10b981);
}
.aeo-answer-header {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 24px;
}
.aeo-answer-icon {
    width: 52px; height: 52px;
    background: linear-gradient(135deg, rgba(37,99,235,0.3), rgba(6,182,212,0.3));
    border: 1px solid rgba(37,99,235,0.4);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.aeo-answer-icon i {
    font-size: 22px;
    color: #60a5fa;
}
.aeo-label {
    display: inline-block;
    background: rgba(37,99,235,0.15);
    color: #93c5fd;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 50px;
    margin-bottom: 8px;
}
.aeo-question {
    font-size: 1.4rem;
    color: #f1f5f9;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}
.aeo-direct-answer {
    font-size: 17px;
    color: #e2e8f0;
    line-height: 1.7;
    margin-bottom: 20px;
    padding: 16px 20px;
    background: rgba(16,185,129,0.08);
    border-left: 3px solid #10b981;
    border-radius: 0 10px 10px 0;
}
.aeo-direct-answer strong {
    color: #6ee7b7;
}
.aeo-facts-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.aeo-facts-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: #cbd5e1;
    line-height: 1.5;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 10px;
    padding: 12px 14px;
}
.aeo-facts-list li i {
    color: #34d399;
    font-size: 13px;
    margin-top: 2px;
    flex-shrink: 0;
}
.aeo-facts-list li strong {
    color: #f1f5f9;
}
.aeo-summary {
    font-size: 14px;
    color: #94a3b8;
    font-style: italic;
    margin: 0;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,0.06);
}
.aeo-cta-bar {
    display: flex;
    gap: 12px;
    margin-top: 24px;
    flex-wrap: wrap;
}
.aeo-btn {
    font-size: 15px !important;
    padding: 14px 28px !important;
}

/* Theft urgency bar */
.theft-stat-bar {
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(239,68,68,0.12);
    border: 1px solid rgba(239,68,68,0.25);
    border-top: none;
    padding: 16px 40px;
    flex-wrap: wrap;
}
.theft-stat-bar > i {
    color: #f87171;
    font-size: 20px;
    flex-shrink: 0;
}
.theft-stat-bar > span {
    font-size: 14px;
    color: #fca5a5;
    flex: 1;
    min-width: 200px;
}
.theft-stat-bar strong {
    color: #fecaca;
}
.theft-stat-cta {
    font-size: 14px;
    font-weight: 700;
    color: #f87171;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s;
}
.theft-stat-cta:hover { color: #fca5a5; }

/* Fleet ROI bar */
.fleet-roi-bar {
    display: flex;
    align-items: center;
    gap: 20px;
    background: rgba(16,185,129,0.1);
    border: 1px solid rgba(16,185,129,0.2);
    border-top: none;
    padding: 16px 40px;
    flex-wrap: wrap;
}
.fleet-roi-bar > i {
    color: #34d399;
    font-size: 20px;
    flex-shrink: 0;
}
.fleet-roi-content {
    flex: 1;
    min-width: 200px;
}
.fleet-roi-content strong {
    display: block;
    color: #a7f3d0;
    font-size: 14px;
    margin-bottom: 8px;
}
.fleet-roi-figures {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.fleet-roi-figures span {
    font-size: 13px;
    color: #6ee7b7;
}
.fleet-roi-figures strong {
    display: inline;
    color: #34d399;
}

/* AEO homepage compare grid */
.aeo-compare-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin: 20px 0;
}
.aeo-compare-item {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    padding: 16px;
    text-align: center;
    transition: border-color 0.2s;
}
.aeo-compare-item:hover {
    border-color: rgba(37,99,235,0.4);
}
.aeo-compare-item > i {
    font-size: 24px;
    color: #60a5fa;
    margin-bottom: 8px;
    display: block;
}
.aeo-compare-item > strong {
    display: block;
    color: #f1f5f9;
    font-size: 15px;
    margin-bottom: 6px;
}
.aeo-compare-item > span {
    font-size: 12px;
    color: #94a3b8;
    line-height: 1.5;
}

/* Responsive */
@media (max-width: 768px) {
    .aeo-answer-card { padding: 24px 20px; }
    .aeo-answer-header { flex-direction: column; gap: 12px; }
    .aeo-question { font-size: 1.15rem; }
    .aeo-facts-list { grid-template-columns: 1fr; }
    .aeo-compare-grid { grid-template-columns: repeat(2, 1fr); }
    .theft-stat-bar, .fleet-roi-bar { padding: 14px 20px; }
    .aeo-cta-bar { flex-direction: column; }
    .aeo-btn { width: 100%; justify-content: center; }
    .fleet-roi-figures { gap: 10px; }
    .fleet-roi-figures span { font-size: 12px; }
}
@media (max-width: 480px) {
    .aeo-compare-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .aeo-compare-item { padding: 12px 10px; }
    .aeo-compare-item > i { font-size: 20px; }
    .aeo-compare-item > strong { font-size: 13px; }
}

/* ============================================================
   LOCAL AREA SECTION — unique content per location page
   ============================================================ */
.local-area-section { background: var(--gray-50); }
.local-area-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: start;
}

/* Theft stat + tip boxes */
.local-stat-box,
.local-tip-box {
    display: flex;
    gap: 16px;
    padding: 20px 22px;
    border-radius: var(--radius-lg);
    margin-bottom: 20px;
}
.local-stat-box {
    background: #fff5f5;
    border: 1px solid #fecaca;
    border-left: 4px solid var(--danger);
}
.local-tip-box {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-left: 4px solid var(--success);
}
.local-stat-icon,
.local-tip-icon {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.local-stat-icon { background: #fee2e2; color: var(--danger); }
.local-tip-icon  { background: #dcfce7; color: var(--success); }
.local-stat-text h4,
.local-tip-text h4 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: .4px;
}
.local-stat-text h4 { color: var(--danger); }
.local-tip-text h4  { color: var(--success); }
.local-stat-text p,
.local-tip-text p {
    font-size: 14px;
    color: var(--gray-700);
    line-height: 1.7;
    margin: 0;
}

/* Nearby areas tags */
.local-nearby { margin-bottom: 22px; }
.local-nearby h4 { font-size: 14px; font-weight: 700; margin-bottom: 10px; color: var(--gray-800); }
.local-nearby-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.local-nearby-tag {
    display: inline-block;
    background: linear-gradient(135deg, rgba(37,99,235,0.08) 0, rgba(6,182,212,0.08) 100%);
    color: var(--primary);
    border: 1px solid rgba(37,99,235,0.2);
    padding: 5px 14px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 500;
}

/* Landmarks */
.local-landmarks { margin-bottom: 8px; }
.local-landmarks h4 { font-size: 14px; font-weight: 700; margin-bottom: 10px; color: var(--gray-800); }
.local-landmark-list { display: flex; flex-direction: column; gap: 8px; }
.local-landmark-list li {
    font-size: 14px;
    color: var(--gray-700);
    display: flex;
    align-items: center;
}

/* Testimonials column */
.local-testimonials { display: flex; flex-direction: column; gap: 20px; }
.local-testimonial-card {
    background: var(--white);
    border-radius: var(--radius-lg);
    padding: 22px 24px;
    box-shadow: var(--shadow-md);
    border: 1px solid var(--gray-100);
    border-top: 3px solid var(--primary);
    transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}
.local-testimonial-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-xl);
}
.local-testimonial-stars { display: flex; gap: 3px; margin-bottom: 10px; }
.local-testimonial-stars i { color: var(--accent); font-size: 13px; }
.local-testimonial-text {
    font-size: 14px;
    color: var(--gray-700);
    line-height: 1.75;
    margin-bottom: 14px;
    font-style: italic;
}
.local-testimonial-meta {
    display: flex;
    align-items: center;
    gap: 12px;
}
.local-testimonial-avatar {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
    background: linear-gradient(135deg, var(--primary) 0, var(--info) 100%);
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.local-testimonial-meta > div { display: flex; flex-direction: column; gap: 2px; }
.local-testimonial-meta strong { font-size: 14px; color: var(--gray-900); }
.local-testimonial-area {
    font-size: 12px;
    color: var(--gray-500);
}
.local-testimonial-vehicle {
    font-size: 11px;
    color: var(--primary);
    font-weight: 600;
}

/* Responsive */
@media (max-width: 1024px) {
    .local-area-grid { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 768px) {
    .local-nearby-tags { gap: 6px; }
    .local-nearby-tag { font-size: 12px; padding: 4px 12px; }
    .local-testimonial-card { padding: 18px 18px; }
    .local-stat-box, .local-tip-box { padding: 16px 16px; }
}

/* ============================================================
   PATNA PAGE — unique components CSS
   ============================================================ */

/* ---- Safety Stat Cards ---- */
.patna-safety-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-bottom: 60px;
}
.patna-stat-card {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    padding: 28px 24px;
    border-radius: var(--radius-lg);
    background: var(--white);
    box-shadow: var(--shadow-md);
    border: 1px solid var(--gray-100);
    border-top: 4px solid transparent;
    transition: transform var(--transition-base), box-shadow var(--transition-base);
}
.patna-stat-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-xl); }
.patna-stat-red   { border-top-color: var(--danger); }
.patna-stat-amber { border-top-color: var(--accent); }
.patna-stat-green { border-top-color: var(--success); }
.patna-stat-icon {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}
.patna-stat-red   .patna-stat-icon { background: #fee2e2; color: var(--danger); }
.patna-stat-amber .patna-stat-icon { background: #fef3c7; color: var(--accent); }
.patna-stat-green .patna-stat-icon { background: #dcfce7; color: var(--success); }
.patna-stat-body { display: flex; flex-direction: column; gap: 6px; }
.patna-stat-num {
    font-family: var(--font-heading);
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
    color: var(--gray-900);
}
.patna-stat-label {
    font-size: 13px;
    font-weight: 700;
    color: var(--gray-600);
    text-transform: uppercase;
    letter-spacing: .4px;
    margin-bottom: 6px;
}
.patna-stat-body p { font-size: 14px; color: var(--gray-600); line-height: 1.7; margin: 0; }

/* ---- Risk Zone Grid ---- */
.patna-risk-zones { margin-top: 10px; }
.patna-zone-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.patna-zone-card {
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    background: var(--white);
    border: 1px solid var(--gray-100);
}
.patna-zone-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    color: var(--white);
    font-size: 15px;
    font-weight: 700;
}
.patna-zone-header i { font-size: 16px; }
.patna-zone-card ul { list-style: none; padding: 16px 20px; display: flex; flex-direction: column; gap: 10px; }
.patna-zone-card ul li a {
    font-size: 14px;
    color: var(--gray-700);
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color var(--transition-fast), padding-left var(--transition-fast);
}
.patna-zone-card ul li a i { color: var(--primary); font-size: 11px; }
.patna-zone-card ul li a:hover { color: var(--primary); padding-left: 6px; }

/* ---- Vehicle Type Grid ---- */
.patna-vehicle-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.patna-vehicle-card {
    background: var(--white);
    border-radius: var(--radius-xl);
    padding: 30px 24px;
    box-shadow: var(--shadow-md);
    border: 1px solid var(--gray-100);
    transition: all var(--transition-base);
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.patna-vehicle-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-xl); }
.patna-vehicle-icon {
    width: 60px;
    height: 60px;
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 24px;
    flex-shrink: 0;
}
.patna-vehicle-card h4 { font-size: 17px; color: var(--gray-900); margin: 0; }
.patna-vehicle-card p  { font-size: 14px; color: var(--gray-600); line-height: 1.7; margin: 0; flex: 1; }
.patna-vehicle-links { display: flex; flex-direction: column; gap: 8px; margin-top: auto; padding-top: 4px; }
.patna-vlink {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--gray-600);
    padding: 8px 14px;
    border-radius: var(--radius-md);
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
    text-decoration: none;
    transition: all var(--transition-fast);
}
.patna-vlink:hover { background: var(--gray-100); color: var(--primary); border-color: var(--primary); }
.patna-vlink-primary {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    color: var(--white);
    border-color: transparent;
}
.patna-vlink-primary:hover { background: linear-gradient(135deg, var(--primary-dark), var(--primary)); color: var(--white); transform: none; }

/* ---- Area Hub Grid ---- */
.patna-area-hub {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 12px;
}
.patna-area-hub-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: var(--white);
    border-radius: var(--radius-md);
    border: 1px solid var(--gray-100);
    box-shadow: var(--shadow-sm);
    text-decoration: none;
    transition: all var(--transition-fast);
}
.patna-area-hub-card:hover {
    border-color: var(--primary);
    box-shadow: var(--shadow-md);
    transform: translateX(4px);
}
.patna-area-hub-icon {
    width: 38px;
    height: 38px;
    border-radius: var(--radius-md);
    background: linear-gradient(135deg, rgba(37,99,235,0.1), rgba(6,182,212,0.1));
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}
.patna-area-hub-info { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.patna-area-hub-info strong { font-size: 14px; color: var(--gray-900); font-weight: 700; }
.patna-area-hub-info span  { font-size: 12px; color: var(--gray-500); }
.patna-area-hub-arrow { color: var(--gray-300); font-size: 12px; flex-shrink: 0; transition: color var(--transition-fast); }
.patna-area-hub-card:hover .patna-area-hub-arrow { color: var(--primary); }

/* ---- Blog Resource Grid ---- */
.patna-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.patna-blog-card {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 20px 20px;
    background: var(--white);
    border-radius: var(--radius-lg);
    border: 1px solid var(--gray-100);
    box-shadow: var(--shadow-sm);
    text-decoration: none;
    transition: all var(--transition-base);
}
.patna-blog-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--primary); }
.patna-blog-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 20px;
}
.patna-blog-content { flex: 1; min-width: 0; }
.patna-blog-content h4 { font-size: 15px; color: var(--gray-900); margin-bottom: 6px; line-height: 1.4; }
.patna-blog-content p  { font-size: 13px; color: var(--gray-600); line-height: 1.6; margin-bottom: 8px; }
.patna-blog-tag {
    font-size: 12px;
    font-weight: 700;
    color: var(--primary);
    letter-spacing: .3px;
}

/* ---- Responsive ---- */
@media (max-width: 1024px) {
    .patna-safety-grid    { grid-template-columns: 1fr; }
    .patna-zone-grid      { grid-template-columns: 1fr; }
    .patna-vehicle-grid   { grid-template-columns: repeat(2, 1fr); }
    .patna-blog-grid      { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .patna-safety-grid    { gap: 16px; }
    .patna-vehicle-grid   { grid-template-columns: 1fr; gap: 18px; }
    .patna-blog-grid      { grid-template-columns: 1fr; }
    .patna-area-hub       { grid-template-columns: 1fr; }
    .patna-stat-num       { font-size: 1.6rem; }
    .patna-blog-card      { padding: 16px; }
}

/* ============================================================
   DANAPUR PAGE — office card, stat pills, theft context
   ============================================================ */

/* Office two-col grid */
.danapur-office-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: start;
}

/* Office info column */
.danapur-office-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, rgba(37,99,235,0.1), rgba(6,182,212,0.1));
    border: 1px solid rgba(37,99,235,0.2);
    color: var(--primary);
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
}
.danapur-office-info h3 {
    font-size: 1.6rem;
    color: var(--gray-900);
    margin-bottom: 14px;
}
.danapur-address {
    font-style: normal;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 15px;
    color: var(--gray-700);
    line-height: 1.7;
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-left: 4px solid var(--primary);
    padding: 14px 18px;
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    margin-bottom: 28px;
}
.danapur-address i { color: var(--primary); margin-top: 3px; flex-shrink: 0; }

.danapur-office-perks { display: flex; flex-direction: column; gap: 16px; margin-bottom: 28px; }
.danapur-perk {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}
.danapur-perk > i {
    font-size: 20px;
    min-width: 22px;
    margin-top: 2px;
}
.danapur-perk > div { display: flex; flex-direction: column; gap: 2px; }
.danapur-perk strong { font-size: 15px; color: var(--gray-900); }
.danapur-perk span   { font-size: 13px; color: var(--gray-500); }

.danapur-cta-row { display: flex; gap: 12px; flex-wrap: wrap; }

/* Local stats column */
.danapur-local-stats {
    background: var(--white);
    border-radius: var(--radius-xl);
    padding: 32px 28px;
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--gray-100);
}
.danapur-stats-title {
    font-size: 17px;
    color: var(--gray-900);
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--gray-100);
}
.danapur-stat-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 24px; }

.danapur-stat-pill {
    padding: 14px 16px;
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.danapur-pill-red   { background: #fff5f5; border: 1px solid #fecaca; border-top: 3px solid var(--danger); }
.danapur-pill-amber { background: #fffbeb; border: 1px solid #fde68a; border-top: 3px solid var(--accent); }
.danapur-pill-green { background: #f0fdf4; border: 1px solid #bbf7d0; border-top: 3px solid var(--success); }
.danapur-pill-blue  { background: #eff6ff; border: 1px solid #bfdbfe; border-top: 3px solid var(--primary); }

.d-stat-num {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--gray-900);
    line-height: 1;
}
.d-stat-lbl { font-size: 12px; color: var(--gray-600); line-height: 1.5; }

/* Theft context box */
.danapur-theft-context {
    background: #fff5f5;
    border: 1px solid #fecaca;
    border-left: 4px solid var(--danger);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    padding: 16px 18px;
}
.danapur-theft-context h5 {
    font-size: 14px;
    font-weight: 700;
    color: var(--gray-800);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.danapur-theft-context ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.danapur-theft-context ul li {
    font-size: 13px;
    color: var(--gray-700);
    padding-left: 14px;
    position: relative;
    line-height: 1.5;
}
.danapur-theft-context ul li::before {
    content: '›';
    position: absolute;
    left: 0;
    color: var(--danger);
    font-weight: 700;
}

/* Responsive */
@media (max-width: 1024px) {
    .danapur-office-grid { grid-template-columns: 1fr; gap: 36px; }
    .danapur-stat-row { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .danapur-office-grid { gap: 24px; }
    .danapur-stat-row { grid-template-columns: 1fr; gap: 10px; }
    .danapur-cta-row  { flex-direction: column; }
    .danapur-cta-row .btn { width: 100%; justify-content: center; }
    .d-stat-num { font-size: 1.3rem; }
}

/* Update logo height for phones */
@media (max-width: 768px) {
    .logo-img {
        height: 50px !important;
        max-width: none !important;
    }
}

/* Homepage Add to Cart button styles */
.btn-pnc.btn-red {
    background: #ef4444 !important;
    color: #ffffff !important;
    border: none;
    cursor: pointer;
    font-weight: 700;
    transition: all 0.3s ease;
}
.btn-pnc.btn-red:hover {
    background: #dc2626 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(239, 68, 68, 0.3);
}