.grecaptcha-badge{visibility:hidden}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;overflow-x:hidden}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#fff}#root{width:100%;min-height:100vh}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;position:relative}.App{min-height:100vh;width:100%;max-width:100%;overflow-x:hidden}.about-stats .stat{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.about-stats .stat.animate-visible{opacity:1;transform:translateY(0)}.benefits-list li{opacity:0;transform:translate(-30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.contact-item{opacity:0;transform:translate(-30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.contact-item.animate-visible{opacity:1;transform:translate(0)}.form-group{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.form-group.animate-visible{opacity:1;transform:translateY(0)}.hero-title{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.hero-title.animate-visible{opacity:1;transform:translateY(0)}.hero-description{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.hero-description.animate-visible{opacity:1;transform:translateY(0)}.phone-mockup{opacity:0;transform:translate(50px);transition:all 1s cubic-bezier(.4,0,.2,1)}.phone-mockup.animate-visible{opacity:1;transform:translate(0)}.ticket-card{opacity:0;transform:scale(.8);transition:all .6s cubic-bezier(.4,0,.2,1)}.ticket-card.animate-visible{opacity:1;transform:scale(1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-on-scroll{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.animate-visible{opacity:1;transform:translateY(0)}.animate-fade-left{opacity:0;transform:translate(-50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.animate-fade-left.animate-visible{opacity:1;transform:translate(0)}.animate-fade-right{opacity:0;transform:translate(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.animate-fade-right.animate-visible{opacity:1;transform:translate(0)}.animate-scale{opacity:0;transform:scale(.8);transition:all .8s cubic-bezier(.4,0,.2,1)}.animate-scale.animate-visible{opacity:1;transform:scale(1)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fff;box-shadow:0 2px 10px #0000001a;position:fixed;top:0;width:100%;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px;min-width:0}.nav-logo h2{color:#10b981;font-size:24px;font-weight:700;margin:0}.nav-logo img{height:32px;width:auto;display:block}.nav-menu{display:flex;list-style:none;gap:20px;align-items:center;flex-wrap:nowrap}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:8px;border:none;background:none;z-index:1001}.hamburger span{width:25px;height:3px;background:#10b981;margin:3px 0;transition:.3s;border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.nav-link{text-decoration:none;color:#64748b;font-weight:500;transition:color .3s ease;border:none;background:none;cursor:pointer;font-size:.9rem;white-space:nowrap;padding:8px 12px}.nav-link:hover{color:#10b981}.login-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;padding:10px 20px!important;border-radius:25px!important;font-weight:600!important;transition:all .3s ease!important;box-shadow:0 2px 8px #10b9814d!important;border:none!important}.login-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #10b98166!important;color:#fff!important}.hero{background:linear-gradient(135deg,#34d399,#059669);color:#fff;padding:120px 0 80px;min-height:100vh;display:flex;align-items:center;width:100%;overflow:hidden}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:20px;line-height:1.1}.hero-subtitle{display:block;font-size:1.5rem;font-weight:400;color:#e2e8f0;margin-top:10px}.hero-description{font-size:1.2rem;margin-bottom:40px;color:#e2e8f0;line-height:1.6}.hero-buttons{display:flex;gap:20px}.btn{padding:15px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:#10b981;color:#fff}.btn-primary:hover{background:#059669;transform:translateY(-2px)}.btn-secondary{background:transparent;color:#fff;border:2px solid white;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover{background:#fff;color:#10b981;text-decoration:none}.hero-image{display:flex;justify-content:center;align-items:center}.phone-mockup{width:380px;height:760px;background:#1f2937;border-radius:12px;padding:6px;box-shadow:0 20px 40px #00000040}.screen{width:100%;height:100%;background:#fff;border-radius:8px;overflow:hidden;position:relative}.dashboard-screenshot{width:100%;height:100%;object-fit:cover;border-radius:8px}.real-app-interface{height:100%;background:#1e293b;color:#fff;font-family:Inter,sans-serif;overflow:hidden;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#334155;border-bottom:1px solid #475569}.header-left{display:flex;align-items:center;gap:8px}.header-logo{width:24px;height:24px;background:#10b981;border-radius:4px;padding:4px}.app-title{font-size:16px;font-weight:600;color:#fff}.header-right{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-size:14px;font-weight:600;color:#fff}.user-role{font-size:12px;color:#94a3b8}.dashboard-content{padding:16px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.dashboard-card{background:#334155;border-radius:12px;padding:16px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h3{font-size:16px;font-weight:600;margin:0;color:#fff}.chart-icon{font-size:16px;color:#10b981}.tickets-stats{display:flex;flex-direction:column;gap:12px}.stat-item{display:flex;align-items:center;gap:12px;font-size:14px}.stat-item .dot{width:8px;height:8px;border-radius:50%}.stat-item.red .dot{background:#ef4444}.stat-item.orange .dot{background:#f97316}.stat-item.green .dot{background:#10b981}.stat-item .count{margin-left:auto;font-weight:600;color:#10b981}.summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary-card{background:#334155;border-radius:12px;padding:16px;text-align:center}.big-number{font-size:32px;font-weight:700;margin-bottom:8px}.big-number.green{color:#10b981}.summary-label{font-size:12px;color:#94a3b8}.welcome-card{background:#334155;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}.welcome-text{font-size:16px;font-weight:600;color:#fff}.welcome-subtitle{font-size:12px;color:#94a3b8}.app-interface{height:100%;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.interface-header{background:#10b981;color:#fff;padding:20px;text-align:center;font-weight:600;display:flex;justify-content:center;align-items:center}.app-logo{height:28px;width:auto;max-width:140px;object-fit:contain}.interface-content{padding:20px;display:flex;flex-direction:column;gap:15px}.ticket-card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;border-left:4px solid #10b981}.features{padding:100px 0;background:#f8fafc}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:20px}.section-header p{font-size:1.2rem;color:#64748b;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:30px;align-items:stretch;max-width:1000px;margin:0 auto}.feature-card{background:#fff;padding:25px 20px;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(30px);display:flex;flex-direction:column;height:100%;min-height:240px}.feature-card.animate-visible{opacity:1;transform:translateY(0)}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px #00000026}.feature-icon{font-size:2.5rem;margin-bottom:15px;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-title{font-size:1.1rem!important;font-weight:600;color:#1e293b;margin-bottom:12px;flex-grow:0;line-height:1.3}.features .feature-card .feature-title{font-size:1.1rem!important}.feature-description{color:#64748b;line-height:1.5;flex-grow:1;display:flex;align-items:center;text-align:center;font-size:.9rem}.about{padding:100px 0;background:#fff}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-text h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:30px}.about-text p{font-size:1.1rem;color:#64748b;margin-bottom:40px;line-height:1.7}.about-stats{display:flex;gap:40px}.stat{text-align:center;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.stat.animate-visible{opacity:1;transform:translateY(0)}.stat h3{font-size:2.5rem;font-weight:700;color:#10b981;margin-bottom:10px;transition:all .3s ease}.stat:hover h3{transform:scale(1.1);color:#059669}.stat p{color:#64748b;font-weight:500}.about-features h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:30px}.benefits-list{list-style:none}.benefits-list li{color:#64748b;margin-bottom:15px;font-size:1.1rem;opacity:0;transform:translate(-20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.benefits-list li.animate-visible{opacity:1;transform:translate(0)}.benefits-list li:hover{color:#10b981;transform:translate(5px)}.contact{padding:100px 0;background:#f8fafc}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:60px}.contact-info h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:30px}.contact-item{display:flex;align-items:center;gap:15px;margin-bottom:20px}.contact-icon{font-size:1.5rem}.contact-item p{color:#64748b;font-size:1.1rem}.contact-form{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 6px #0000000d}.form-group{margin-bottom:25px}.form-group input,.form-group textarea{width:100%;padding:15px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#10b981}.form-errors{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:15px;margin-bottom:20px}.error-message{color:#dc2626;margin:5px 0;font-size:14px}.form-status{border-radius:8px;padding:15px;margin-bottom:20px;border:1px solid}.form-status.success{background:#f0fdf4;border-color:#bbf7d0}.form-status.error{background:#fef2f2;border-color:#fecaca}.status-message{margin:0;font-weight:500}.form-status.success .status-message{color:#166534}.form-status.error .status-message{color:#dc2626}.form-group input:disabled,.form-group textarea:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.btn.loading{opacity:.7;cursor:not-allowed;position:relative}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.guides{padding:100px 0;background:#fff}.guides-grid{display:flex;flex-direction:column;gap:30px;margin-top:60px;max-width:800px;margin-left:auto;margin-right:auto}.guide-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;width:100%;transition:all .3s ease}.guide-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.guide-header{display:flex;align-items:center;padding:30px;cursor:pointer;transition:background-color .3s ease}.guide-header:hover{background:#f8fafc}.guide-icon{margin-right:20px;display:flex;align-items:center;justify-content:center}.guide-icon svg{transition:transform .3s ease}.guide-header:hover .guide-icon svg{transform:scale(1.1)}.guide-content{flex:1}.guide-content h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:10px}.guide-content p{color:#64748b;margin-bottom:15px;line-height:1.6}.guide-action{display:flex;align-items:center;gap:10px;color:#10b981;font-weight:600}.arrow{transition:transform .3s ease;font-size:14px}.arrow.open{transform:rotate(180deg)}.video-container{padding:0 30px 30px;background:#f8fafc}.guide-video{border-radius:8px;box-shadow:0 4px 12px #0000001a}@media (max-width: 1400px){.nav-menu{gap:18px}.nav-link{font-size:.85rem;padding:6px 10px}.login-btn{padding:8px 14px!important;font-size:.85rem!important}.features-grid{max-width:900px;gap:25px}}@media (max-width: 1200px){.nav-menu{gap:15px}.nav-link{font-size:.8rem;padding:6px 8px}.login-btn{padding:7px 12px!important;font-size:.8rem!important}.nav-logo h2{font-size:22px}.nav-logo img{height:28px}.features-grid{max-width:800px;gap:20px}.feature-card{min-height:220px;padding:20px 15px}}@media (max-width: 1024px){.nav-menu{gap:12px}.nav-link{font-size:.75rem;padding:5px 6px}.login-btn{padding:6px 10px!important;font-size:.75rem!important}.nav-logo h2{font-size:20px}.nav-logo img{height:26px}.features-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);max-width:600px}}@media (max-width: 1150px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:#fff;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;z-index:999;padding:20px 0;gap:10px;height:calc(100vh - 70px);overflow-y:auto}.nav-menu.active{left:0}.nav-item{margin:10px 0;width:100%}.nav-link{padding:15px 20px;display:block;width:100%;font-size:1.1rem;border-bottom:1px solid #f1f1f1}.nav-item.dropdown{display:flex;flex-direction:column;align-items:center}.nav-link.dropdown-toggle{justify-content:center;width:100%}.dropdown-menu{position:static!important;box-shadow:none!important;border:none!important;background:#f8fafc!important;width:100%!important;padding:0!important;display:flex;flex-direction:column}.dropdown-item{padding:15px 0!important;border-bottom:1px solid #e2e8f0;text-align:center}.login-btn{margin:20px auto!important;padding:12px 30px!important;font-size:1.1rem!important;width:auto!important;display:inline-block!important}.guides-grid{max-width:900px;gap:25px}}@media (max-width: 768px){.guides-grid{max-width:100%;gap:20px;margin:40px 10px 0}.guide-header{flex-direction:column;text-align:center;padding:20px}.guide-icon{margin-right:0;margin-bottom:15px}.video-container{padding:0 15px 20px}.guide-video{height:250px}}.footer{background:#1e293b;color:#fff;padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h3,.footer-section h4{margin-bottom:20px;font-weight:600}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#94a3b8;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#fff}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{font-size:1.5rem;text-decoration:none;transition:transform .3s ease}.social-links a:hover{transform:scale(1.2)}.footer-bottom{border-top:1px solid #374151;padding-top:20px;text-align:center;color:#94a3b8}@media (max-width: 768px){.hero{padding:100px 0 60px;min-height:100vh}.hero-container{grid-template-columns:1fr;text-align:center;gap:40px;padding:0 15px;max-width:100%}.hero-title{font-size:2.5rem}.hero-buttons{justify-content:center;flex-wrap:wrap}.hero-image{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;overflow:hidden}.about-content,.contact-content{grid-template-columns:1fr;gap:40px}.about-stats{justify-content:center}.features-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:25px;max-width:400px;margin:0 auto}.feature-card{min-height:200px;padding:25px 20px}.feature-title{font-size:1rem!important}.feature-description{font-size:.9rem}.phone-mockup{width:300px;height:600px;max-width:calc(100vw - 60px);margin:0 auto;padding:5px;border-radius:10px}.container{padding:0 15px;max-width:100%}}@media (max-width: 480px){.hero{padding:100px 0 60px;min-height:100vh}.hero-container{padding:0 10px;max-width:100%}.hero-title{font-size:2rem;line-height:1.2}.hero-subtitle{font-size:1.2rem}.section-header h2{font-size:2rem}.features,.about,.contact{padding:60px 0}.contact-form{padding:30px 20px}.container{padding:0 10px;max-width:100%}.phone-mockup{width:260px;height:520px;max-width:calc(100vw - 40px);margin:0 auto;padding:4px;border-radius:8px}.hero-image{padding:0 10px}}@media (max-width: 320px){.phone-mockup{width:220px;height:440px;max-width:calc(100vw - 30px);padding:3px;border-radius:6px}.hero-container,.container{padding:0 5px}}.qr-scanner-page .qr-demo-interface{padding:20px;background:#f8f9fa;height:100%;overflow-y:auto}.demo-device-info{background:#fff;border-radius:8px;padding:20px;margin:20px 0;box-shadow:0 2px 4px #0000001a}.demo-device-info h3{margin:0 0 15px;color:#2c3e50;font-size:18px}.info-fields{display:flex;flex-direction:column;gap:12px}.info-field{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.info-field label{font-weight:700;color:#495057}.info-field span{color:#6c757d}.demo-action-buttons{display:flex;flex-direction:column;gap:10px;margin:20px 0}.action-row{display:flex;gap:10px}.action-btn{flex:1;padding:12px 16px;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s ease}.action-btn.primary{background:#007bff;color:#fff}.action-btn.secondary{background:#6c757d;color:#fff}.action-btn.danger{background:#dc3545;color:#fff}.programacion-page .programacion-demo-interface{padding:20px;background:#f8f9fa;height:100%;overflow-y:auto}.demo-filter-tabs{display:flex;margin:15px 0;background:#fff;border-radius:8px;padding:4px}.filter-tab{flex:1;padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s ease}.filter-tab.active{background:#007bff;color:#fff}.demo-tasks-list{display:flex;flex-direction:column;gap:12px}.task-item{background:#fff;border-radius:8px;padding:15px;border-left:4px solid #ddd;box-shadow:0 2px 4px #0000001a}.task-item.priority-high{border-left-color:#dc3545}.task-item.priority-medium{border-left-color:#ffc107}.task-item.priority-low{border-left-color:#28a745}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.task-title{font-weight:700;color:#2c3e50;font-size:14px}.task-priority{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700}.task-item.priority-high .task-priority{background:#f8d7da;color:#721c24}.task-item.priority-medium .task-priority{background:#fff3cd;color:#856404}.task-item.priority-low .task-priority{background:#d4edda;color:#155724}.task-details{margin:10px 0;font-size:12px;color:#6c757d}.task-details p{margin:2px 0}.task-status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:700;margin-top:8px}.task-status.pending{background:#fff3cd;color:#856404}.task-status.in-progress{background:#cce5ff;color:#004085}.task-status.scheduled{background:#e2e3e5;color:#383d41}.add-button{background:#007bff;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;cursor:pointer}.back-to-home-btn{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.back-to-home-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.nav-container{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-link{background:none;border:none;color:inherit;font-size:inherit;font-family:inherit;cursor:pointer;text-decoration:none;padding:0;transition:color .3s ease}.nav-link:hover{color:#007bff}.feature-card-link{display:block;text-decoration:none;color:inherit}.feature-card.clickable{cursor:pointer;transition:all .3s ease}.feature-card.clickable:hover{transform:translateY(-8px);box-shadow:0 12px 32px #007bff26}.feature-action{margin-top:15px;padding-top:15px;border-top:1px solid #eee;color:#007bff;font-weight:600;font-size:14px}.feature-page{padding:120px 0 80px;min-height:100vh}.feature-page-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto}.feature-info{max-width:100%;text-align:left}.feature-title{font-size:2.5rem;color:#2c3e50;margin-bottom:1.5rem;line-height:1.2;text-align:left}.feature-description{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:2rem;text-align:left;max-width:100%}.feature-benefits{margin:2rem 0;text-align:left}.feature-benefits h3{color:#2c3e50;margin-bottom:1.5rem;font-size:1.4rem;text-align:left}.feature-benefits ul{list-style:none;padding:0}.feature-benefits li{margin:.8rem 0;font-size:1rem;color:#555;line-height:1.5}.feature-stats{display:flex;flex-direction:row;gap:20px;margin:0;justify-content:center}.feature-stats-section{margin:60px 0 0;padding:0}.stat-card{background:linear-gradient(135deg,#34d399,#059669);color:#fff;padding:20px;border-radius:12px;text-align:center;flex:1;max-width:300px}.stat-card h4{margin:0 0 10px;font-size:14px;opacity:.9}.stat-number{font-size:2rem;font-weight:700;display:block}.feature-demo{display:flex;justify-content:center;align-items:center;margin:0}.demo-phone{width:280px;height:560px;position:relative;margin:0;overflow:hidden;border-radius:20px}.phone-frame{width:100%;height:100%;background:#1f2937;border-radius:20px;padding:3px;box-shadow:0 15px 35px #0003;position:relative;overflow:hidden}.phone-screen{width:100%;height:100%;background:#fff;border-radius:8px;overflow:hidden;position:relative}.demo-screenshot{width:102%!important;height:102%!important;object-fit:cover!important;position:absolute!important;top:-1%!important;left:-1%!important;border-radius:0!important}@media (max-width: 768px){.feature-page-content{grid-template-columns:1fr;gap:40px;text-align:center}.feature-title{font-size:2rem;text-align:center}.feature-description{font-size:1rem;text-align:center}.feature-benefits{text-align:center}.feature-benefits h3{font-size:1.2rem;text-align:center}.feature-stats{flex-direction:column;gap:15px}.feature-stats-section{margin:40px 0 0}.back-to-home-btn{font-size:12px;padding:6px 12px}.demo-phone{width:220px;height:440px;max-width:calc(100vw - 60px);margin:0 auto;border-radius:18px}.phone-frame{padding:2px;border-radius:18px}.phone-screen,.demo-screenshot{border-radius:16px}.feature-demo{padding:0 15px;max-width:100%;overflow:hidden}}@media (max-width: 480px){.feature-page-content{gap:25px}.feature-title{font-size:1.8rem;text-align:center}}.demo-page{padding-top:80px;min-height:100vh;background:#f0f2f5;display:flex;justify-content:center;align-items:flex-start;padding-bottom:40px}.demo-container{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;gap:40px}.demo-header-section{text-align:center;margin-bottom:20px}.demo-title{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:10px}.demo-subtitle{font-size:1.2rem;color:#64748b}.demo-phone-container{display:flex;justify-content:center;width:100%}.demo-phone{width:375px;height:812px;background:#1f2937;border-radius:40px;padding:12px;box-shadow:0 25px 50px -12px #00000040;position:relative}.demo-phone-frame{width:100%;height:100%;background:#fff;border-radius:32px;overflow:hidden;position:relative}.demo-screen{width:100%;height:100%;background:#f3f4f6;overflow-y:auto;display:flex;flex-direction:column}.demo-header{background:#fff;padding:0 16px 16px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.demo-status-bar{height:44px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:#1f2937}.demo-status-icons{display:flex;gap:4px;align-items:center}.demo-app-header{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.demo-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.2rem;color:#10b981}.demo-user-info{text-align:right;line-height:1.2}.demo-user-info div{font-weight:600;font-size:.9rem}.demo-user-info small{color:#6b7280;font-size:.75rem}.demo-content{padding:16px;display:flex;flex-direction:column;gap:16px}.demo-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 1px 3px #0000001a}.demo-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.demo-card-header h3{font-size:1rem;font-weight:600;color:#1f2937}.demo-chart-icon{font-size:1.2rem}.demo-stats{display:flex;flex-direction:column;gap:8px}.demo-stat-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.demo-stat-label{display:flex;align-items:center;gap:6px;color:#4b5563}.demo-stat-value{font-weight:600;color:#1f2937}.demo-stat-percent{color:#6b7280;font-size:.8rem;width:40px;text-align:right}.demo-total{margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6;font-weight:600;color:#4b5563;font-size:.9rem}.demo-devices .demo-device-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem}.demo-device-label{display:flex;align-items:center;gap:6px;color:#4b5563}.demo-quick-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-quick-stat{background:#fff;border-radius:12px;padding:16px;text-align:center;box-shadow:0 1px 3px #0000001a}.demo-quick-number{font-size:1.5rem;font-weight:700;color:#10b981}.demo-quick-label{font-size:.8rem;color:#6b7280;margin-top:4px}.demo-nav-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.demo-nav-item{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:8px 4px}.demo-nav-icon{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 1px 3px #0000001a;color:#10b981}.demo-nav-item span:last-child{font-size:.7rem;color:#4b5563;font-weight:500;text-align:center}.demo-nav-header{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.demo-back-btn,.demo-menu-btn{background:none;border:none;font-size:1.2rem;color:#4b5563;cursor:pointer;padding:4px}.demo-nav-header h2{font-size:1.1rem;font-weight:600;color:#1f2937}.demo-search-bar{display:flex;gap:8px;margin-bottom:16px}.demo-search-bar input{flex:1;padding:10px 16px;border-radius:20px;border:1px solid #e5e7eb;background:#fff;font-size:.9rem}.demo-filter-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer}.demo-ticket-list{display:flex;flex-direction:column;gap:12px}.demo-ticket-item{background:#fff;border-radius:12px;padding:16px;display:flex;gap:12px;box-shadow:0 1px 2px #0000000d}.demo-ticket-status{width:40px;height:40px;background:#ecfdf5;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.demo-ticket-content{flex:1}.demo-ticket-header{display:flex;justify-content:space-between;margin-bottom:4px}.demo-ticket-state{font-size:.7rem;font-weight:700;color:#10b981;background:#ecfdf5;padding:2px 6px;border-radius:4px}.demo-priority{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px}.demo-priority.high{background:#fef2f2;color:#dc2626}.demo-priority.low{background:#f0fdf4;color:#16a34a}.demo-ticket-content h4{font-size:.95rem;font-weight:600;color:#1f2937;margin-bottom:2px}.demo-ticket-date{font-size:.75rem;color:#9ca3af;margin-bottom:8px}.demo-ticket-desc{font-size:.85rem;color:#4b5563;margin-bottom:8px;line-height:1.4}.demo-ticket-footer{display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280;border-top:1px solid #f3f4f6;padding-top:8px}.demo-inventory-list{display:flex;flex-direction:column;gap:12px}.demo-inventory-item{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 2px #0000000d}.demo-device-icon{width:40px;height:40px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.demo-device-info{flex:1}.demo-device-info h4{font-size:.9rem;font-weight:600;color:#1f2937}.demo-device-info p{font-size:.8rem;color:#6b7280}.demo-device-details{text-align:right}.demo-device-details span{display:block;font-size:.8rem;font-weight:600;color:#4b5563}.demo-device-details small{font-size:.7rem;color:#9ca3af}.demo-bottom-nav{margin-top:auto;background:#fff;padding:12px;border-radius:16px;display:flex;justify-content:space-around;box-shadow:0 -2px 10px #0000000d}.demo-nav-tab{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;color:#9ca3af;cursor:pointer}.demo-nav-tab.active{color:#10b981}.demo-nav-tab span:first-child{font-size:1.2rem}.demo-calendar{background:#fff;border-radius:16px;padding:16px}.demo-calendar-days{display:flex;justify-content:space-between;margin:16px 0}.demo-day{text-align:center;font-size:.8rem;padding:8px;border-radius:8px;color:#6b7280}.demo-day.active{background:#10b981;color:#fff}.demo-event{background:#ecfdf5;padding:12px;border-radius:8px;border-left:4px solid #10b981}.demo-event h4{font-size:.9rem;color:#1f2937;margin-bottom:4px}.demo-event p{font-size:.8rem;color:#6b7280}.demo-monitoring-grid{display:grid;grid-template-columns:1fr;gap:12px}.demo-monitor-card{background:#fff;border-radius:12px;padding:16px;border:1px solid #e5e7eb}.demo-monitor-card.critical{border-color:#fca5a5;background:#fef2f2}.demo-monitor-card h4{font-size:1rem;font-weight:700;margin-bottom:8px}.demo-monitor-card p{font-size:.9rem;margin-bottom:4px;color:#4b5563}@media (max-width: 480px){.demo-phone{width:100%;height:100vh;border-radius:0}.demo-phone-frame{border-radius:0}}.dashboard-nav{display:flex;gap:1rem;align-items:center;position:relative;z-index:5000}.dashboard-hamburger{display:none;margin-left:auto;z-index:6000}.dash-btn{background:linear-gradient(135deg,#34d399,#059669);border:none;color:#fff;padding:.6rem 1.2rem;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #34d3994d;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.dash-btn:hover,.dash-btn.active{background:linear-gradient(135deg,#059669,#34d399);box-shadow:0 6px 20px #05966966;transform:translateY(-2px)}.dash-btn-home{background:#fff3;border:2px solid #34d399;color:#34d399;box-shadow:none;margin-right:0}.dash-btn-home:hover{background:#34d399;color:#fff}.dash-btn-logout{background:linear-gradient(135deg,#ff4757,#ff3742);box-shadow:0 4px 15px #ff47574d}.dash-btn-logout:hover{background:linear-gradient(135deg,#ff3742,#ff4757);box-shadow:0 6px 20px #ff475766}@media (max-width: 1150px){.dashboard-hamburger{display:flex;z-index:1001}.dashboard-nav{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);flex-direction:column;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;transition:.3s cubic-bezier(.4,0,.2,1);z-index:1000;overflow-y:auto;box-shadow:0 10px 30px #0000001a}.dashboard-nav.active{left:0}.dash-btn{width:100%;margin-bottom:1rem;padding:1rem;font-size:1.1rem;justify-content:center}.dash-btn-home{margin-bottom:1.5rem}}.dropdown-item:hover{background-color:#f1f5f9}