@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--midnight:#fff;--deep-navy:#f8fafc;--navy:#f1f5f9;--cobalt:#1e5fd8;--cobalt-light:#3b82f6;--cobalt-glow:#2563eb;--electric:#00d4ff;--electric-dim:#00d4ff14;--gold:#f59e0b;--gold-light:#d97706;--emerald:#10b981;--rose:#f43f5e;--glass-bg:#ffffffb3;--glass-border:#1e5fd81a;--glass-hover:#1e5fd80d;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--grad-hero:radial-gradient(circle at top, #f8fafc 0%, #fff 100%);--grad-cobalt:linear-gradient(135deg, #1e5fd8, #00d4ff);--grad-card:linear-gradient(145deg, #fff, #f1f5f9);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,Space Grotesk,system-ui,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--midnight);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--midnight)}::-webkit-scrollbar-thumb{background:var(--cobalt);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cobalt-light)}::selection{color:#fff;background:#1e5fd866}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}}@keyframes float2{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(-2deg)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particle-drift{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-120px)translate(40px)scale(0)}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #1e5fd84d,0 0 40px #00d4ff1a}50%{box-shadow:0 0 40px #1e5fd899,0 0 80px #00d4ff4d}}@keyframes counter-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}@keyframes road-move{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes bg-pan{0%{background-position:0 0}to{background-position:100% 100%}}.animate-fadeInUp{animation:.8s forwards fadeInUp}.animate-slideInLeft{animation:.8s forwards slideInLeft}.animate-slideInRight{animation:.8s forwards slideInRight}.animate-scaleIn{animation:.6s forwards scaleIn}.animate-float{animation:6s ease-in-out infinite float}.animate-float2{animation:7s ease-in-out infinite float2}.animate-glow{animation:3s ease-in-out infinite glow-pulse}.animate-spin-slow{animation:20s linear infinite spin-slow}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-800{animation-delay:.8s}.delay-1000{animation-delay:1s}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border:1px solid #1e5fd814;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000008}.glass-card:hover{background:#fff;border-color:#1e5fd833;transform:translateY(-6px);box-shadow:0 20px 60px #1e5fd81a}.btn-primary{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#1e5fd8,#00d4ff);border:none;border-radius:50px;align-items:center;gap:10px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#00d4ff,#1e5fd8);transition:opacity .4s;position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #1e5fd880,0 0 60px #00d4ff33}.btn-primary span,.btn-primary svg{z-index:1;position:relative}.btn-outline{color:var(--text-primary);cursor:pointer;letter-spacing:.3px;background:0 0;border:1.5px solid #fff3;border-radius:50px;align-items:center;gap:10px;padding:13px 30px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-outline:hover{border-color:var(--cobalt);color:var(--cobalt-glow);background:#1e5fd81a;transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);background:var(--glass-bg)}.gradient-text{background:linear-gradient(135deg, #fff 0%, var(--cobalt-glow) 50%, var(--electric) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}.gradient-text-gold{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section{padding:100px 0;position:relative}.section-sm{padding:60px 0}.container{max-width:1280px;margin:0 auto;padding:0 32px}.section-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--cobalt-glow);background:#1e5fd81f;border:1px solid #1e5fd840;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.section-title{color:var(--text-primary);margin-bottom:20px;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15}.section-subtitle{color:var(--text-secondary);max-width:580px;font-size:17px;line-height:1.7}.badge{border-radius:50px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-blue{color:var(--cobalt-glow);background:#1e5fd826;border:1px solid #1e5fd833}.badge-green{color:#34d399;background:#10b98126;border:1px solid #10b98133}.badge-gold{color:var(--gold-light);background:#f59e0b26;border:1px solid #f59e0b33}.badge-rose{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e33}.form-input{width:100%;color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:14px 18px;font-family:Inter,sans-serif;font-size:15px;transition:all .3s}.form-input:focus{border-color:var(--cobalt);background:#1e5fd812;box-shadow:0 0 0 3px #1e5fd826}.form-input::placeholder{color:var(--text-muted)}.form-select{width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:14px 18px;font-family:Inter,sans-serif;font-size:15px;transition:all .3s}.form-select:focus{border-color:var(--cobalt);background:#1e5fd812}.form-select option{color:#0f172a;background:#fff}.form-label{color:var(--text-secondary);letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.divider{background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;margin:40px 0}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.container{padding:0 20px}.section{padding:70px 0}}.noise-overlay:after{content:"";pointer-events:none;opacity:.4;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");position:absolute;inset:0}.toast{z-index:9999;border-radius:14px;align-items:center;gap:12px;padding:16px 24px;font-size:14px;font-weight:500;animation:.4s fadeInUp;display:flex;position:fixed;bottom:100px;right:30px;box-shadow:0 10px 40px #0006}.toast-success{background:linear-gradient(135deg,#065f46,#0d9488);border:1px solid #10b9814d}.toast-error{background:linear-gradient(135deg,#7f1d1d,#dc2626);border:1px solid #f43f5e4d}#particle-canvas{pointer-events:none;z-index:0;position:absolute;inset:0}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border:1px solid #0000000f;border-radius:24px;width:100%;max-width:560px;max-height:90vh;padding:40px;animation:.4s cubic-bezier(.34,1.56,.64,1) scaleIn;overflow-y:auto;box-shadow:0 20px 80px #0000001a}.step-indicator{align-items:center;gap:0;margin-bottom:40px;display:flex}.step-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;transition:all .4s;display:flex}.step-dot.active{background:linear-gradient(135deg, var(--cobalt), var(--electric));color:#fff;box-shadow:0 0 20px #1e5fd880}.step-dot.done{background:var(--emerald);color:#fff}.step-dot.pending{color:var(--text-muted);background:#ffffff12;border:1px solid #ffffff1a}.step-line{background:#ffffff12;flex:1;height:2px;transition:background .4s}.step-line.done{background:var(--emerald)}.star-filled{color:var(--gold)}.star-empty{color:#ffffff26}.progress-bar{background:#ffffff12;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--cobalt), var(--electric));border-radius:3px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.tab-bar{background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;gap:4px;padding:6px;display:flex}.tab-item{cursor:pointer;color:var(--text-secondary);text-align:center;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.tab-item.active{background:linear-gradient(135deg, var(--cobalt), #1a4fa0);color:#fff;box-shadow:0 4px 15px #1e5fd84d}.tooltip-wrap{position:relative}.tooltip-wrap .tooltip{white-space:nowrap;color:var(--text-primary);pointer-events:none;opacity:0;z-index:100;background:#0d1f3c;border:1px solid #ffffff1a;border-radius:8px;padding:8px 14px;font-size:12px;transition:opacity .2s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.tooltip-wrap:hover .tooltip{opacity:1}.snap-container{scroll-snap-type:y mandatory}.snap-section{scroll-snap-align:start}.glow-dots{pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#1e5fd826 1px,#0000 0);background-size:40px 40px;position:absolute;inset:0}.neon-line{background:linear-gradient(90deg, transparent, var(--cobalt), var(--electric), var(--cobalt), transparent);height:2px;box-shadow:0 0 10px var(--cobalt), 0 0 30px #00d4ff4d}.icon-box{background:linear-gradient(135deg,#1e5fd833,#00d4ff14);border:1px solid #1e5fd833;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.floating-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:5;background:#0a1628e6;border:1px solid #1e5fd840;border-radius:16px;align-items:center;gap:12px;padding:14px 20px;font-size:13px;font-weight:500;display:flex;position:absolute;box-shadow:0 10px 40px #0000004d}.counter-value{background:linear-gradient(135deg, #fff, var(--cobalt-glow));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:3.5rem;font-weight:700;line-height:1}.no-select{-webkit-user-select:none;user-select:none}.typed-cursor{background:var(--electric);vertical-align:middle;border-radius:2px;width:3px;height:1.1em;margin-left:4px;animation:.8s step-end infinite blink;display:inline-block}.admin-table{border-collapse:collapse;background:#fff;width:100%;font-size:14px}.admin-table th{text-align:left;letter-spacing:1.2px;text-transform:uppercase;color:#64748b;background:#f8fafc;border-bottom:2px solid #00000008;padding:16px 20px;font-size:11px;font-weight:800}.admin-table td{color:#475569;border-bottom:1px solid #00000008;padding:16px 20px;font-size:14px;transition:all .2s}.admin-table tr:hover td{color:#0f172a;background:#1e5fd808}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-active{background:var(--emerald);box-shadow:0 0 8px var(--emerald)}.status-pending{background:var(--gold);box-shadow:0 0 8px var(--gold)}.status-inactive{background:var(--text-muted)}.status-rejected{background:var(--rose);box-shadow:0 0 8px var(--rose)}.wa-bubble{z-index:9000;cursor:pointer;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;text-decoration:none;transition:transform .3s;animation:2.5s infinite wa-pulse;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 30px #25d36666,0 0 #25d36666}.wa-bubble:hover{transform:scale(1.12)}@keyframes wa-pulse{0%{box-shadow:0 4px 30px #25d36666,0 0 #25d36666}70%{box-shadow:0 4px 30px #25d36666,0 0 0 16px #25d36600}to{box-shadow:0 4px 30px #25d36666,0 0 #25d36600}}.notif-badge{background:var(--rose);color:#fff;border:2px solid var(--midnight);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.particle{pointer-events:none;border-radius:50%;animation:linear infinite particle-drift;position:absolute}.road-stripe{animation:2s linear infinite road-move}@media (width<=900px){.nav-links,.nav-cta{display:none!important}.mobile-menu-btn{display:flex!important}}.hero-section{background:var(--grad-hero);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.card-glow-blue:hover{box-shadow:0 0 40px #1e5fd833,0 20px 60px #0000004d}.product-card{cursor:pointer;color:inherit;background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid #ffffff12;border-radius:24px;flex-direction:column;gap:16px;padding:30px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.product-card:before{content:"";opacity:0;background:linear-gradient(135deg,#1e5fd814,#00d4ff0a);transition:opacity .4s;position:absolute;inset:0}.product-card:hover{border-color:#1e5fd840;transform:translateY(-8px)}.product-card:hover:before{opacity:1}.pricing-card{border-radius:24px;padding:36px;transition:all .4s;position:relative;overflow:hidden}.pricing-card.popular{background:linear-gradient(145deg,#1e5fd833,#00d4ff14);border:1px solid #1e5fd866;transform:scale(1.04)}.pricing-card:not(.popular){background:#ffffff08;border:1px solid #ffffff12}.timeline-item{gap:24px;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background:linear-gradient(#1e5fd866,#0000);width:2px;position:absolute;top:56px;bottom:-40px;left:23px}.vehicle-illustration{animation:4s ease-in-out infinite float}@media (width<=600px){.section-title{font-size:1.8rem}.btn-primary,.btn-outline{padding:12px 24px;font-size:14px}.modal-content{padding:24px}.pricing-card.popular{transform:scale(1)}}