@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');:root {--primary: #0A2540;--primary-light: #1A365D;--accent: #00D4B2;--accent-hover: #00B294;--blue-glow: #0070F3;--dark: #07162C;--light: #F4F6F9;--muted: #6B7C93;--white: #FFFFFF;--font-heading: 'Outfit', sans-serif;--font-body: 'Plus Jakarta Sans', sans-serif;--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--shadow: 0 10px 30px rgba(10, 37, 64, 0.05), 0 1px 3px rgba(10, 37, 64, 0.02);--shadow-lg: 0 20px 40px rgba(10, 37, 64, 0.1), 0 1px 10px rgba(10, 37, 64, 0.05);}body {font-family: var(--font-body);background-color: var(--white);color: var(--primary);overflow-x: hidden;line-height: 1.6;}h1, h2, h3, h4, h5, h6 {font-family: var(--font-heading);font-weight: 700;color: var(--primary);}.text-gradient {background: linear-gradient(135deg, var(--primary) 30%, var(--blue-glow) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.bg-tech-gradient {background: linear-gradient(135deg, var(--primary) 0%, var(--dark) 100%);color: var(--white) !important;}.main-content {min-height: 70vh;}.top-header {background-color: var(--primary);color: var(--white);font-size: 0.85rem;padding: 6px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1);font-weight: 500;}.top-header a {color: var(--white);text-decoration: none;transition: var(--transition);}.top-header a:hover {color: var(--accent);}.top-header .divider {color: rgba(255, 255, 255, 0.2);margin: 0 8px;}.top-header .btn-top {font-size: 0.75rem;padding: 2px 8px;border-radius: 4px;font-weight: 600;text-transform: uppercase;}.navbar {padding: 0.8rem 0;background: var(--white) !important;box-shadow: var(--shadow);transition: var(--transition);}.navbar-brand img {height: 42px;}.nav-link {font-family: var(--font-heading);font-weight: 600;font-size: 0.95rem;color: var(--primary) !important;padding: 0.5rem 1rem !important;transition: var(--transition);position: relative;}.nav-link:hover, .nav-link.active {color: var(--blue-glow) !important;}.nav-link::after {content: '';position: absolute;bottom: 0;left: 1rem;right: 1rem;height: 2px;background-color: var(--blue-glow);transform: scaleX(0);transition: var(--transition);}.nav-link:hover::after, .nav-link.active::after {transform: scaleX(1);}.dropdown-mega {position: static !important;}.dropdown-mega .dropdown-menu {width: 100%;left: 0;right: 0;border: none;border-radius: 0 0 16px 16px;box-shadow: var(--shadow-lg);padding: 2rem;background-color: var(--white);margin-top: 0;opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.25s ease;display: block;}.dropdown-mega:hover .dropdown-menu,.dropdown:hover > .dropdown-menu {opacity: 1;visibility: visible;transform: translateY(0);}.mega-menu-title {font-family: var(--font-heading);font-weight: 700;font-size: 0.85rem;text-transform: uppercase;color: var(--blue-glow);letter-spacing: 1px;margin-bottom: 1rem;border-bottom: 1px solid var(--light);padding-bottom: 0.5rem;}.mega-menu-link {color: var(--primary) !important;text-decoration: none;display: flex;align-items: center;padding: 6px 0;font-size: 0.9rem;font-weight: 500;transition: var(--transition);}.mega-menu-link i {font-size: 1.1rem;margin-right: 8px;color: var(--muted);transition: var(--transition);}.mega-menu-link:hover {color: var(--blue-glow) !important;padding-left: 5px;}.mega-menu-link:hover i {color: var(--accent);}.dropdown-menu {border: none;border-radius: 8px;box-shadow: var(--shadow-lg);opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.2s ease;display: block;}.dropdown-menu .dropdown-item {font-weight: 500;padding: 8px 20px;color: var(--primary);transition: var(--transition);}.dropdown-menu .dropdown-item:hover {background-color: var(--light);color: var(--blue-glow);padding-left: 24px;}.hero-slider {position: relative;background-color: var(--primary);}.hero-slider .carousel-item {min-height: 550px;background-size: cover;background-position: center;position: relative;}.slide-overlay {position: absolute;top: 0; left: 0; width: 100%; height: 100%;background: linear-gradient(90deg, rgba(7, 22, 44, 0.9) 0%, rgba(10, 37, 64, 0.6) 100%);z-index: 1;}.hero-slide-wrapper {display: flex;align-items: center;width: 100%;min-height: 580px;padding: 120px 0 80px 0;position: relative;z-index: 2;}.hero-slider h1 {font-size: 3.5rem;font-weight: 800;line-height: 1.15;margin-bottom: 1.5rem;letter-spacing: -1px;}.hero-slider p {font-size: 1.2rem;color: #E2E8F0;margin-bottom: 2rem;}.hero-slider .btn-hero {padding: 12px 30px;font-weight: 600;font-size: 1rem;border-radius: 30px;transition: var(--transition);}.feature-card, .solution-card, .industry-card {background: var(--white);border: 1px solid rgba(10, 37, 64, 0.05);border-radius: 16px;padding: 2.5rem 2rem;box-shadow: var(--shadow);transition: var(--transition);height: 100%;position: relative;overflow: hidden;}.feature-card::before, .solution-card::before, .industry-card::before {content: '';position: absolute;top: 0; left: 0; width: 4px; height: 100%;background: var(--blue-glow);transform: scaleY(0);transition: var(--transition);transform-origin: bottom;}.feature-card:hover, .solution-card:hover, .industry-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-lg);}.feature-card:hover::before, .solution-card:hover::before, .industry-card:hover::before {transform: scaleY(1);}.card-icon {width: 60px;height: 60px;background-color: var(--light);color: var(--blue-glow);border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 1.8rem;margin-bottom: 1.5rem;transition: var(--transition);}.feature-card:hover .card-icon,.solution-card:hover .card-icon,.industry-card:hover .card-icon {background-color: var(--blue-glow);color: var(--white);}.sticky-widgets {position: fixed;bottom: 30px;right: 30px;display: flex;flex-direction: column;gap: 12px;z-index: 1000;}.sticky-btn {width: 54px;height: 54px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white);font-size: 1.5rem;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);text-decoration: none !important;transition: var(--transition);position: relative;}.sticky-btn:hover {transform: scale(1.1) rotate(5deg);color: var(--white);}.sticky-whatsapp {background-color: #25D366;}.sticky-call {background-color: #007bff;}.floating-demo-btn {position: fixed;right: -55px;top: 50%;transform: translateY(-50%) rotate(-90deg);background-color: var(--accent);color: var(--primary);padding: 10px 20px;font-weight: 700;text-transform: uppercase;font-size: 0.8rem;letter-spacing: 1px;border-radius: 8px 8px 0 0;box-shadow: 0 0 10px rgba(0,0,0,0.1);z-index: 999;text-decoration: none !important;transition: var(--transition);}.floating-demo-btn:hover {background-color: var(--accent-hover);color: var(--primary);right: -45px;}.showcase-tabs .nav-link {color: var(--primary);font-weight: 600;border: none;border-left: 3px solid var(--light);border-radius: 0;padding: 15px 25px;text-align: left;transition: var(--transition);}.showcase-tabs .nav-link.active {color: var(--blue-glow) !important;background-color: var(--light);border-left-color: var(--blue-glow);}.showcase-img-container {background: #000;padding: 10px;border-radius: 12px;box-shadow: var(--shadow-lg);}.showcase-img-container img {border-radius: 8px;opacity: 0.9;}.stat-box {text-align: center;padding: 2rem;border-right: 1px solid rgba(255,255,255,0.1);}.stat-box:last-child {border-right: none;}.stat-number {font-family: var(--font-heading);font-weight: 800;font-size: 3.2rem;color: var(--accent);line-height: 1;margin-bottom: 0.5rem;}.stat-label {color: #E2E8F0;font-weight: 600;font-size: 0.95rem;}.accordion-item {border: 1px solid rgba(10, 37, 64, 0.05);border-radius: 12px !important;margin-bottom: 1rem;overflow: hidden;box-shadow: var(--shadow);}.accordion-button {font-weight: 600;color: var(--primary);background-color: var(--white);padding: 1.2rem 1.5rem;}.accordion-button:not(.collapsed) {color: var(--blue-glow);background-color: var(--light);box-shadow: none;}.accordion-button::after {background-size: 1rem;}.app-section {position: relative;border-radius: 24px;overflow: hidden;padding: 4rem;}.app-mockup {max-height: 420px;object-fit: contain;filter: drop-shadow(0 20px 30px rgba(0,0,0,0.3));}.qr-code {width: 110px;height: 110px;background: var(--white);padding: 8px;border-radius: 8px;display: inline-block;}.product-hero {background: linear-gradient(135deg, #0A2540 0%, #030F20 100%);color: var(--white);padding: 4rem 0;}.spec-table th {background-color: var(--light);color: var(--primary);width: 30%;}.spec-table td, .spec-table th {padding: 12px 18px;}.enterprise-badge {background-color: rgba(0, 212, 178, 0.15);color: var(--accent);font-weight: 700;text-transform: uppercase;font-size: 0.75rem;padding: 4px 10px;border-radius: 20px;display: inline-block;letter-spacing: 0.5px;}.modal-content {border-radius: 16px;border: none;overflow: hidden;}.modal-header {background-color: var(--primary);color: var(--white);border-bottom: none;padding: 1.5rem 2rem;}.modal-body {padding: 2rem;}footer {background-color: var(--primary);color: #94A3B8;font-size: 0.9rem;border-top: 5px solid var(--blue-glow);}footer h5, footer h6 {color: var(--white);font-weight: 700;margin-bottom: 1.5rem;}footer a {color: #94A3B8;text-decoration: none;transition: var(--transition);}footer a:hover {color: var(--accent);padding-left: 4px;}footer hr {border-color: rgba(255, 255, 255, 0.1);}@media (max-width: 991px) {.dropdown-mega .dropdown-menu {position: relative !important;opacity: 1 !important;visibility: visible !important;transform: none !important;padding: 1rem;box-shadow: none;border-radius: 0;display: none;}.dropdown-mega.show .dropdown-menu {display: block;}.top-header {display: none;}.hero-slider .carousel-item {min-height: 450px;}.hero-slide-wrapper {min-height: 450px;padding: 80px 0 40px 0;}.hero-slider h1 {font-size: 2.2rem;}.stat-box {border-right: none;border-bottom: 1px solid rgba(255,255,255,0.1);}.stat-box:last-child {border-bottom: none;}.app-section {padding: 2rem;}.floating-demo-btn {display: none;}}