:root{--primary: #0066ff;--primary-dark: #0052d9;--primary-light: #3d85ff;--primary-subtle: rgba(0, 102, 255, .07);--secondary: #6366f1;--accent: #8b5cf6;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--bg: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--card-bg: #ffffff;--card-border: #e2e8f0;--navbar-bg: rgba(255, 255, 255, .97);--navbar-border: rgba(0, 102, 255, .08);--dropdown-bg: #ffffff;--dropdown-shadow: 0 8px 30px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .05);--mobile-menu-bg: #ffffff;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.05);--shadow-xl: 0 20px 60px rgba(0,0,0,.12), 0 8px 20px rgba(0,0,0,.06);--btn-shadow: 0 4px 14px rgba(0, 102, 255, .28);--btn-shadow-hover: 0 8px 28px rgba(0, 102, 255, .4)}[data-theme=dark]{--primary: #4d94ff;--primary-dark: #2d7bf4;--primary-light: #6aa5ff;--primary-subtle: rgba(77, 148, 255, .11);--secondary: #818cf8;--accent: #a78bfa;--gray-50: #0c1525;--gray-100: #0f1c30;--gray-200: #182840;--gray-300: #223554;--gray-400: #3d5e88;--gray-500: #5a7fab;--gray-600: #7fa0cc;--gray-700: #9ab8e8;--gray-800: #c0d5f5;--gray-900: #eef4ff;--bg: #070e1b;--bg-secondary: #0b1526;--bg-tertiary: #0f1c33;--card-bg: #0c1830;--card-border: #182840;--navbar-bg: rgba(7, 14, 27, .97);--navbar-border: rgba(77, 148, 255, .1);--dropdown-bg: #0c1830;--dropdown-shadow: 0 8px 30px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .3);--mobile-menu-bg: #070e1b;--shadow-sm: 0 1px 3px rgba(0,0,0,.28), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.35), 0 2px 4px rgba(0,0,0,.22);--shadow-lg: 0 8px 32px rgba(0,0,0,.45), 0 4px 8px rgba(0,0,0,.28);--shadow-xl: 0 20px 60px rgba(0,0,0,.55), 0 8px 20px rgba(0,0,0,.35);--btn-shadow: 0 4px 14px rgba(77, 148, 255, .22);--btn-shadow-hover: 0 8px 28px rgba(77, 148, 255, .32)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Nunito,system-ui,sans-serif;line-height:1.6;color:var(--gray-800);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .25s ease,color .25s ease}.container{max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,5vw,3rem);width:100%}@media(max-width:1200px){.container{max-width:calc(100% - 3rem);padding:0 1.5rem}}@media(max-width:640px){.container{padding:0 1rem;max-width:calc(100% - 2rem)}section{padding-left:1rem!important;padding-right:1rem!important}}.navbar-modern{position:fixed;top:0;width:100%;z-index:50;background:var(--navbar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--navbar-border);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.navbar-modern.scrolled{box-shadow:var(--shadow-md);border-bottom-color:var(--gray-200)}.navbar-content{display:flex;align-items:center;justify-content:space-between;height:4rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}.logo-modern{display:flex;align-items:center;text-decoration:none;position:relative;transition:transform .2s ease}.logo-modern:hover{transform:translateY(-1px)}.logo-icon-modern{width:36px;height:36px;margin-right:.75rem;object-fit:contain;position:relative;z-index:2;border-radius:8px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.logo-modern:before{content:"";position:absolute;top:-2px;left:-2px;right:calc(100% - 40px);bottom:-2px;background:linear-gradient(135deg,#667eea4d,#764ba24d,#f093fb4d,#f5576c4d);border-radius:10px;opacity:0;transition:opacity .3s ease;animation:rotate 4s linear infinite;z-index:1}.logo-modern:hover:before{opacity:1}.logo-modern:hover .logo-icon-modern{transform:scale(1.1) rotate(5deg)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-text-container{display:flex;flex-direction:column;line-height:1.1}.logo-title{font-weight:700;font-size:1.125rem;color:var(--gray-900);transition:color .25s ease}.logo-subtitle{font-weight:500;font-size:.625rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.06em;transition:color .25s ease}.nav-pills-modern{display:none;align-items:center;gap:1.75rem}@media(min-width:768px){.nav-pills-modern{display:flex}}.nav-pill,.nav-pill-main{display:flex;align-items:center;gap:.4rem;padding:.5rem 0;font-weight:500;font-size:.9rem;text-decoration:none;transition:color .2s ease;border:none;background:none;cursor:pointer;color:var(--gray-600);position:relative}.nav-pill:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:2px;background:var(--primary);transition:width .2s ease;border-radius:2px}.nav-pill:hover:after{width:100%}.nav-pill:hover,.nav-pill-main:hover{color:var(--primary)}.nav-pill-icon{font-size:.8rem}.nav-pill-arrow{font-size:.7rem;transition:transform .2s ease}.nav-pill-group:hover .nav-pill-arrow{transform:rotate(180deg)}.nav-pill-group{position:relative}.nav-dropdown-modern{position:absolute;top:calc(100% + .75rem);left:0;min-width:220px;background:var(--dropdown-bg);border-radius:12px;border:1px solid var(--gray-200);box-shadow:var(--dropdown-shadow);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;z-index:1000;padding:.5rem}.nav-pill-group:hover .nav-dropdown-modern{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-grid{display:flex;flex-direction:column}.dropdown-card{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;text-decoration:none;border-radius:8px;transition:background .15s ease}.dropdown-card:hover{background:var(--primary-subtle)}.dropdown-card-icon{width:18px;color:var(--primary);font-size:.875rem;flex-shrink:0;text-align:center}.dropdown-card-content h4{font-weight:600;font-size:.875rem;color:var(--gray-800);margin:0;transition:color .25s ease}.nav-actions{display:none;align-items:center;gap:.625rem}@media(min-width:768px){.nav-actions{display:flex}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--gray-200);border-radius:8px;cursor:pointer;color:var(--gray-500);font-size:.85rem;transition:all .2s ease;flex-shrink:0}.theme-toggle:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-subtle)}.theme-icon-dark,[data-theme=dark] .theme-icon-light{display:none}[data-theme=dark] .theme-icon-dark{display:block}.cta-button-modern{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--primary);color:#fff!important;text-decoration:none;border-radius:8px;font-weight:600;font-size:.875rem;transition:all .25s ease;position:relative;overflow:hidden;box-shadow:var(--btn-shadow)}.cta-button-modern:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--btn-shadow-hover)}.cta-button-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .5s}.cta-button-modern:hover:before{left:100%}.cta-button-modern i{transition:transform .25s ease}.cta-button-modern:hover i{transform:translate(3px)}.mobile-right-controls{display:flex;align-items:center;gap:.5rem}@media(min-width:768px){.mobile-right-controls{display:none}}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--gray-200);color:var(--gray-600);font-size:1rem;cursor:pointer;border-radius:8px;transition:all .2s ease}.mobile-menu-btn:hover{background:var(--gray-100);border-color:var(--primary);color:var(--primary)}@media(max-width:768px){.navbar-content{padding:0 1rem}.logo-icon-modern{width:32px;height:32px}.logo-title{font-size:1rem}}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000073;z-index:1000;display:flex;align-items:flex-start;justify-content:flex-end;opacity:0;visibility:hidden;transition:all .25s ease;backdrop-filter:blur(3px)}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-modern{background:var(--mobile-menu-bg);width:300px;height:100vh;box-shadow:var(--shadow-xl);transform:translate(100%);transition:transform .25s ease,background-color .25s ease;overflow-y:auto;border-left:1px solid var(--gray-200)}.mobile-menu-overlay.active .mobile-menu-modern{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1.125rem 1.25rem;border-bottom:1px solid var(--gray-200)}.mobile-menu-close-modern{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-600);font-size:.875rem;cursor:pointer;border-radius:6px;transition:all .2s ease}.mobile-menu-close-modern:hover{background:var(--gray-200);color:var(--gray-900)}.mobile-menu-links{padding:1.25rem;display:flex;flex-direction:column;gap:.875rem}.mobile-section-title{font-size:.72rem;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.09em;margin-bottom:.625rem}.mobile-services-grid{display:flex;flex-direction:column;gap:.3rem}.mobile-service-card{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:var(--bg-secondary);border:1px solid var(--gray-200);border-radius:8px;text-decoration:none;transition:all .2s ease}.mobile-service-card:hover{background:var(--primary-subtle);border-color:var(--primary)}.mobile-service-icon{color:var(--primary);font-size:.875rem;flex-shrink:0;width:16px;text-align:center}.mobile-service-title{font-weight:600;font-size:.875rem;color:var(--gray-800);line-height:1.2;transition:color .25s ease}.mobile-menu-divider{height:1px;background:var(--gray-200)}.mobile-nav-link-modern{display:flex;align-items:center;gap:.75rem;color:var(--gray-700);text-decoration:none;font-weight:500;font-size:.9rem;padding:.4rem 0;border-bottom:1px solid var(--gray-100);transition:color .2s ease}.mobile-nav-link-modern:hover{color:var(--primary)}.mobile-nav-icon{font-size:.9rem;color:var(--gray-400);width:18px;text-align:center}.mobile-nav-cta-modern{display:flex;align-items:center;justify-content:center;gap:.625rem;background:var(--primary);color:#fff!important;text-decoration:none;padding:.875rem 1.5rem;border-radius:10px;font-weight:700;font-size:.9rem;margin-top:.25rem;transition:all .25s ease;box-shadow:var(--btn-shadow)}.mobile-nav-cta-modern:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--btn-shadow-hover)}main{min-height:100vh}.footer{background:var(--gray-900);color:#fff;text-align:center;padding:2.5rem 1rem;transition:background-color .25s ease}.footer-content{max-width:1200px;margin:0 auto}.footer-text{color:var(--gray-400);font-size:.9rem}[data-theme=dark] .footer{background:#030810;border-top:1px solid var(--gray-200)}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.fade-in{animation:fadeIn .8s ease}.slide-up{animation:slideUp .8s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}[data-theme=dark] .hero{background:linear-gradient(135deg,var(--bg) 0%,var(--bg-secondary) 100%)!important}[data-theme=dark] .btn-secondary{background:var(--card-bg)!important;color:var(--gray-700)!important;border-color:var(--gray-200)!important}[data-theme=dark] .btn-secondary:hover{border-color:var(--primary)!important;color:var(--primary)!important;box-shadow:none!important}[data-theme=dark] .features{background:var(--bg-secondary)!important}[data-theme=dark] .feature-card{background:linear-gradient(135deg,var(--card-bg) 0%,var(--bg-tertiary) 100%)!important;border-color:var(--card-border)!important}[data-theme=dark] .feature-card:hover{border-color:#4d94ff40!important;box-shadow:0 20px 40px #00000073!important}[data-theme=dark] .feature-card h3{color:var(--gray-900)!important}[data-theme=dark] .feature-card p{color:var(--gray-600)!important}[data-theme=dark] .service-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg) 100%)!important}[data-theme=dark] .benefit-card{background:var(--card-bg)!important;border-color:var(--card-border)!important;box-shadow:var(--shadow-md)!important}[data-theme=dark] .benefit-card h3{color:var(--gray-900)!important}[data-theme=dark] .benefit-card p{color:var(--gray-600)!important}[data-theme=dark] .content-section{background:var(--bg)!important}[data-theme=dark] .cta-section{background:var(--bg-tertiary)!important}[data-theme=dark] .code-example{background:#020811!important;border:1px solid var(--gray-200)!important}[data-theme=dark] section[style*="#f8fafc"],[data-theme=dark] section[style*=f8fafc]{background:var(--bg-secondary)!important}[data-theme=dark] section[style*="background: white"],[data-theme=dark] section[style*="background:white"]{background:var(--bg)!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--card-bg)!important;border-color:var(--gray-200)!important;color:var(--gray-800)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--gray-400)!important}[data-theme=dark] h2[style*="color: var(--gray-900)"],[data-theme=dark] h2[style*="var(--gray-900)"]{color:var(--gray-900)!important}[data-theme=dark] p[style*="color: var(--gray-600)"]{color:var(--gray-600)!important}[data-theme=dark] h3[style*="font-weight: 600"]{color:var(--gray-900)!important}[data-theme=dark] .hero-badge{border-color:#4d94ff38!important}[data-theme=dark] .btn-white{color:#0f172a!important}[data-theme=dark] .btn-white:hover{background:#f0f4f8!important;color:#0f172a!important}[data-theme=dark] .cta-section{background:linear-gradient(135deg,#040c1e,#0a1e3d)!important}[data-theme=dark] .deployment-flow{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg) 100%)!important}[data-theme=dark] .flow-step h3{color:var(--gray-900)!important}@media(max-width:640px){.benefits-grid,.steps-grid{grid-template-columns:1fr!important}}[data-theme=dark] .faq-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg) 100%)!important}[data-theme=dark] .faq-item{background:var(--card-bg)!important;border-color:var(--card-border)!important;box-shadow:var(--shadow-sm)!important}[data-theme=dark] .faq-item h3{color:var(--gray-900)!important}[data-theme=dark] .faq-item p{color:var(--gray-600)!important}[data-theme=dark] .plan-card{background:var(--card-bg)!important;border-color:var(--card-border)!important}[data-theme=dark] .plan-card h3{color:var(--gray-900)!important}[data-theme=dark] .plan-features li{border-color:var(--gray-200)!important}[data-theme=dark] .plan-features li span{color:var(--gray-800)!important}[data-theme=dark] .plan-description{color:var(--gray-600)!important}[data-theme=dark] .contact-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg) 100%)!important}[data-theme=dark] .contact-form{background:var(--card-bg)!important;border-color:var(--card-border)!important;box-shadow:var(--shadow-lg)!important}[data-theme=dark] .contact-item-content h4{color:var(--gray-900)!important}[data-theme=dark] .form-group label{color:var(--gray-800)!important}[data-theme=dark] .contact-item-content p{color:var(--gray-600)!important}[data-theme=dark] .thankyou-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg) 100%)!important}