.contact-form{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;gap:1rem}.contact-form.hero-form{animation:fadeInUp .8s ease .2s both}.form-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.form-subtitle{color:var(--text-dark);margin-bottom:1rem}.contact-form button{width:100%;margin-top:.5rem}.contact-form button.success{background:linear-gradient(135deg,#10b981,#34d399)}.contact-form .form-success{text-align:center!important;padding:3rem 2rem;display:block!important;grid-column:1 / -1!important}.contact-form .form-success *,.contact-form .form-success h3,.contact-form .form-success p{text-align:center!important;display:block!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}.success-icon{font-size:3rem;margin-bottom:1rem}.form-success h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.form-success p{color:var(--text-light);line-height:1.6;margin:0 auto;max-width:400px;text-align:center!important;padding:0 1rem;display:block;width:100%}@media (max-width: 768px){.contact-form{padding:1.5rem}.form-success{padding:2rem 1.5rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #7ed321;--primary-dark: #5fa818;--secondary-color: #8ee53f;--dark-bg: #2c2c2c;--light-bg: #3a3a3a;--text-light: #e2e8f0;--text-dark: #94a3b8;--gradient: linear-gradient(135deg, #7ed321 0%, #8ee53f 100%);--shadow: 0 4px 24px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .2)}body{font-family:Inter,sans-serif;background-color:var(--dark-bg);color:var(--text-light);overflow-x:hidden;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;width:100%;background:#2c2c2cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.1)}.navbar .container{display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:baseline;gap:.5rem}.nav-logo .logo-text{font-size:1.75rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-logo span{font-size:1rem;color:var(--text-dark);font-weight:500}.nav-menu{display:flex;list-style:none;align-items:center;gap:2rem}.nav-link{text-decoration:none;color:var(--text-light);font-weight:500;transition:all .3s ease;position:relative}.nav-link:hover{color:var(--primary-color)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link.btn-primary{padding:.5rem 1.5rem;font-size:.9rem;border-radius:25px}.nav-link.btn-primary:after{display:none}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{width:25px;height:3px;background-color:var(--text-light);margin:3px 0;transition:.3s}.btn{display:inline-block;padding:.75rem 2rem;text-decoration:none;border-radius:50px;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;outline:none;position:relative;overflow:hidden}.btn-primary{background:var(--gradient);color:#1a1a1a;font-weight:700;box-shadow:0 4px 15px #7ed32126}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #7ed32133;background:linear-gradient(135deg,#8ee53f,#7ed321)}.btn-secondary{background:transparent;color:var(--text-light);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative}.hero-background{position:absolute;inset:0;overflow:hidden}.hero-gradient{position:absolute;width:150%;height:150%;background:radial-gradient(circle at 20% 50%,rgba(126,211,33,.15) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(34,211,238,.2) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-10%,-10%) rotate(0)}50%{transform:translate(10%,10%) rotate(180deg)}}.hero .container{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center;position:relative;z-index:1}.hero-content{animation:slideInLeft 1s ease-out}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--text-dark);margin-bottom:2rem;line-height:1.8}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-form{background:var(--light-bg);padding:2.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;animation:slideInRight 1s ease-out}.form-title{grid-column:1 / -1;font-size:1.75rem;font-weight:700;color:var(--text-light);text-align:center;margin-bottom:0}.form-subtitle{grid-column:1 / -1;font-size:1rem;color:var(--text-dark);text-align:center;margin-top:-.5rem;margin-bottom:.5rem}.hero-image,.hero-video{position:relative;animation:slideInRight 1s ease-out}.hero-visual{position:relative;width:100%;height:500px;background:var(--light-bg);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg)}.vending-machine-img{width:100%;height:100%;object-fit:contain;border-radius:10px;animation:float 3s ease-in-out infinite}.hero-vending-video{width:100%;height:100%;object-fit:cover;border-radius:20px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slide{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.kautivo-video{width:100%;max-width:500px;height:auto;margin-top:2rem;border-radius:15px;box-shadow:0 15px 35px #7ed32126;opacity:0;transform:translateY(30px) scale(.9);animation:videoFadeIn 1.8s ease-out 1.2s forwards,videoFloat 4s ease-in-out infinite 3s;transition:all .3s ease;filter:drop-shadow(0 10px 25px rgba(34,211,238,.2));display:block}.kautivo-video:hover{transform:scale(1.02);box-shadow:0 20px 45px #7ed32133;filter:drop-shadow(0 15px 35px rgba(34,211,238,.3))}@keyframes videoFadeIn{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes videoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.app-technology{padding:100px 0;background:linear-gradient(135deg,#7ed3210d,#8ee53f0d)}.app-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.app-image{position:relative;animation:fadeInLeft .8s ease-out}.app-screenshot{width:100%;max-width:500px;height:auto;border-radius:20px;box-shadow:0 25px 50px #0000004d;transition:transform .3s ease}.app-screenshot:hover{transform:scale(1.05)}.app-info{animation:fadeInRight .8s ease-out}.app-info h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.app-info h3{font-size:1.5rem;color:var(--primary-color);margin-bottom:1rem}.app-description{font-size:1.1rem;color:var(--text-dark);margin-bottom:2rem;line-height:1.8}.app-features{display:grid;gap:1.5rem;margin-bottom:2rem}.app-feature{display:flex;gap:1rem;align-items:start}.app-feature svg{width:40px;height:40px;color:var(--primary-color);flex-shrink:0;margin-top:5px}.app-feature h4{font-size:1.1rem;margin-bottom:.25rem;color:var(--text-light)}.app-feature p{font-size:.95rem;color:var(--text-dark);line-height:1.5}.app-buttons{display:flex;gap:1rem;margin-top:2rem}@media (max-width: 968px){.app-content{grid-template-columns:1fr;text-align:center}.app-image{order:2}.app-info{order:1}.app-buttons{justify-content:center}.app-screenshot{margin:0 auto}}@media (max-width: 576px){.app-info h2{font-size:1.8rem}.app-buttons{flex-direction:column}.app-buttons .btn{width:100%}}.about{display:block;padding:100px 0}.section-header{text-align:center;margin-bottom:4rem;animation:fadeInUp .8s ease-out}.section-header h2{font-size:3rem;font-weight:800;margin-bottom:1rem}.section-header p{font-size:1.25rem;color:var(--text-dark)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:var(--light-bg);padding:2.5rem;border-radius:20px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);animation:fadeInUp .8s ease-out}.feature-card:hover{transform:translateY(-10px);background:#7ed32114;border-color:var(--primary-color);box-shadow:0 20px 40px #7ed3211f}.feature-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--gradient);border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-icon svg{width:40px;height:40px;color:#fff}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-light)}.feature-card p{color:var(--text-dark);line-height:1.8}.products{display:block;padding:100px 0;background:var(--light-bg)}.products-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem}.product-card{background:var(--dark-bg);border-radius:20px;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);animation:fadeInUp .8s ease-out}.product-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.product-image{position:relative;height:300px;background:var(--light-bg);overflow:hidden}.product-badge{position:absolute;top:20px;right:20px;background:var(--gradient);color:#fff;padding:.5rem 1rem;border-radius:50px;font-weight:600;font-size:.875rem;z-index:2}.product-visual{width:100%;height:100%;background:linear-gradient(135deg,#334155,#475569);display:flex;align-items:center;justify-content:center;position:relative}.product-visual:before{content:"";position:absolute;width:150px;height:250px;background:#7ed3211f;border-radius:10px;transform:rotate(-5deg)}.product-visual-img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.product-info{padding:2rem}.product-info h3{font-size:1.75rem;margin-bottom:.5rem;color:var(--text-light)}.product-subtitle{color:var(--primary-color);font-weight:500;margin-bottom:1.5rem}.product-features{list-style:none;margin-bottom:2rem}.product-features li{color:var(--text-dark);padding:.5rem 0 .5rem 1.5rem;position:relative}.product-features li:before{content:"✓";position:absolute;left:0;color:var(--secondary-color);font-weight:700}.benefits{display:block;padding:100px 0}.benefits-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-bottom:4rem}.benefit-item{animation:fadeInUp .8s ease-out}.benefit-number{font-size:3rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.benefit-item h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-light)}.benefit-item p{color:var(--text-dark);line-height:1.8}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;background:var(--light-bg);padding:3rem;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.stat-card{text-align:center;animation:fadeInUp .8s ease-out}.stat-card h4{font-size:3rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.stat-card p{color:var(--text-dark);font-weight:500}.contact{display:block;padding:100px 0;background:var(--light-bg)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}.contact-image{grid-column:1 / -1;display:flex;justify-content:center;margin-top:3rem}.contact-vending-img{width:100%;max-width:400px;height:auto;border-radius:20px;animation:fadeInUp .8s ease-out,float 3s ease-in-out infinite;box-shadow:0 15px 35px #7ed32126;transition:all .3s ease;filter:drop-shadow(0 10px 25px rgba(34,211,238,.2))}.contact-vending-img:hover{transform:scale(1.02);box-shadow:0 20px 45px #7ed32133;filter:drop-shadow(0 15px 35px rgba(34,211,238,.3))}.contact-info h3{font-size:2rem;margin-bottom:1rem;color:var(--text-light)}.contact-info p{color:var(--text-dark);margin-bottom:2rem;line-height:1.8}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:center;gap:1rem}.contact-item svg{width:24px;height:24px;color:var(--primary-color)}.contact-item h4{font-size:.875rem;color:var(--text-dark);font-weight:500}.contact-item p{color:var(--text-light);font-weight:600}.contact-form{background:var(--dark-bg);padding:2.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{position:relative}.form-group.full-width{grid-column:1 / -1}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem 1.5rem;background:var(--light-bg);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-light);font-family:Inter,sans-serif;font-size:1rem;transition:all .3s ease}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem;padding-right:3rem;cursor:pointer}.form-group select:hover{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371dd37' stroke-width='2'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);background:#7ed32114}.form-group select:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371dd37' stroke-width='2'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}.form-group select option{background:var(--dark-bg);color:var(--text-light);padding:.5rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-dark)}.contact-form .btn{grid-column:1 / -1;justify-self:center;margin-top:1rem}.contact-video{position:relative;animation:slideInRight 1s ease-out}.contact-visual{position:relative;width:100%;height:400px;background:var(--light-bg);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg)}.contact-vending-video{width:100%;height:100%;object-fit:cover;border-radius:20px;animation:float 3s ease-in-out infinite}.footer{display:block;background:var(--dark-bg);padding:60px 0 20px;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand h3{font-size:1.5rem;margin-bottom:1rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-brand p{color:var(--text-dark);line-height:1.8}.footer-links h4{color:var(--text-light);margin-bottom:1rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--text-dark);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary-color)}.social-links{display:flex;gap:1rem}.social-links a{width:40px;height:40px;background:var(--light-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.social-links a:hover{background:var(--primary-color);transform:translateY(-3px)}.social-links svg{width:20px;height:20px;color:var(--text-light)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:var(--text-dark);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-logo{width:100px;height:auto;opacity:.8;transition:all .3s ease;filter:drop-shadow(0 5px 15px rgba(126,211,33,.12))}.footer-logo:hover{opacity:1;transform:scale(1.05);filter:drop-shadow(0 8px 20px rgba(126,211,33,.15))}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:var(--dark-bg);width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:2rem 0}.nav-menu.active{left:0}.hero .container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-image,.hero-video{display:none}.contact-content,.contact-form{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.social-links,.hero-buttons{justify-content:center}.products-showcase{grid-template-columns:1fr;gap:2rem;padding:0 .5rem}.product-card{max-width:100%;margin:0 auto}.hero-form{grid-template-columns:1fr;padding:2rem}.contact-visual{height:300px}}.email-protection a{color:var(--text-light);text-decoration:none;transition:color .3s ease}.email-protection a:hover{color:var(--primary-color)}.social-links a{transition:transform .3s ease,color .3s ease}.social-links a:hover{transform:translateY(-2px);color:var(--primary-color)}.vending-machine-img{will-change:auto;contain:layout style paint}.clickable-image{cursor:pointer;transition:transform .3s ease}.clickable-image:hover{transform:scale(1.05)}.image-modal{display:none;position:fixed;z-index:9999;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000f2;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{margin:auto;display:block;max-width:90%;max-height:80vh;object-fit:contain;animation:zoomIn .3s}@keyframes zoomIn{0%{transform:scale(.5)}to{transform:scale(1)}}.modal-caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;font-size:1.2rem;font-weight:500}.modal-close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s;cursor:pointer;z-index:10000}.modal-close:hover,.modal-close:focus{color:var(--primary-color);transform:scale(1.2)}@media (max-width: 768px){.modal-content{max-width:95%;max-height:70vh}.modal-close{right:20px;font-size:35px}}