:root{--primary-navy:#0B1B34;--industrial-gray:#546274;--sky-blue:#00B5FF;--success-green:#5BE37D;--warning-amber:#FFB020;--background-light:#F8FAFC}body{font-family:'Roboto',sans-serif;color:var(--industrial-gray);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:'Inter',sans-serif;color:var(--primary-navy)}h1{font-size:3.5rem;font-weight:800;line-height:1.1}h2{font-size:2.5rem;font-weight:700;line-height:1.2}h3{font-size:1.75rem;font-weight:600}@media (min-width:1024px){h1{font-size:4.5rem}h2{font-size:3rem}h3{font-size:2rem}}.btn-primary{background-color:var(--sky-blue);color:white;padding:0.75rem 1.5rem;border-radius:0.5rem;font-weight:500;transition:all 0.3s ease}.btn-primary:hover{background-color:#0099DD;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,181,255,0.3)}.btn-secondary{background-color:transparent;color:var(--primary-navy);border:2px solid var(--primary-navy);padding:0.75rem 1.5rem;border-radius:0.5rem;font-weight:500;transition:all 0.3s ease}.btn-secondary:hover{background-color:var(--primary-navy);color:white}.backdrop-blur{backdrop-filter:blur(10px);background-color:rgba(255,255,255,0.9)}.nav-link{font-weight:500;color:var(--industrial-gray);position:relative}.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--sky-blue);transition:width 0.3s ease}.nav-link:hover::after{width:100%}.btn-signin{font-weight:600;color:var(--sky-blue);border:2px solid var(--sky-blue);padding:calc(0.75rem - 2px) 1.5rem;border-radius:0.5rem;transition:all 0.3s ease;background-color:transparent;display:inline-block;text-align:center}.btn-signin:hover{background-color:var(--sky-blue);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,181,255,0.3)}.btn-signin:focus-visible{outline:3px solid var(--sky-blue);outline-offset:3px;box-shadow:0 0 0 3px rgba(0,181,255,0.2)}.btn-signin:active{transform:translateY(0)}@media (max-width:768px){.btn-signin{min-height:44px;padding:0.75rem 1.5rem;width:100%;margin-top:0.5rem}}.lang-toggle{font-weight:600;color:var(--industrial-gray);cursor:pointer;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:0.5rem}.lang-toggle.active{background-color:var(--sky-blue);color:white;box-shadow:0 2px 4px rgba(0,181,255,0.3);transform:scale(1.05)}.lang-toggle:hover:not(.active){background-color:rgba(0,181,255,0.12);color:var(--sky-blue)}.lang-toggle:active{transform:scale(0.98)}.lang-toggle:not(.active)::after{content:'';position:absolute;inset:0;border-radius:0.5rem;border:2px solid transparent;transition:border-color 0.25s ease}.lang-toggle:hover:not(.active)::after{border-color:rgba(0,181,255,0.2)}.lang-toggle.active::before{content:'';position:absolute;inset:-2px;border-radius:0.5rem;background:linear-gradient(135deg,var(--sky-blue),#0099DD);z-index:-1;opacity:0.15;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,100%{opacity:0.15;transform:scale(1)}50%{opacity:0.25;transform:scale(1.05)}}@media (min-width:769px){.bg-gray-100[role="group"]{background-color:#f3f4f6;padding:0.25rem;border-radius:0.75rem;box-shadow:inset 0 1px 2px rgba(0,0,0,0.08);transition:box-shadow 0.2s ease}.bg-gray-100[role="group"]:hover{box-shadow:inset 0 1px 3px rgba(0,0,0,0.12)}}#mobile-menu{animation:slideDown 0.3s ease-out;transition:all 0.3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){#mobile-menu{background-color:white}#mobile-menu .flex.flex-col{padding:0.5rem 0}#mobile-menu .flex.flex-col>*{margin-bottom:0 !important}#mobile-menu a.nav-link{padding:0.75rem 0 !important;margin:0 !important;display:block;border-top:none !important;border-left:none !important;border-right:none !important;outline:none !important;box-shadow:none !important;color:var(--industrial-gray) !important;transition:none !important;background:transparent !important;border-bottom:1px solid #e5e7eb !important;padding-bottom:0.75rem !important}#mobile-menu a.nav-link[href*="product.html"],#mobile-menu a.nav-link[href*="solutions.html"],#mobile-menu a.nav-link[href*="pricing.html"],#mobile-menu a.nav-link[href*="docs.html"],#mobile-menu a.nav-link[href*="about.html"]{border-bottom:1px solid #e5e7eb !important}#mobile-menu .btn-signin,#mobile-menu .btn-primary{border-bottom:2px solid var(--sky-blue) !important}#mobile-menu a.btn-signin{border-bottom:2px solid var(--sky-blue) !important;padding:0.75rem 1.5rem !important}#mobile-menu a.nav-link::after,#mobile-menu a.nav-link::before{display:none !important;content:none !important}#mobile-menu a.nav-link:hover,#mobile-menu a.nav-link:focus,#mobile-menu a.nav-link:active,#mobile-menu a.nav-link:focus-visible{background-color:transparent !important;background:transparent !important;color:var(--industrial-gray) !important;transform:none;border-top:none !important;border-left:none !important;border-right:none !important;outline:none !important;box-shadow:none !important;border-bottom:1px solid #e5e7eb !important}#mobile-menu a.nav-link:hover::after,#mobile-menu a.nav-link:focus::after,#mobile-menu a.nav-link:active::after,#mobile-menu a.nav-link:hover::before,#mobile-menu a.nav-link:focus::before,#mobile-menu a.nav-link:active::before{display:none !important;width:0 !important;content:none !important}#mobile-menu .lang-toggle{transition:all 0.2s ease;min-width:48px;min-height:48px;font-size:0.95rem}#mobile-menu .bg-gray-100{background-color:#f3f4f6;padding:0.25rem;border-radius:0.75rem;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1)}#mobile-menu .btn-primary{margin-top:0.5rem}#mobile-menu a[href*="51.222.206.140:8000"]{color:var(--industrial-gray)}}*:focus{outline:2px solid var(--sky-blue);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--sky-blue);outline-offset:3px;box-shadow:0 0 0 3px rgba(0,181,255,0.2)}.nav-link:focus-visible{outline:2px solid var(--sky-blue);outline-offset:4px;border-radius:0.25rem}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:3px solid var(--primary-navy);outline-offset:3px}.lang-toggle:focus-visible{outline:2px solid var(--sky-blue);outline-offset:2px;box-shadow:0 0 0 3px rgba(0,181,255,0.2)}html{scroll-behavior:smooth}.loading{opacity:0;animation:fadeIn 0.5s ease-in forwards}@keyframes fadeIn{to{opacity:1}}#hero{min-height:calc(100vh - 5rem);display:flex;align-items:center}#hero h1{background:linear-gradient(135deg,var(--primary-navy) 0%,var(--sky-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-button{position:relative;overflow:hidden}.cta-button::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}.cta-button:active::before{width:300px;height:300px}.trust-indicator{transition:opacity 0.3s ease,transform 0.3s ease}.trust-indicator:hover{opacity:1 !important;transform:scale(1.05)}picture img{transition:transform 0.3s ease}picture:hover img{transform:scale(1.02)}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}picture:hover img{transform:none}.btn-primary:hover,.btn-secondary:hover{transform:none}}@media (prefers-contrast:high){.btn-primary{border:2px solid currentColor}.btn-secondary{border-width:3px}.nav-link::after{height:3px}*:focus-visible{outline-width:4px;outline-offset:4px}}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}img[data-src]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}img.loading{animation:fadeIn 0.5s ease-in}img.image-error{opacity:0.5;filter:grayscale(100%)}picture{display:block;position:relative}picture::before{content:'';display:block;padding-top:75%}picture img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#hero picture::before{padding-top:75%}#hero picture img{object-fit:contain}#how-it-works{background-color:var(--background-light)}.how-step-card{background:white;border-radius:1rem;padding:2rem;transition:all 0.3s ease;box-shadow:0 1px 3px rgba(0,0,0,0.1);height:100%}.how-step-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,0.15)}.how-step-icon{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform 0.3s ease}.how-step-card:hover .how-step-icon{transform:scale(1.1)}.how-step-icon.step-1{background:linear-gradient(135deg,#00B5FF 0%,#0099DD 100%)}.how-step-icon.step-2{background:linear-gradient(135deg,#5BE37D 0%,#4BC96B 100%)}.how-step-icon.step-3{background:linear-gradient(135deg,#FFB020 0%,#FF9500 100%)}.how-step-number{font-size:1.5rem;font-weight:800;color:white}.how-step-title{font-size:1.5rem;font-weight:700;color:var(--primary-navy);margin-bottom:1rem}.how-step-desc{color:var(--industrial-gray);margin-bottom:1rem;line-height:1.7}.how-step-detail{color:var(--industrial-gray);font-size:0.9rem;line-height:1.6;padding-top:1rem;border-top:1px solid #e5e7eb;max-height:0;overflow:hidden;opacity:0;transition:all 0.4s ease}.how-step-detail.expanded{max-height:500px;opacity:1;margin-top:1rem}.how-learn-more-btn{color:var(--sky-blue);font-weight:500;font-size:0.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:0.5rem;transition:all 0.3s ease;margin-top:1rem}.how-learn-more-btn:hover{color:#0099DD;gap:0.75rem}.how-learn-more-btn svg{transition:transform 0.3s ease}.how-learn-more-btn.expanded svg{transform:rotate(180deg)}.ai-badge{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg,#5BE37D 0%,#4BC96B 100%);color:white;padding:0.5rem 1rem;border-radius:2rem;font-size:0.875rem;font-weight:600;margin-top:1rem}.ai-badge svg{width:1.25rem;height:1.25rem}@media (max-width:768px){.how-step-card{padding:1.5rem}.how-step-icon{width:3rem;height:3rem}.how-step-number{font-size:1.25rem}.how-step-title{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.how-step-card:hover{transform:none}.how-step-card:hover .how-step-icon{transform:none}.how-step-detail{transition:none}}#roi-calculator{background-color:var(--background-light)}.roi-calculator-card{background:white;border-radius:1rem;padding:2.5rem;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:box-shadow 0.3s ease}.roi-calculator-card:hover{box-shadow:0 12px 24px rgba(0,0,0,0.15)}.form-group{display:flex;flex-direction:column}.form-label{font-weight:600;color:var(--primary-navy);margin-bottom:0.5rem;font-size:0.95rem}.form-input{padding:0.75rem 1rem;border:2px solid #e5e7eb;border-radius:0.5rem;font-size:1rem;transition:all 0.3s ease;background-color:white}.form-input:focus{outline:none;border-color:var(--sky-blue);box-shadow:0 0 0 3px rgba(0,181,255,0.1)}.form-input:hover:not(:focus){border-color:#d1d5db}.form-input.error{border-color:#ef4444}.form-input.error:focus{box-shadow:0 0 0 3px rgba(239,68,68,0.1)}.form-input.valid{border-color:var(--success-green)}.form-error{color:#ef4444;font-size:0.875rem;margin-top:0.25rem;min-height:1.25rem;display:block}.btn-large{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{opacity:1;height:40px}.form-input::placeholder{color:#9ca3af}@media (max-width:768px){.roi-calculator-card{padding:1.5rem}.btn-large{width:100%;padding:0.875rem 2rem;font-size:1rem}}.form-input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:0.6}button:disabled{opacity:0.6;cursor:not-allowed}.form-input:focus-visible{outline:2px solid var(--sky-blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.form-input,.roi-calculator-card{transition:none}}@media (max-width:768px){.nav-link{padding:0.75rem 0;min-height:44px;display:flex;align-items:center}.btn-primary,.btn-secondary{min-height:44px;padding:0.875rem 1.5rem}.lang-toggle{min-width:44px;min-height:44px;padding:0.75rem 1rem}#mobile-menu-toggle{min-width:44px;min-height:44px}.form-input{min-height:48px;font-size:16px;padding:0.875rem 1rem}.how-learn-more-btn{min-height:44px;padding:0.75rem 1rem}}@media (max-width:640px){h1{font-size:2.5rem;line-height:1.15}h2{font-size:2rem;line-height:1.25}h3{font-size:1.5rem}body{font-size:1rem;line-height:1.6}p{margin-bottom:1rem}}@media (max-width:768px){#mobile-menu{max-height:calc(100vh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch}}@media (hover:none) and (pointer:coarse){.btn-primary:hover{transform:none}.btn-secondary:hover{background-color:transparent;color:var(--primary-navy)}.btn-primary:active{transform:scale(0.98);opacity:0.9}.btn-secondary:active{background-color:var(--primary-navy);color:white}.nav-link:active{background-color:rgba(0,181,255,0.1)}.lang-toggle:active{transform:scale(0.95)}.how-step-card:active{transform:scale(0.98)}}@media (max-width:768px){img{max-width:100%;height:auto}#hero picture::before{padding-top:60%}#hero .grid{gap:2rem}}@media (max-width:768px){.grid.md\:grid-cols-2,.grid.md\:grid-cols-3,.grid.md\:grid-cols-4{grid-template-columns:1fr}.container{padding-left:1rem;padding-right:1rem}section{padding-top:3rem;padding-bottom:3rem}}@media (max-width:768px) and (orientation:landscape){section{padding-top:2rem;padding-bottom:2rem}#hero{min-height:auto}}@media (min-width:768px) and (max-width:1024px){.container{max-width:720px}.grid.md\:grid-cols-3{grid-template-columns:repeat(2,1fr)}h1{font-size:4rem}h2{font-size:2.75rem}h3{font-size:1.875rem}}@media (hover:none) and (pointer:coarse){button,.btn-primary,.btn-secondary,.lang-toggle,.how-learn-more-btn{-webkit-tap-highlight-color:rgba(0,181,255,0.2);-webkit-touch-callout:none;user-select:none}}@supports (padding:max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}header{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}footer{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(3rem,env(safe-area-inset-bottom))}}@media (max-width:768px){.form-group{margin-bottom:1.5rem}.btn-large{width:100%}.roi-calculator-card{padding:1.5rem}.form-input:focus{font-size:16px}}@media (max-width:768px){html{-webkit-overflow-scrolling:touch}*{-webkit-backface-visibility:hidden;backface-visibility:hidden}}@media (max-width:640px){.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.gap-8{gap:1.5rem}.gap-12{gap:2rem}}@media (max-width:1040px){.hidden.md\:flex.items-center.space-x-4[role="menubar"],.hidden.md\:flex.items-center.space-x-4:not([role]){display:none !important}#mobile-menu-toggle{display:block !important}}@media (min-width:1041px){.hidden.md\:flex.items-center.space-x-4[role="menubar"],.hidden.md\:flex.items-center.space-x-4:not([role]){display:flex !important}#mobile-menu-toggle{display:none !important}#mobile-menu{display:none !important}}#legal-content{line-height:1.8}#legal-content h1{margin-top:2rem;margin-bottom:1.5rem}#legal-content h2{margin-top:2rem;margin-bottom:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}#legal-content h3{margin-top:1.5rem;margin-bottom:0.75rem}#legal-content p{margin-bottom:1rem}#legal-content ul,#legal-content ol{margin-bottom:1rem;padding-left:1.5rem}#legal-content li{margin-bottom:0.5rem}#legal-content a{color:var(--sky-blue);text-decoration:underline;transition:color 0.2s ease}#legal-content a:hover{color:#0099DD}#legal-content strong{font-weight:600;color:var(--primary-navy)}#legal-content code{background-color:#f3f4f6;padding:0.125rem 0.375rem;border-radius:0.25rem;font-size:0.875em;font-family:'Courier New',monospace}#legal-content blockquote{border-left:4px solid var(--sky-blue);padding-left:1rem;margin:1.5rem 0;font-style:italic;color:var(--industrial-gray)}