*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.flex{display:flex}.w-full{width:100%}.rotate-180{--tw-rotate:180deg}.rotate-180,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:.75rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.bg-green-500\/20{background-color:rgb(34 197 94/.2)}.bg-red-500\/20{background-color:rgb(239 68 68/.2)}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-semibold{font-weight:600}.text-green-300{--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.section-padding{padding:5rem 1rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#002640;--primary-light:#003d5c;--primary-dark:#001a2e;--secondary-color:#a60101;--accent-color:#a60101;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--gradient-primary:linear-gradient(90deg,black,#002640);--gradient-secondary:linear-gradient(135deg,#a60101,#d10000);--gradient-accent:linear-gradient(135deg,#002640,#004080);--gradient-success:linear-gradient(135deg,#11998e,#38ef7d);--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#f9fafb;--bg-secondary:#ffffff;--bg-tertiary:#f3f4f6;--text-primary:#1f2937;--text-secondary:#374151;--text-tertiary:#6b7280;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--radius-sm:0.25rem;--radius:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease}[data-theme=dark]{--primary-color:#002640;--primary-light:#003d5c;--primary-dark:#001a2e;--secondary-color:#a60101;--accent-color:#a60101;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--gradient-primary:linear-gradient(90deg,#0a0a0f,#1a1a2e);--gradient-secondary:linear-gradient(135deg,#a60101,#d10000);--gradient-accent:linear-gradient(135deg,#1e3a8a,#3b82f6);--gradient-success:linear-gradient(135deg,#11998e,#38ef7d);--gray-50:#1a1a24;--gray-100:#232338;--gray-200:#2d2d42;--gray-300:#3a3a52;--gray-400:#52527a;--gray-500:#6b6b95;--gray-600:#8585ad;--gray-700:#a3a3c2;--gray-800:#c4c4d6;--gray-900:#e8e8f0;--bg-primary:#0c0c14;--bg-secondary:#161621;--bg-tertiary:#1f1f2e;--text-primary:#f8f9fa;--text-secondary:#e9ecef;--text-tertiary:#adb5bd;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.4);--shadow:0 1px 3px 0 rgb(0 0 0/0.5),0 1px 2px -1px rgb(0 0 0/0.5);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.5),0 2px 4px -2px rgb(0 0 0/0.5);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.5),0 4px 6px -4px rgb(0 0 0/0.5);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.6),0 8px 10px -6px rgb(0 0 0/0.6)}body{font-family:var(--font-family);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);scroll-behavior:smooth;transition:background-color var(--transition-normal),color var(--transition-normal)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.theme-toggle{position:relative;width:50px;height:50px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-4)}.theme-toggle:disabled{cursor:not-allowed;opacity:.6}.theme-toggle:hover:not(:disabled){background:rgba(255,255,255,.2);border-color:var(--secondary-color);transform:scale(1.1)}.toggle-icon{color:white;font-size:var(--font-size-lg);transition:all var(--transition-normal)}.theme-toggle:hover:not(:disabled) .toggle-icon{color:var(--secondary-color);transform:rotate(20deg)}[data-theme=dark] .theme-toggle{background:rgba(74,144,226,.1);border-color:rgba(74,144,226,.3)}[data-theme=dark] .theme-toggle:hover:not(:disabled){background:rgba(74,144,226,.2);border-color:var(--secondary-color)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(0,38,64,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(166,1,1,.3);transition:all var(--transition-normal)}[data-theme=dark] .navbar{background:rgba(15,15,35,.95);border-bottom-color:rgba(255,107,107,.3)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4);justify-content:space-between;height:70px}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{gap:var(--spacing-3);color:white;font-size:var(--font-size-lg);font-weight:600}.nav-logo i{font-size:var(--font-size-2xl);color:var(--secondary-color)}.nav-menu{display:flex;list-style:none;gap:var(--spacing-8);margin:0;padding:0;align-items:center}.nav-link{color:white;text-decoration:none;font-weight:500;font-size:var(--font-size-sm);transition:color var(--transition-normal);background:none;border:none;cursor:pointer}.nav-link:hover{color:var(--secondary-color)}.nav-link:after{content:"";display:block;width:0;height:2px;background:var(--secondary-color);transition:width var(--transition-normal);margin-top:2px}.nav-link:hover:after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:4px}.hamburger span{width:25px;height:3px;background:white;transition:all var(--transition-normal);border-radius:2px}.hero{min-height:100vh;display:flex;align-items:center;position:relative;background:var(--gradient-primary);overflow:hidden;color:white}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.hero-shapes{position:relative;width:100%;height:100%}.shape{position:absolute;border-radius:50%;opacity:.1;animation:float 6s ease-in-out infinite}.shape-1{width:300px;height:300px;background:var(--secondary-color);top:10%;left:10%;animation-delay:0s}.shape-2{width:200px;height:200px;background:var(--accent-color);top:60%;right:15%;animation-delay:2s}.shape-3{width:150px;height:150px;background:var(--success-color);bottom:20%;left:60%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center;position:relative;z-index:2}.hero-text{display:flex;flex-direction:column;gap:var(--spacing-6)}.hero-title.animate-out{opacity:0;transform:translateY(30px);transition:all .8s ease}.hero-title.animate-in{opacity:1;transform:translateY(0);transition:all .8s ease}.hero-subtitle.animate-out{opacity:0;transform:translateY(30px);transition:all .8s ease}.hero-subtitle.animate-in{opacity:1;transform:translateY(0);transition:all .8s ease}.hero-benefits.animate-out{opacity:0;transform:translateY(30px);transition:all .8s ease}.hero-benefits.animate-in{opacity:1;transform:translateY(0);transition:all .8s ease}.hero-benefits.animate-in .benefit-item{animation:fadeInUp .6s ease forwards}.hero-benefits.animate-in .benefit-item:first-child{animation-delay:.1s}.hero-benefits.animate-in .benefit-item:nth-child(2){animation-delay:.2s}.hero-benefits.animate-in .benefit-item:nth-child(3){animation-delay:.3s}.hero-benefits.animate-in .benefit-item:nth-child(4){animation-delay:.4s}.hero-benefits.animate-out .benefit-item{opacity:0;transform:translateY(20px)}.hero-visual.animate-out{opacity:0;transform:translateX(50px);transition:all .8s ease}.hero-visual.animate-in{opacity:1;transform:translateX(0);transition:all .8s ease}.hero-title.animate-in .gradient-text{background:linear-gradient(45deg,var(--secondary-color),var(--accent-color),var(--secondary-color));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-visual.animate-in .dashboard-mockup{animation:slideInScale .8s ease forwards,pulse 3s ease-in-out 1s infinite}@keyframes slideInScale{0%{opacity:0;transform:scale(.8) translateX(30px)}to{opacity:1;transform:scale(1) translateX(0)}}.hero-visual.animate-in .flight-row{animation:fadeInUp .6s ease forwards}.hero-visual.animate-in .flight-row:first-child{animation-delay:.2s}.hero-visual.animate-in .flight-row:nth-child(2){animation-delay:.4s}.hero-visual.animate-in .flight-row:nth-child(3){animation-delay:.6s}.hero-visual.animate-out .flight-row{opacity:0;transform:translateY(20px)}.hero-title{font-size:var(--font-size-5xl);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-4)}.gradient-text{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-top:var(--spacing-2)}.hero-subtitle{font-size:var(--font-size-xl);color:rgba(255,255,255,.9);font-weight:300;margin-bottom:var(--spacing-6)}.hero-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin:var(--spacing-6) 0}.benefit-item{display:flex;align-items:center;gap:var(--spacing-3)}.benefit-item i{color:var(--secondary-color);font-size:var(--font-size-lg)}.hero-visual{display:flex;justify-content:center;align-items:center}.dashboard-mockup{background:var(--bg-secondary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);animation:pulse 3s ease-in-out infinite;max-width:400px;width:100%}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mockup-header{background:var(--gray-100);padding:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3)}.mockup-dots{display:flex;gap:var(--spacing-2)}.mockup-dots span{width:12px;height:12px;border-radius:50%}.mockup-dots span:first-child{background:#ff5f56}.mockup-dots span:nth-child(2){background:#ffbd2e}.mockup-dots span:nth-child(3){background:#27ca3f}.mockup-title{font-weight:600;color:var(--text-secondary)}.flight-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--gray-200);align-items:center}.flight-number{font-weight:600;color:var(--primary-color)}.status-boarding{background:rgba(16,185,129,.1);color:var(--success-color)}.status-departed{background:rgba(59,130,246,.1);color:#7dd3fc}.status-delayed{background:rgba(245,158,11,.1);color:var(--warning-color)}.status-on-time{background:rgba(16,185,129,.15);color:var(--success-color);border:1px solid rgba(16,185,129,.3)}.problem-section{padding:var(--spacing-24) 0;background:var(--bg-tertiary)}.problems-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-8)}.problem-card{background:var(--bg-secondary);padding:var(--spacing-8);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);transition:transform var(--transition-normal)}.problem-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.problem-icon{width:80px;height:80px;background:rgba(220,38,127,.1);border:3px solid rgba(220,38,127,.2);color:var(--secondary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6);font-size:var(--font-size-2xl)}[data-theme=dark] .problem-icon{background:rgba(166,1,1,.1);border-color:rgba(166,1,1,.2)}.problem-card h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-4);color:var(--text-primary)}.problem-card ul{text-align:left;list-style:none}.problem-card li{position:relative;padding-left:var(--spacing-6);margin-bottom:var(--spacing-3);color:var(--text-tertiary)}.problem-card li:before{content:"✗";position:absolute;left:0;top:0;color:var(--error-color);font-weight:700}.section-header{text-align:center;margin-bottom:var(--spacing-16)}.section-header h2{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-4);color:var(--text-primary)}.section-header p{font-size:var(--font-size-lg);color:var(--text-tertiary);max-width:600px;margin:0 auto;line-height:1.7}.stats-section{margin-bottom:var(--spacing-20);background:var(--gradient-accent);border-radius:var(--radius-xl);padding:var(--spacing-12) var(--spacing-8)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-8);text-align:center}.stat-item{color:white}.stat-number{font-size:var(--font-size-5xl);font-weight:900;color:var(--secondary-color);line-height:1;margin-bottom:var(--spacing-2)}.stat-label{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-1)}.stat-desc{font-size:var(--font-size-sm);opacity:.8}.features-section{padding:var(--spacing-24) 0;background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-8)}.feature-card{background:var(--bg-secondary);padding:var(--spacing-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;transition:transform var(--transition-normal);border:1px solid var(--gray-200)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.feature-icon{width:80px;height:80px;background:var(--gradient-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6);color:white;font-size:var(--font-size-2xl)}.feature-card h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-4);color:var(--text-primary)}.feature-card p{color:var(--text-tertiary);line-height:1.7}.feature-tech{margin-top:var(--spacing-4);display:flex;gap:var(--spacing-2);justify-content:center;flex-wrap:wrap}.tech-tag{background:var(--gray-100);color:var(--text-secondary);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500}.specifications-section{padding:var(--spacing-24) 0;background:white}[data-theme=dark] .specifications-section{background:var(--bg-primary)}[data-theme=dark] .spec-category{background:var(--bg-secondary);border-color:var(--gray-200)}[data-theme=dark] .language-note{background:var(--gray-100)}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-8)}.spec-category{background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--gray-200);transition:all var(--transition-normal)}.spec-category:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--accent-color)}.spec-header{background:var(--gradient-primary);color:white;padding:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-3)}.spec-header i{font-size:var(--font-size-2xl);color:#a60101}.spec-header h3{font-size:var(--font-size-xl);font-weight:600;margin:0}.spec-items{padding:var(--spacing-6)}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) 0;border-bottom:1px solid var(--gray-200)}.spec-item:last-child{border-bottom:none}.spec-label{font-weight:500;color:var(--gray-700)}.spec-label,.spec-value{font-size:var(--font-size-base)}.spec-value{font-weight:600;color:var(--accent-color);text-align:right}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.language-tag{background:var(--gradient-accent);color:white;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;text-align:center;transition:all var(--transition-fast);cursor:default;display:inline-block}.language-tag:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--gradient-secondary)}.language-note{font-size:var(--font-size-sm);color:var(--gray-600);font-style:italic;text-align:center;margin:0;padding:var(--spacing-3);background:var(--gray-50);border-radius:var(--radius)}@media (max-width:768px){.specs-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.spec-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.spec-value{text-align:left;font-size:var(--font-size-lg)}.language-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-2)}.language-tag{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}}.tech-section{padding:var(--spacing-24) 0;background:var(--bg-secondary)}.tech-stacks{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-12)}.tech-stack h3{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-8);color:var(--text-primary);text-align:center}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6)}.tech-item{background:var(--gray-50);padding:var(--spacing-6);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-4);transition:all var(--transition-normal)}.tech-item:hover{background:var(--bg-secondary);box-shadow:var(--shadow-md)}.tech-icon{width:60px;height:60px;background:var(--gradient-accent);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:white;font-size:var(--font-size-xl)}.tech-icon.typescript{background:linear-gradient(135deg,#7dd3fc,#93c5fd)}.tech-info h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.tech-info p{font-size:var(--font-size-sm);color:var(--text-tertiary)}.architecture-section{padding:var(--spacing-24) 0;background:var(--bg-tertiary)}.architecture-diagram{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-8)}.arch-layer{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-8);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.arch-layer h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-6);color:var(--primary-color);text-align:center}.arch-components{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6)}.arch-component{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--gray-50);border-radius:var(--radius);transition:all var(--transition-normal)}.arch-component i{font-size:var(--font-size-2xl);color:var(--secondary-color)}.arch-component span{font-weight:500;color:var(--text-secondary);text-align:center}.arch-connection{position:relative;text-align:center;padding:var(--spacing-4) 0}.connection-line{height:2px;background:var(--gradient-secondary);margin-bottom:var(--spacing-2)}.arch-connection span{font-size:var(--font-size-sm);color:var(--text-tertiary);font-style:italic}.benefits-section{padding:var(--spacing-24) 0;background:var(--bg-secondary)}.benefits-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-8);margin-bottom:var(--spacing-20);max-width:1000px;margin-left:auto;margin-right:auto}.comparison-side{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-8);box-shadow:var(--shadow-md)}.comparison-side h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-6);text-align:center}.traditional h3{color:var(--error-color)}.modern h3{color:var(--success-color)}.comparison-items{display:flex;flex-direction:column;gap:var(--spacing-4)}.comparison-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius)}.comparison-item.negative{background:rgba(239,68,68,.1)}.comparison-item.positive{background:rgba(16,185,129,.1)}[data-theme=dark] .comparison-item.negative{background:rgba(255,107,107,.1)}[data-theme=dark] .comparison-item.positive{background:rgba(81,207,102,.1)}.comparison-item i{font-size:var(--font-size-lg)}.comparison-item.negative i{color:var(--error-color)}.comparison-item.positive i{color:var(--success-color)}.comparison-divider,.vs-circle{display:flex;align-items:center;justify-content:center}.vs-circle{width:60px;height:60px;background:var(--gradient-secondary);border-radius:50%;color:white;font-weight:700;font-size:var(--font-size-lg);box-shadow:var(--shadow-lg)}.savings-highlight{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8)}.savings-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-8);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--spacing-6);transition:all var(--transition-normal)}.savings-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.savings-icon{width:80px;height:80px;background:var(--gradient-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:var(--font-size-2xl)}.savings-content h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-2);color:var(--text-primary)}.savings-content p{color:var(--text-tertiary);line-height:1.6}.pricing-section{padding:var(--spacing-24) 0;background:var(--bg-tertiary)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-8);margin-bottom:var(--spacing-16)}.pricing-card{background:var(--bg-secondary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative}.pricing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.pricing-card.popular{border:3px solid var(--secondary-color)}.pricing-card.popular:hover{border-color:var(--primary-color)}.pricing-card.popular:before{content:"Most Popular";position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--gradient-secondary);color:white;padding:var(--spacing-2) var(--spacing-6);border-radius:0 0 var(--radius-lg) var(--radius-lg);font-size:var(--font-size-sm);font-weight:600}.pricing-header{padding:var(--spacing-8);text-align:center;background:var(--gray-50)}.pricing-card.popular .pricing-header{background:var(--gradient-accent);color:white}.pricing-header h3{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-2)}.pricing-badge{font-size:var(--font-size-sm);color:var(--text-tertiary);background:var(--gray-200);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);display:inline-block}.pricing-content{padding:var(--spacing-8)}.display-range{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);margin-bottom:var(--spacing-8);padding:var(--spacing-4);background:var(--gray-50);border-radius:var(--radius)}.display-range i{font-size:var(--font-size-xl);color:var(--secondary-color)}.display-range span{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.pricing-features{display:flex;flex-direction:column;gap:var(--spacing-4)}.pricing-features .feature-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) 0;border-bottom:1px solid var(--gray-200)}.pricing-features .feature-item:last-child{border-bottom:none}.pricing-features .feature-item i{color:var(--success-color)}.pricing-features .feature-item span{color:var(--text-secondary)}.pricing-benefits{margin-top:var(--spacing-16)}.benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8)}.pricing-benefits .benefit-item{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-4);box-shadow:var(--shadow-md)}.pricing-benefits .benefit-item i{font-size:var(--font-size-xl);color:var(--secondary-color)}.pricing-benefits .benefit-item h4{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-2);color:var(--text-primary)}.pricing-benefits .benefit-item p{color:var(--text-tertiary);line-height:1.6}.faq-section{padding:var(--spacing-24) 0;background:white}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-8)}.faq-category{background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--gray-200)}.faq-category h3{background:var(--gradient-primary);color:white;padding:var(--spacing-6);margin:0;font-size:var(--font-size-xl);font-weight:600;text-align:center}.faq-items{padding:var(--spacing-4)}.faq-item{border-bottom:1px solid var(--gray-200);margin-bottom:var(--spacing-2)}.faq-item:last-child{border-bottom:none;margin-bottom:0}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius)}.faq-question:hover{background:var(--gray-50)}.faq-question h4{font-size:var(--font-size-base);font-weight:600;color:var(--gray-800);margin:0;flex:1;padding-right:var(--spacing-4)}.faq-question i{color:var(--accent-color);font-size:var(--font-size-lg);transition:transform var(--transition-fast)}.faq-item.active .faq-question i{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:all var(--transition-normal);padding:0 var(--spacing-4)}.faq-item.active .faq-answer{max-height:200px;padding:0 var(--spacing-4) var(--spacing-4) var(--spacing-4)}.faq-answer p{color:var(--gray-600);line-height:1.6;margin:0;padding-top:var(--spacing-2)}@media (max-width:768px){.faq-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.faq-question h4{font-size:var(--font-size-sm)}}.contact-section{background:var(--gradient-primary);position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1);pointer-events:none}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center;position:relative;z-index:2}.contact-info h2{color:white;margin-bottom:var(--spacing-6)}.contact-info p{color:rgba(255,255,255,.9);margin-bottom:var(--spacing-8)}.contact-benefits{display:flex;flex-direction:column;gap:var(--spacing-6)}.contact-benefit{display:flex;align-items:center;gap:var(--spacing-4)}.contact-benefit i{font-size:var(--font-size-xl);color:var(--secondary-color)}.contact-benefit h4{color:white;margin-bottom:var(--spacing-1)}.contact-benefit p{color:rgba(255,255,255,.8);font-size:var(--font-size-sm)}.contact-actions{margin-top:var(--spacing-8)}.contact-form{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--spacing-8);border:1px solid rgba(255,255,255,.2)}.demo-form{gap:var(--spacing-6)}.demo-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--spacing-2)}.form-group label{color:white;font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-4);border-radius:var(--radius);border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:white;font-size:var(--font-size-base)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(166,1,1,.1)}.form-group textarea{resize:vertical;min-height:120px}.phone-input-group{display:flex;gap:var(--spacing-2)}.country-code-select{width:120px;padding:var(--spacing-4);border-radius:var(--radius);border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:white;font-size:var(--font-size-base);cursor:pointer}.country-code-select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(166,1,1,.1)}.country-code-select option{background:var(--primary-color);color:white;padding:var(--spacing-2)}.country-code-select optgroup{background:var(--primary-dark);color:var(--secondary-color);font-weight:700;font-size:var(--font-size-sm);padding:var(--spacing-2)}.country-code-select optgroup option{background:var(--primary-color);color:white;padding-left:var(--spacing-4);font-weight:400}.phone-number-input{flex:1;padding:var(--spacing-4);border-radius:var(--radius);border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:white;font-size:var(--font-size-base)}.phone-number-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(166,1,1,.1)}.phone-number-input::-moz-placeholder{color:rgba(255,255,255,.6)}.phone-number-input::placeholder{color:rgba(255,255,255,.6)}@media (max-width:768px){.phone-input-group{flex-direction:column;gap:var(--spacing-3)}.country-code-select{width:100%}}.footer{background:var(--gray-900);color:white;padding:var(--spacing-24) 0 var(--spacing-8)}[data-theme=dark] .footer{background:var(--gray-50);border-top:1px solid var(--gray-200)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-12);margin-bottom:var(--spacing-12)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.footer-logo img{border-radius:var(--radius)}.footer-section p{color:rgba(255,255,255,.8);line-height:1.7;margin-bottom:var(--spacing-6)}[data-theme=dark] .footer-section p{color:var(--text-tertiary)}.footer-social{display:flex;gap:var(--spacing-4)}.social-link{width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;transition:all var(--transition-normal)}[data-theme=dark] .social-link{background:var(--gray-100);color:var(--text-secondary)}.social-link:hover{background:var(--secondary-color);transform:translateY(-2px);color:white}.footer-section h4{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-6)}[data-theme=dark] .footer-section h4{color:var(--text-primary)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-3)}.footer-links a{color:rgba(255,255,255,.8);text-decoration:none;transition:color var(--transition-normal)}[data-theme=dark] .footer-links a{color:var(--text-tertiary)}.footer-links a:hover{color:var(--secondary-color)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-8);text-align:center}[data-theme=dark] .footer-bottom{border-top-color:var(--gray-200)}.footer-bottom p{color:rgba(255,255,255,.6);font-size:var(--font-size-sm)}[data-theme=dark] .footer-bottom p{color:var(--text-tertiary)}@media (max-width:768px){.nav-menu{position:fixed;top:70px;left:0;right:0;background:rgba(0,38,64,.98);backdrop-filter:blur(10px);flex-direction:column;padding:var(--spacing-8);transform:translateX(-100%);transition:transform var(--transition-normal);height:calc(100vh - 70px);overflow-y:auto;gap:var(--spacing-6)}[data-theme=dark] .nav-menu{background:rgba(15,15,35,.98)}.nav-menu.active{transform:translateX(0)}.nav-link,.nav-menu li{width:100%}.nav-link{display:block;padding:var(--spacing-4);font-size:var(--font-size-lg);border-bottom:1px solid rgba(255,255,255,.1);text-align:left}.nav-link:hover{background:rgba(255,255,255,.1)}.hamburger{display:flex}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.theme-toggle{width:40px;height:40px;margin-left:var(--spacing-2)}}@media (max-width:1024px){.hero-content{text-align:center}.contact-content,.hero-content{grid-template-columns:1fr;gap:var(--spacing-8)}.benefits-comparison{grid-template-columns:1fr;gap:var(--spacing-6)}.comparison-divider{order:-1}.vs-circle{width:80px;height:80px}}@media (max-width:768px){.hero-title{font-size:var(--font-size-3xl)}.hero-benefits{grid-template-columns:1fr}.section-header h2{font-size:var(--font-size-3xl)}.features-grid,.stats-grid{grid-template-columns:1fr}.stats-grid{gap:var(--spacing-6)}.stat-number{font-size:var(--font-size-4xl)}.arch-components,.faq-grid,.footer-content,.pricing-grid,.problems-grid,.specs-grid,.tech-stacks{grid-template-columns:1fr}.footer-content{gap:var(--spacing-8);text-align:center}}@media (max-width:480px){.container{padding:0 var(--spacing-3)}.hero{min-height:90vh}.hero-title,.section-header h2{font-size:var(--font-size-2xl)}.stats-section{padding:var(--spacing-8) var(--spacing-4)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in{animation:fadeIn .6s ease-out}@media (max-width:768px){.hero-benefits.animate-in,.hero-benefits.animate-out,.hero-subtitle.animate-in,.hero-subtitle.animate-out,.hero-title.animate-in,.hero-title.animate-out,.hero-visual.animate-in,.hero-visual.animate-out{transition:all .6s ease}.hero-benefits.animate-in .benefit-item:first-child{animation-delay:.05s}.hero-benefits.animate-in .benefit-item:nth-child(2){animation-delay:.1s}.hero-benefits.animate-in .benefit-item:nth-child(3){animation-delay:.15s}.hero-benefits.animate-in .benefit-item:nth-child(4){animation-delay:.2s}.hero-visual.animate-in .flight-row:first-child{animation-delay:.1s}.hero-visual.animate-in .flight-row:nth-child(2){animation-delay:.2s}.hero-visual.animate-in .flight-row:nth-child(3){animation-delay:.3s}}@media (prefers-reduced-motion:reduce){.hero-benefits.animate-in,.hero-benefits.animate-out,.hero-subtitle.animate-in,.hero-subtitle.animate-out,.hero-title.animate-in,.hero-title.animate-out,.hero-visual.animate-in,.hero-visual.animate-out{transition:opacity .3s ease;transform:none}.hero-benefits.animate-in .benefit-item,.hero-visual.animate-in .flight-row{animation:none;opacity:1;transform:none}.hero-title.animate-in .gradient-text,.hero-visual.animate-in .dashboard-mockup{animation:none}}.hero-benefits,.hero-benefits .benefit-item,.hero-subtitle,.hero-title,.hero-visual,.hero-visual .flight-row{will-change:transform,opacity}.hero-benefits.animate-in,.hero-benefits.animate-in .benefit-item:nth-child(4),.hero-subtitle.animate-in,.hero-title.animate-in,.hero-visual.animate-in,.hero-visual.animate-in .flight-row:nth-child(3){animation-fill-mode:forwards}.hero-subtitle:focus,.hero-title:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:4px;border-radius:var(--radius-sm)}.screens-section{padding:var(--spacing-24) 0;background:var(--bg-secondary)}.screen-card.animate-out,.section-header.animate-out{opacity:0;transform:translateY(40px);transition:all .8s ease}.screen-card.animate-in,.section-header.animate-in{opacity:1;transform:translateY(0);transition:all .8s ease}.screens-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-8);margin-top:var(--spacing-16)}.screen-card{background:var(--bg-secondary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:all var(--transition-normal);border:2px solid transparent;position:relative}.screen-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:#7dd3fc}.screen-card.animate-in:hover{transform:translateY(-12px)}.screen-preview{position:relative;padding:var(--spacing-6);min-height:250px;min-width:300px;display:flex;flex-direction:column;justify-content:space-between}.screen-preview.arrivals{background:var(--gradient-success);background:linear-gradient(135deg,#11998e,#38ef7d)}.screen-preview.departures{background:var(--gradient-primary);background:linear-gradient(135deg,#002640,#004080)}.screen-preview.gates{background:var(--gradient-secondary);background:linear-gradient(135deg,#a60101,#d10000)}.screen-preview.baggage{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.screen-header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);color:white}.screen-header i{font-size:var(--font-size-2xl);opacity:.9}.screen-header h4{font-size:var(--font-size-xl);font-weight:600;margin:0}.screen-content{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--spacing-4);color:var(--text-primary);box-shadow:0 8px 32px rgba(0,0,0,.1);min-width:280px}.flight-item{display:grid;grid-template-columns:.7fr .7fr .5fr 2fr;align-items:center;padding:var(--spacing-3) var(--spacing-2);gap:var(--spacing-2);font-size:var(--font-size-sm);border-bottom:1px solid var(--gray-200);margin-bottom:var(--spacing-2);min-width:260px}.flight-item:last-child{border-bottom:none;margin-bottom:0}.flight-no{font-weight:700;color:#7dd3fc;font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.destination,.from,.time,.to{color:var(--text-secondary);font-weight:500;font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{padding:var(--spacing-1) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;min-width:85px;max-width:120px;display:inline-block;box-sizing:border-box}.status.arrived{background:rgba(16,185,129,.15);color:var(--success-color);border:1px solid rgba(16,185,129,.3)}.status.delayed{background:rgba(245,158,11,.15);color:var(--warning-color);border:1px solid rgba(245,158,11,.3)}.status.boarding{background:rgba(59,130,246,.15);color:#7dd3fc;border:1px solid rgba(59,130,246,.3)}.status.on-time{background:rgba(16,185,129,.15);color:var(--success-color);border:1px solid rgba(16,185,129,.3)}.baggage-info,.gate-info{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.belt-number,.gate-number{font-size:var(--font-size-3xl);font-weight:900;color:var(--primary-color);margin-bottom:var(--spacing-2);text-shadow:0 2px 4px rgba(0,0,0,.1)}.flight-details{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}.belt-status,.boarding-status{background:var(--gradient-success);color:white;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgba(16,185,129,.3);animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 4px 12px rgba(16,185,129,.3);transform:scale(1)}50%{box-shadow:0 6px 20px rgba(16,185,129,.4);transform:scale(1.02)}}.screen-info{padding:var(--spacing-8);background:var(--bg-secondary)}.screen-info h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-4);color:var(--text-primary)}.screen-info p{color:var(--text-tertiary);line-height:1.7;font-size:var(--font-size-base)}.screen-card.animate-in .screen-content{animation:slideUpFade .8s ease .3s forwards}.screen-card.animate-in .flight-item:first-child{animation:fadeInRight .6s ease .5s forwards;opacity:0}.screen-card.animate-in .flight-item:nth-child(2){animation:fadeInRight .6s ease .7s forwards;opacity:0}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.screen-card:hover .screen-header i{transform:scale(1.1) rotate(5deg);transition:transform var(--transition-normal)}.screen-card:hover .belt-number,.screen-card:hover .gate-number{transform:scale(1.05);transition:transform var(--transition-normal)}.screen-card:hover .belt-status,.screen-card:hover .boarding-status{animation-duration:1s}[data-theme=dark] .screen-content{background:rgba(39,39,42,.95);color:var(--text-primary)}@media (max-width:1024px){.screens-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.screen-preview{min-height:220px;padding:var(--spacing-6)}}@media (max-width:768px){.screens-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.flight-item{grid-template-columns:1fr;gap:var(--spacing-2);text-align:center}.status{justify-self:center;margin-top:var(--spacing-2)}}.features-deep-section{padding:var(--spacing-24) 0;background:var(--gray-100)}.features-tabs{max-width:1000px;margin:0 auto}.tab-buttons{display:flex;gap:var(--spacing-1);margin-bottom:var(--spacing-8);background:white;padding:var(--spacing-3);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.tab-btn{flex:1;padding:var(--spacing-4) var(--spacing-3);border:none;background:none;color:var(--gray-600);font-weight:600;font-size:var(--font-size-sm);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.tab-btn:hover:not(.active){background:var(--gray-50);color:var(--gray-800);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.tab-btn.active{background:var(--primary-color);color:white;box-shadow:0 4px 12px rgba(0,38,64,.3);transform:translateY(-2px)}.tab-btn.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,0));pointer-events:none}.tab-content{display:none;background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--gray-200)}.tab-content.active{display:block}.feature-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8);padding:var(--spacing-8)}.feature-text h3{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-6);color:var(--gray-900)}.feature-list{list-style:none;margin-bottom:var(--spacing-6)}.feature-list li{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) 0;color:var(--gray-700)}.feature-list i{color:var(--primary-color);font-size:var(--font-size-lg);width:20px;text-align:center}.code-example{background:var(--gray-100);padding:var(--spacing-4);border-radius:var(--radius-lg);color:var(--text-primary);border:1px solid var(--gray-200)}.code-example h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-3);color:var(--primary-color)}.code-example pre{font-family:Monaco,Menlo,monospace;font-size:var(--font-size-sm);line-height:1.5;overflow-x:auto}.code-example code,.code-example pre{color:var(--text-primary)}.monitoring-metrics{display:flex;flex-direction:column;gap:var(--spacing-4)}.metric{display:flex;align-items:center;gap:var(--spacing-3)}.metric-label{min-width:80px;font-size:var(--font-size-sm);font-weight:500}.metric-bar{flex:1;height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.metric-fill{height:100%;background:var(--primary-color);transition:width var(--transition-normal)}.metric-value{font-size:var(--font-size-sm);font-weight:600;color:var(--primary-color)}.security-roles{display:flex;flex-direction:column;gap:var(--spacing-4)}.role-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--gray-50);border-radius:var(--radius)}.role-item i{font-size:var(--font-size-xl);color:var(--primary-color)}.role-item h4{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-1)}.role-item p{font-size:var(--font-size-sm);color:var(--gray-600)}.upload-demo{margin-top:var(--spacing-6)}.upload-zone{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);padding:var(--spacing-8);text-align:center;color:var(--gray-600);transition:all var(--transition-normal)}.upload-zone:hover{border-color:var(--primary-color);background:var(--gray-50)}.upload-zone i{font-size:var(--font-size-3xl);color:var(--primary-color);margin-bottom:var(--spacing-4);display:block}.upload-zone span{display:block;font-weight:600;margin-bottom:var(--spacing-2)}.upload-zone small{color:var(--gray-500)}.feature-visual{display:flex;align-items:center;justify-content:center}.monitoring-dashboard,.realtime-demo{background:var(--gray-100);border-radius:var(--radius-lg);padding:var(--spacing-6);width:100%;border:1px solid var(--gray-200)}.demo-screen{background:var(--gray-900);color:white;border-radius:var(--radius);padding:var(--spacing-4);border:1px solid var(--gray-700)}.dashboard-header,.demo-header{font-weight:600;margin-bottom:var(--spacing-4);text-align:center}.demo-flight{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);background:var(--gray-800);border-radius:var(--radius-sm);position:relative;min-width:280px;gap:var(--spacing-3)}.demo-flight .flight-no{font-weight:600;color:#fbbf24;min-width:60px}.demo-flight .status{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);background:rgba(251,191,36,.18);color:#fbbf24;border-radius:var(--radius-full);white-space:nowrap;border:1px solid rgba(251,191,36,.35);flex-shrink:0}.demo-flight.updating{animation:updatePulse 2s infinite}@keyframes updatePulse{0%,to{background:var(--gray-800)}50%{background:var(--primary-color)}}.update-indicator{position:absolute;right:var(--spacing-2);width:8px;height:8px;background:#00ff00;border-radius:50%;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.device-grid{flex-direction:column}.device-grid,.device-status{display:flex;gap:var(--spacing-3)}.device-status{align-items:center;padding:var(--spacing-3);border-radius:var(--radius)}.device-status.online{background:rgba(16,185,129,.1);color:var(--success-color)}.device-status.warning{background:rgba(245,158,11,.1);color:var(--warning-color)}.auth-flow,.data-flow{gap:var(--spacing-4)}.auth-flow,.auth-step,.data-flow,.flow-step{display:flex;flex-direction:column;align-items:center}.auth-step,.flow-step{gap:var(--spacing-2);padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:120px;border:1px solid var(--gray-200)}.auth-step i,.flow-step i{font-size:var(--font-size-2xl);color:var(--primary-color)}.auth-arrow,.flow-arrow{font-size:var(--font-size-xl);color:var(--primary-color);font-weight:700}.deployment-section{padding:var(--spacing-24) 0;background:var(--gray-100)}.deployment-timeline{position:relative;max-width:800px;margin:0 auto var(--spacing-16) auto}.deployment-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:var(--gradient-primary);transform:translateX(-50%)}.timeline-item{display:flex;align-items:flex-start;margin-bottom:var(--spacing-12);position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-marker{width:60px;height:60px;background:var(--gradient-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:var(--font-size-xl);z-index:2;flex-shrink:0}.timeline-content,.timeline-marker{position:relative;box-shadow:var(--shadow-lg)}.timeline-content{background:white;padding:var(--spacing-8);border-radius:var(--radius-xl);max-width:350px;margin:0 var(--spacing-6);border:1px solid var(--gray-200);transition:all var(--transition-normal)}.timeline-content:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--accent-color)}.timeline-content:before{content:"";position:absolute;top:20px;width:0;height:0;border:10px solid transparent}.timeline-item:nth-child(odd) .timeline-content:before{left:-20px;border-right-color:white}.timeline-item:nth-child(2n) .timeline-content:before{right:-20px;border-left-color:white}.timeline-content h3{font-size:var(--font-size-xl);color:var(--gray-900)}.timeline-content h3,.timeline-content p{font-weight:600;margin-bottom:var(--spacing-4)}.timeline-content p{color:var(--accent-color)}.timeline-content ul{list-style:none;margin:0}.timeline-content li{padding:var(--spacing-2) 0;color:var(--gray-700);position:relative;padding-left:var(--spacing-6)}.timeline-content li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}.deployment-benefits{margin-top:var(--spacing-16)}.deployment-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-8)}.deployment-stat{display:flex;align-items:center;gap:var(--spacing-4);background:white;padding:var(--spacing-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.deployment-stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.deployment-stat i{font-size:var(--font-size-3xl);color:var(--accent-color)}.stat-content h4{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-1)}.stat-content p{color:var(--gray-600);margin:0;font-size:var(--font-size-sm)}.compliance-section{padding:var(--spacing-24) 0;background:white}.compliance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-8)}.compliance-card{background:white;padding:var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);transition:all var(--transition-normal);text-align:center}.compliance-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--accent-color)}.compliance-icon{width:80px;height:80px;margin:0 auto var(--spacing-6) auto;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--gradient-primary);color:white;font-size:var(--font-size-3xl)}.compliance-card h3{font-size:var(--font-size-xl);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-4)}.compliance-card p{color:var(--gray-600);margin-bottom:var(--spacing-6);line-height:1.6}.compliance-card ul{list-style:none;text-align:left}.compliance-card li{padding:var(--spacing-2) 0;color:var(--gray-700);position:relative;padding-left:var(--spacing-6);font-size:var(--font-size-sm)}.compliance-card li:before{content:"•";position:absolute;left:var(--spacing-2);color:var(--accent-color);font-weight:700;font-size:var(--font-size-lg)}.compliance-footer{margin-top:var(--spacing-16);text-align:center}.certification-note{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);background:var(--gradient-accent);color:white;padding:var(--spacing-6) var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:800px;margin:0 auto}.certification-note i{font-size:var(--font-size-2xl);color:#ffd700}@media (max-width:1024px){.feature-detail{grid-template-columns:1fr;gap:var(--spacing-6)}.tab-buttons{flex-wrap:wrap;gap:var(--spacing-1)}.tab-btn{min-width:150px}}@media (max-width:768px){.tab-buttons{flex-direction:column}.tab-btn{min-width:auto}.feature-detail{padding:var(--spacing-6)}.code-example{padding:var(--spacing-3)}.code-example pre{font-size:var(--font-size-xs)}.upload-zone{padding:var(--spacing-6)}.upload-zone i{font-size:var(--font-size-2xl)}.deployment-timeline:before{left:30px}.timeline-item{margin-left:var(--spacing-8)}.timeline-item,.timeline-item:nth-child(2n){flex-direction:row!important}.timeline-marker{width:50px;height:50px;font-size:var(--font-size-lg)}.timeline-content{max-width:none;margin-left:var(--spacing-4);margin-right:0}.timeline-content:before{left:-20px!important;right:auto!important;border-right-color:white!important;border-left-color:transparent!important}.deployment-stats{grid-template-columns:1fr;gap:var(--spacing-4)}.compliance-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.certification-note{flex-direction:column;text-align:center;gap:var(--spacing-4)}}@media (max-width:480px){.screens-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.screen-preview{min-height:200px;padding:var(--spacing-6)}.flight-item{padding:var(--spacing-2);gap:var(--spacing-1)}.flight-no{font-size:var(--font-size-base)}.status{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}}[data-theme=dark] .faq-section{background:var(--bg-primary)}[data-theme=dark] .faq-category{background:var(--bg-secondary);border-color:var(--gray-200)}[data-theme=dark] .faq-question:hover{background:var(--gray-100)}[data-theme=dark] .compliance-section{background:var(--bg-primary)}[data-theme=dark] .compliance-card{background:var(--bg-secondary);border-color:var(--gray-200)}[data-theme=dark] .deployment-section{background:var(--bg-tertiary)}[data-theme=dark] .timeline-content{background:var(--bg-secondary);border-color:var(--gray-200)}[data-theme=dark] .timeline-content:before{border-right-color:var(--bg-secondary)!important;border-left-color:var(--bg-secondary)!important}[data-theme=dark] .deployment-stat{background:var(--bg-secondary)}[data-theme=dark] .features-deep-section{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .features-tabs{background:transparent}[data-theme=dark] .feature-detail,[data-theme=dark] .feature-text{background:transparent;color:var(--text-primary)}[data-theme=dark] .feature-visual{background:transparent}[data-theme=dark] .features-deep-section *{border-color:var(--gray-300)}[data-theme=dark] .features-deep-section .bg-white,[data-theme=dark] .features-deep-section [style*="background-color: white"],[data-theme=dark] .features-deep-section [style*="background: white"]{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .tab-buttons{background:var(--bg-secondary);border-color:var(--gray-200)}[data-theme=dark] .tab-btn{color:var(--text-secondary)}[data-theme=dark] .tab-btn:hover:not(.active){background:var(--gray-100);color:var(--text-primary)}[data-theme=dark] .tab-btn.active{background:linear-gradient(135deg,#3b82f6,#1e40af);color:white;box-shadow:0 4px 12px rgba(59,130,246,.3);transform:translateY(-2px)}[data-theme=dark] .tab-content{background:var(--bg-secondary);border-color:var(--gray-200)}[data-theme=dark] .monitoring-dashboard,[data-theme=dark] .realtime-demo{background:var(--bg-tertiary);border-color:var(--gray-300)}[data-theme=dark] .demo-screen{background:var(--bg-secondary);border-color:var(--gray-400);color:var(--text-primary)}[data-theme=dark] .dashboard-header,[data-theme=dark] .demo-header{color:var(--text-primary)}[data-theme=dark] .demo-flight{background:var(--bg-tertiary);border:1px solid var(--gray-300)}[data-theme=dark] .demo-flight .flight-no{color:#fbbf24}[data-theme=dark] .demo-flight .status{background:rgba(251,191,36,.22);color:#fbbf24;border-color:rgba(251,191,36,.4);flex-shrink:0}[data-theme=dark] .device-status.online{background:rgba(16,185,129,.2);color:var(--success-color)}[data-theme=dark] .device-status.warning{background:rgba(245,158,11,.2);color:var(--warning-color)}[data-theme=dark] .upload-zone{background:var(--bg-tertiary);border-color:var(--gray-400);color:var(--text-secondary)}[data-theme=dark] .upload-zone:hover{border-color:#60a5fa;background:var(--bg-secondary)}[data-theme=dark] .upload-zone i{color:#60a5fa}[data-theme=dark] .upload-zone span{color:var(--text-primary)}[data-theme=dark] .upload-zone small{color:var(--text-tertiary)}[data-theme=dark] .role-item{background:var(--bg-tertiary);border:1px solid var(--gray-200)}[data-theme=dark] .role-item h4{color:var(--text-primary)}[data-theme=dark] .auth-step,[data-theme=dark] .flow-step{background:var(--bg-secondary);border:1px solid var(--gray-200)}[data-theme=dark] .auth-step span,[data-theme=dark] .flow-step span{color:var(--text-primary)}[data-theme=dark] .bg-white,[data-theme=dark] [style*="background-color: white"],[data-theme=dark] [style*="background: white"]{background:var(--bg-secondary)!important}[data-theme=dark] .code-example{background:var(--gray-800);border:1px solid var(--gray-600);color:var(--text-primary)}[data-theme=dark] .code-example h4{color:#60a5fa}[data-theme=dark] .code-example code,[data-theme=dark] .code-example pre{color:#d1d5db}[data-theme=dark] .feature-text h3{color:var(--text-primary)}[data-theme=dark] .metric-label{color:var(--text-secondary)}[data-theme=dark] .metric-bar{background:var(--gray-200)}[data-theme=dark] .monitoring-metrics{color:var(--text-secondary)}[data-theme=dark] .dashboard-header{color:var(--text-primary);font-weight:600}[data-theme=dark] .device-grid{background:transparent}[data-theme=dark] .metric{color:var(--text-secondary)}[data-theme=dark] .metric-value{color:#60a5fa}[data-theme=dark] .security-roles{background:transparent}[data-theme=dark] .auth-arrow,[data-theme=dark] .auth-step i,[data-theme=dark] .flow-arrow,[data-theme=dark] .flow-step i{color:#60a5fa}[data-theme=dark] .arch-layer h3,[data-theme=dark] .belt-number,[data-theme=dark] .flight-no,[data-theme=dark] .flight-number,[data-theme=dark] .gate-number{color:#7dd3fc}[data-theme=dark] .screen-card:hover{border-color:#7dd3fc}[data-theme=dark] .feature-list li{color:var(--text-secondary)}[data-theme=dark] .feature-list i{color:#60a5fa}[data-theme=dark] .role-item p{color:var(--text-secondary)}[data-theme=dark] .role-item i{color:#60a5fa}[data-theme=dark] .metric-fill{background:#60a5fa}.country-select-container{position:relative;width:140px}.country-select-button{width:100%;padding:var(--spacing-4);border-radius:var(--radius);border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:white;font-size:var(--font-size-base);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);transition:all var(--transition-normal)}.country-select-button:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.15)}.country-select-button:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(166,1,1,.1)}.selected-country{display:flex;align-items:center;gap:var(--spacing-2);font-weight:500;white-space:nowrap;overflow:hidden}.flag-emoji{font-size:var(--font-size-lg);line-height:1;flex-shrink:0}.dial-code-text{font-weight:600;color:white}.country-select-button i{font-size:var(--font-size-sm);transition:transform var(--transition-normal)}.country-select-button i.rotate-180{transform:rotate(180deg)}.country-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--primary-color);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);box-shadow:var(--shadow-xl);max-height:300px;overflow:hidden;margin-top:var(--spacing-1);min-width:320px}.search-container{position:relative;padding:var(--spacing-3);border-bottom:1px solid rgba(255,255,255,.2)}.country-search-input{width:100%;padding:var(--spacing-3) var(--spacing-8) var(--spacing-3) var(--spacing-3);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);background:rgba(255,255,255,.1);color:white;font-size:var(--font-size-sm)}.country-search-input::-moz-placeholder{color:rgba(255,255,255,.6)}.country-search-input::placeholder{color:rgba(255,255,255,.6)}.country-search-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 2px rgba(166,1,1,.1)}.search-icon{position:absolute;right:var(--spacing-6);top:50%;transform:translateY(-50%);color:rgba(255,255,255,.6);font-size:var(--font-size-sm)}.countries-list{max-height:240px;overflow-y:auto}.country-group{padding:var(--spacing-2) 0}.group-header{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs);font-weight:600;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.5px;background:rgba(166,1,1,.1);border-bottom:1px solid rgba(166,1,1,.2)}.country-option{width:100%;padding:var(--spacing-3) var(--spacing-4);border:none;background:none;color:white;font-size:var(--font-size-sm);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-3);transition:background-color var(--transition-fast);text-align:left}.country-option:hover{background:rgba(255,255,255,.1)}.country-option.selected{color:white}.country-option.selected,.country-option.selected:hover{background:var(--secondary-color)}.country-option .flag-emoji{font-size:var(--font-size-base);line-height:1;flex-shrink:0;width:24px;text-align:center}.dial-code{font-weight:600;color:rgba(255,255,255,.9);min-width:60px;flex-shrink:0}.country-option.selected .dial-code{color:white}.country-name{flex:1;color:rgba(255,255,255,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-option.selected .country-name{color:white}.countries-list::-webkit-scrollbar{width:6px}.countries-list::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.countries-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.countries-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}@media (max-width:768px){.country-select-container{width:100%}.country-select-dropdown{max-height:250px;min-width:100%;left:0;right:0}.countries-list{max-height:190px}}[data-theme=dark] body{background:linear-gradient(135deg,var(--bg-primary) 0,#0e0e18 50%,var(--bg-primary) 100%)}[data-theme=dark] .hero{background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#0f0f1f)}[data-theme=dark] .problem-section{background:linear-gradient(to bottom,var(--bg-primary),var(--bg-tertiary))}[data-theme=dark] .features-section{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%)}[data-theme=dark] .architecture-section{background:linear-gradient(to bottom,var(--bg-tertiary),var(--bg-secondary))}[data-theme=dark] .screens-section{background:linear-gradient(135deg,var(--bg-secondary) 0,#1c1c2a 50%,var(--bg-tertiary) 100%)}[data-theme=dark] .benefits-section{background:linear-gradient(to right,var(--bg-secondary),var(--bg-tertiary))}[data-theme=dark] .pricing-section{background:linear-gradient(135deg,var(--bg-tertiary) 0,#242438 100%)}[data-theme=dark] .tech-section{background:linear-gradient(to bottom,var(--bg-secondary),#1a1a26)}[data-theme=dark] .feature-card{background:linear-gradient(135deg,var(--bg-secondary) 0,#1a1a28 100%);border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .problem-card{background:linear-gradient(135deg,var(--bg-secondary) 0,#1c1c2a 100%);border:1px solid rgba(255,255,255,.06)}[data-theme=dark] .screen-card{background:linear-gradient(135deg,var(--bg-secondary) 0,#1d1d2b 100%);border:2px solid rgba(255,255,255,.08)}[data-theme=dark] .pricing-card{background:linear-gradient(135deg,var(--bg-secondary) 0,#1e1e2c 100%);border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .arch-layer{background:linear-gradient(135deg,var(--bg-secondary) 0,#1b1b29 100%);border:1px solid rgba(255,255,255,.06)}[data-theme=dark] .arch-component{background:linear-gradient(135deg,var(--gray-100) 0,#2a2a40 100%);border:1px solid rgba(255,255,255,.05)}[data-theme=dark] .tech-item{background:linear-gradient(135deg,var(--gray-100) 0,#282840 100%);border:1px solid rgba(255,255,255,.05)}[data-theme=dark] .navbar{background:rgba(12,12,20,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=dark] .footer{background:linear-gradient(to bottom,var(--bg-primary),#080810);border-top:1px solid rgba(255,255,255,.08)}[data-theme=dark] .contact-form{background:rgba(22,22,33,.8);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .specifications-section{background:linear-gradient(135deg,var(--bg-primary) 0,#111122 100%)}[data-theme=dark] .spec-category{background:linear-gradient(135deg,var(--bg-secondary) 0,#1a1a28 100%);border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .faq-section{background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary))}[data-theme=dark] .faq-category{background:linear-gradient(135deg,var(--bg-secondary) 0,#1c1c2a 100%);border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .features-deep-section{background:linear-gradient(135deg,var(--bg-primary) 0,#0f0f1a 100%)}[data-theme=dark] .tab-buttons{background:linear-gradient(135deg,var(--bg-secondary) 0,#1a1a28 100%);border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .tab-content{background:linear-gradient(135deg,var(--bg-secondary) 0,#1b1b29 100%);border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .deployment-section{background:linear-gradient(135deg,var(--bg-tertiary) 0,#222238 100%)}[data-theme=dark] .timeline-content{background:linear-gradient(135deg,var(--bg-secondary) 0,#1d1d2b 100%);border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .deployment-stat{background:linear-gradient(135deg,var(--bg-secondary) 0,#1c1c2a 100%);border:1px solid rgba(255,255,255,.06)}[data-theme=dark] .compliance-section{background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary))}[data-theme=dark] .compliance-card{background:linear-gradient(135deg,var(--bg-secondary) 0,#1a1a28 100%);border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .screen-content{background:rgba(22,22,33,.95);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .dashboard-mockup{background:linear-gradient(135deg,var(--bg-secondary) 0,#1a1a28 100%);border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .mockup-header{background:linear-gradient(135deg,var(--gray-100) 0,#2a2a40 100%)}[data-theme=dark] .savings-card{background:linear-gradient(135deg,var(--bg-secondary) 0,#1c1c2a 100%);border:1px solid rgba(255,255,255,.06)}[data-theme=dark] .comparison-side{background:linear-gradient(135deg,var(--bg-secondary) 0,#1b1b29 100%);border:1px solid rgba(255,255,255,.06)}[data-theme=dark] .stats-section{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}[data-theme=dark] .contact-section{background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#0f0f1f)}[data-theme=dark] .compliance-card:hover,[data-theme=dark] .feature-card:hover,[data-theme=dark] .pricing-card:hover,[data-theme=dark] .problem-card:hover,[data-theme=dark] .screen-card:hover{background:linear-gradient(135deg,#1e1e2c,#252540);border-color:rgba(125,211,252,.3)}[data-theme=dark] .arch-layer:hover{background:linear-gradient(135deg,#1d1d2b,#242438)}.contact-heading-red{margin-top:-2rem!important}.contact-heading-red,[data-theme=dark] .contact-heading-red{color:var(--secondary-color)!important}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-600:disabled{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}