@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@500;700;800&display=swap";:root{--color-primary:#0047ab;--color-primary-dark:#025;--color-secondary:#0096ff;--color-accent:#ffdf00;--color-accent-hover:#ffea55;--color-text-dark:#111827;--color-text-light:#f9fafb;--color-bg-light:#f3f4f6;--color-bg-dark:#1e293b;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.6s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-text-dark);background-color:var(--color-bg-light);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #fff3;box-shadow:0 8px 32px #0000001a}.glass-dark{-webkit-backdrop-filter:blur(16px);background:#0259;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}.btn{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);border:none;border-radius:50px;padding:.75rem 1.5rem;font-weight:700;display:inline-block}.btn-primary{background-color:var(--color-accent);color:var(--color-primary-dark);box-shadow:0 4px 15px #ffdf0066}.btn-outline{color:var(--color-text-light);border:2px solid var(--color-text-light);background-color:#0000}.btn-outline:hover{background-color:var(--color-text-light);color:var(--color-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes pulse-ring{0%{transform:scale(.8);box-shadow:0 0 #0096ffb3}70%{transform:scale(1);box-shadow:0 0 0 20px #0096ff00}to{transform:scale(.8);box-shadow:0 0 #0096ff00}}.animate-fade-in-up{animation:.8s forwards fadeInUp}.animate-float{animation:4s ease-in-out infinite float}.delay-100{opacity:0;animation-delay:.1s}.delay-200{opacity:0;animation-delay:.2s}.delay-300{opacity:0;animation-delay:.3s}.delay-400{opacity:0;animation-delay:.4s}.hero{background-color:var(--color-primary-dark);min-height:100vh;color:var(--color-text-light);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:1;background-image:linear-gradient(135deg,#0047abe6 0%,#002255f2 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg img{object-fit:cover;mix-blend-mode:overlay;opacity:.5;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid;position:relative}.hero-text h1{margin-bottom:1.5rem;font-size:4rem}.hero-text h1 span{color:var(--color-accent)}.hero-text p{opacity:.9;margin-bottom:2rem;font-size:1.2rem}.hero-image-wrapper{position:relative}.hero-image-wrapper img{border-radius:20px;width:100%;max-width:500px;margin:0 auto;display:block;box-shadow:0 20px 50px #00000080}.features{background-color:var(--color-text-light);padding:6rem 0}.section-title{text-align:center;color:var(--color-primary-dark);margin-bottom:4rem;font-size:2.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-card{transition:transform var(--transition-normal), box-shadow var(--transition-normal);text-align:center;border-top:5px solid var(--color-secondary);background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 10px 30px #0000000d}.feature-icon{color:var(--color-primary);margin-bottom:1.5rem;font-size:3rem}.feature-card h3{color:var(--color-primary-dark);margin-bottom:1rem;font-size:1.5rem}.geolocation{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;padding:6rem 0;position:relative;overflow:hidden}.geo-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.geo-visual{justify-content:center;align-items:center;height:400px;display:flex;position:relative}.ping-marker{background-color:var(--color-accent);z-index:2;border-radius:50%;width:30px;height:30px;position:absolute}.ping-ring{background-color:var(--color-accent);z-index:1;border-radius:50%;width:30px;height:30px;animation:2s infinite pulse-ring;position:absolute}.use-cases{background-color:var(--color-bg-light);padding:6rem 0}.cases-grid{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.case-card{group:hover;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 15px 35px #0000001a}.case-image{object-fit:cover;width:100%;height:400px;transition:transform var(--transition-slow)}.case-card:hover .case-image{transform:scale(1.05)}.case-content{color:#fff;background:linear-gradient(#0000 0%,#000000e6 100%);width:100%;padding:2rem;position:absolute;bottom:0;left:0}.case-content h3{margin-bottom:.5rem;font-size:2rem}.contact-section{background-color:#fff;padding:6rem 0}.contact-container{background-color:var(--color-bg-light);border-radius:20px;max-width:800px;margin:0 auto;padding:3rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-primary-dark);font-weight:600}.form-group input,.form-group textarea{font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #ccc;border-radius:10px;padding:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0047ab1a}.footer{background-color:var(--color-primary-dark);color:#ffffffb3;text-align:center;padding:3rem 0}.footer-logo{font-size:2rem;font-family:var(--font-heading);color:#fff;margin-bottom:1rem;font-weight:800}@media (width<=900px){.hero-content,.geo-content,.cases-grid{text-align:center;grid-template-columns:1fr}.hero-text h1{font-size:3rem}}.app-mockup{color:#fff;background-color:#262626;border:1px solid #3f3f46;border-radius:20px;flex-direction:column;width:320px;min-height:500px;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000080}.mockup-header{background-color:#171717;border-bottom:1px solid #3f3f46;justify-content:space-between;align-items:center;padding:1rem;font-weight:700;display:flex}.profile-card{text-align:center;background-color:#10b981;border-radius:16px;margin:1rem;padding:2rem 1rem}.profile-img-placeholder{color:#10b981;background-color:#fff;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 1rem;font-size:3rem;font-weight:700;display:flex}.profile-stats{justify-content:space-around;margin-top:1.5rem;display:flex}.profile-stats span{opacity:.9;font-size:.8rem;display:block}.profile-stats strong{font-size:1.2rem;display:block}.info-list{padding:0 1rem 1rem}.info-item{background-color:#171717;border:1px solid #3f3f46;border-radius:12px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.info-icon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;display:flex}.info-label{color:#10b981;font-size:.85rem;display:block}.info-value{font-size:1rem;font-weight:700;display:block}.contact-list{padding:0 1rem}.contact-item{background-color:#171717;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.btn-call{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:700}.bg-green{background-color:#10b981}.bg-red{background-color:#ef4444}.feature-card{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s}.feature-card:hover{transform:translateY(-15px)scale(1.03);box-shadow:0 25px 50px #00225526}.case-card{transition:transform .4s,box-shadow .4s}.case-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.btn{transition:all .3s cubic-bezier(.25,.8,.25,1)}.btn-primary:hover{background-color:#ffd54f;transform:translateY(-3px);box-shadow:0 10px 25px #ffc10780}.btn-outline:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ffffff4d}.whatsapp-float{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.whatsapp-float:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 8px 25px #25d36699!important}@media (width<=768px){body,html,.app{width:100%;overflow-x:hidden}.nav-links{display:none!important}h1{font-size:2rem!important}h2.section-title{font-size:1.8rem!important}.hero{min-height:100vh;height:auto!important}.hero-slide-container{text-align:center!important;flex-direction:column!important;justify-content:center!important;padding-top:100px!important;padding-bottom:80px!important}.hero-text-col{flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex;padding-right:0!important}.hero-text-col h1{margin-bottom:1rem!important;font-size:2.2rem!important}.hero-text-col p{margin-bottom:1.5rem!important;font-size:1rem!important}.hero-img-col{margin-top:1rem;height:auto!important;animation:none!important;display:flex!important}.hero-img-col img{border-width:5px!important;max-height:35vh!important}.hero svg{opacity:.15!important;transform:scale(1.2)!important}section{padding:3rem 1rem!important}.features-grid,.cases-grid,.catalog-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.geo-content{flex-direction:column!important}}.preloader-overlay{background-color:var(--color-primary-dark);z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .5s ease-out,visibility .5s ease-out;display:flex;position:fixed;top:0;left:0}.preloader-overlay.fade-out{opacity:0;visibility:hidden}.preloader-content{justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:relative}.tag-container{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border:4px solid #94a3b8;border-radius:15px;justify-content:center;align-items:center;width:90px;height:140px;animation:2s ease-in-out infinite floatTag;display:flex;position:relative;box-shadow:0 10px 30px #00000080}.tag-hole{background-color:var(--color-primary-dark);border:2px solid #94a3b8;border-radius:50%;width:18px;height:18px;position:absolute;top:12px;box-shadow:inset 0 2px 5px #00000080}.qr-code{background-color:#fff;border-radius:4px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;width:60px;height:60px;margin-top:25px;padding:6px;display:grid;position:relative}.qr-square{background-color:#1e293b;border-radius:2px}.qr-dots{background-color:#1e293b;border-radius:2px;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scanner-phone{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background-color:#ffffff1a;border:8px solid #0f172a;border-radius:30px;width:160px;height:260px;animation:3.5s cubic-bezier(.25,.8,.25,1) forwards scanAction;position:absolute;top:-10px;right:-20px;overflow:hidden;transform:rotate(25deg)translate(80px,-80px);box-shadow:0 20px 50px #00000080}.phone-screen{width:100%;height:100%;position:relative}.scan-corners .corner{border:3px solid #ffffff80;width:20px;height:20px;position:absolute}.corner.tl{border-bottom:none;border-right:none;top:20%;left:15%}.corner.tr{border-bottom:none;border-left:none;top:20%;right:15%}.corner.bl{border-top:none;border-right:none;bottom:20%;left:15%}.corner.br{border-top:none;border-left:none;bottom:20%;right:15%}.scan-laser{opacity:0;background-color:#22c55e;width:100%;height:3px;animation:2s 1s forwards laserSweep;position:absolute;top:0;left:0;box-shadow:0 0 15px #22c55e,0 0 30px #22c55e}.loading-text{color:var(--color-accent);font-family:var(--font-heading);white-space:nowrap;letter-spacing:4px;font-size:1.5rem;animation:1.5s infinite pulseText;position:absolute;bottom:-80px}@keyframes floatTag{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes scanAction{0%{opacity:0;transform:rotate(25deg)translate(100px,-100px)scale(.8)}15%{opacity:1;transform:rotate(0)translate(0)scale(1)}75%{opacity:1;background-color:#ffffff1a;border-color:#0f172a;transform:rotate(0)translate(0)scale(1)}85%{opacity:1;background-color:#22c55e33;border-color:#22c55e;transform:rotate(0)translate(0)scale(1.05);box-shadow:0 0 50px #22c55e80}to{opacity:0;transform:rotate(0)translate(0)scale(1.5)}}@keyframes laserSweep{0%{opacity:0;top:20%}10%{opacity:1}50%{opacity:1;top:80%}90%{opacity:1;top:20%}to{opacity:0;top:50%}}@keyframes pulseText{0%,to{opacity:.4}50%{opacity:1;text-shadow:0 0 20px var(--color-accent)}}.tabs-container{background:#fff;border-radius:20px;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem;display:flex;box-shadow:0 4px 6px #0000000d}.tab-btn{font-family:var(--font-heading);color:#6b7280;cursor:pointer;transition:all var(--transition-fast);background-color:#0000;border:none;border-radius:12px;padding:.8rem 1.5rem;font-weight:600}.tab-btn:hover{color:var(--color-primary-dark);background-color:#f3f4f6}.tab-btn.active{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 10px #0047ab4d}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.catalog-item{transition:transform var(--transition-normal);background:#fff;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 25px #0000000d}.catalog-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.catalog-item-content{flex-direction:column;height:100%;padding:2rem;display:flex}