:root{--primary:#0A0E27;--primary-light:#151A3A;--surface:#0F1629;--surface-light:#1A2142;--surface-lighter:#242B51;--accent-primary:#9300FF;--accent-secondary:#B554FF;--accent-tertiary:#D4A5FF;--accent-success:#10B981;--accent-warning:#F59E0B;--accent-error:#EF4444;--text-primary:#FFFFFF;--text-secondary:#94A3B8;--text-tertiary:#64748B;--text-muted:#475569;--border-subtle:rgba(148,163,184,.1);--border-default:rgba(148,163,184,.2);--border-strong:rgba(147,0,255,.3);--gradient-primary:linear-gradient(135deg,#9300FF 0%,#B554FF 100%);--gradient-surface:linear-gradient(180deg,#0F1629 0%,#0A0E27 100%);--gradient-glow:radial-gradient(circle at top,rgba(147,0,255,.15) 0%,transparent 50%);--gradient-purple:linear-gradient(135deg,#9300FF 0%,#D4A5FF 100%);--shadow-sm:0 1px 2px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.15);--shadow-md:0 4px 6px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.15);--shadow-lg:0 10px 15px rgba(0,0,0,.3),0 4px 6px rgba(0,0,0,.15);--shadow-xl:0 20px 25px rgba(0,0,0,.3),0 10px 10px rgba(0,0,0,.15);--shadow-glow:0 0 20px rgba(147,0,255,.1);--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'JetBrains Mono','SF Mono',monospace;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-fast:150ms cubic-bezier(.4,0,.2,1);--transition-base:250ms cubic-bezier(.4,0,.2,1);--transition-slow:350ms cubic-bezier(.4,0,.2,1);--transition-slower:500ms cubic-bezier(.4,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background:var(--primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.nav-modern{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,14,39,.8);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-subtle);transition:all var(--transition-base)}.nav-modern.scrolled{background:rgba(10,14,39,.95);box-shadow:var(--shadow-lg)}.nav-container{max-width:1280px;margin:0 auto;padding:0 2rem;height:72px;display:flex;align-items:center;justify-content:space-between}.nav-logo{height:36px;width:auto}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.9375rem;font-weight:500;transition:color var(--transition-fast);position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link::after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-base)}.nav-link:hover::after{transform:scaleX(1)}.btn-modern{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-base);cursor:pointer;border:none;position:relative;overflow:hidden}.btn-modern::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translateX(-100%);transition:transform .6s}.btn-modern:hover::before{transform:translateX(100%)}.btn-primary{background:var(--gradient-primary);color:white;box-shadow:0 4px 14px rgba(147,0,255,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(147,0,255,.35)}.btn-secondary{background:var(--surface-light);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--surface-lighter);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{background:var(--surface-light);color:var(--text-primary)}.hero-modern{min-height:100vh;display:flex;align-items:center;position:relative;background:var(--gradient-surface);overflow:hidden;padding-top:72px}.hero-background{position:absolute;inset:0;pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 30s linear infinite}@keyframes grid-move{0%{transform:translate(0,0)}100%{transform:translate(50px,50px)}}.hero-glow{position:absolute;width:800px;height:800px;background:var(--gradient-glow);top:-400px;left:50%;transform:translateX(-50%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:.5}50%{opacity:.8}}.hero-content{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 2rem;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-light);border:1px solid var(--border-default);border-radius:var(--radius-2xl);font-size:.875rem;font-weight:600;color:var(--accent-primary);margin-bottom:2rem;animation:fade-up .6s ease-out forwards}@keyframes fade-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em;animation:fade-up .6s ease-out .1s both}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;line-height:1.7;color:var(--text-secondary);max-width:800px;margin:0 auto 3rem;animation:fade-up .6s ease-out .2s both}.hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:5rem;animation:fade-up .6s ease-out .3s both}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:2rem;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);backdrop-filter:blur(10px);animation:fade-up .6s ease-out .4s both}.metric-card{text-align:center}.metric-value{font-size:2.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.metric-label{font-size:.875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.service-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:2.5rem;transition:all var(--transition-base);position:relative;overflow:hidden}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-base)}.service-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.2);border-color:rgba(147,0,255,.3);background:rgba(26,33,66,.6)}.service-card:hover::before{transform:scaleX(1)}.service-icon{width:56px;height:56px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:white;font-size:24px}.service-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.service-description{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.glass-card{background:rgba(26,33,66,.4);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:2rem}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:.25rem}.nav-dropdown-toggle svg{width:12px;height:12px;transition:transform var(--transition-fast)}.nav-dropdown:hover .nav-dropdown-toggle svg{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;min-width:220px;background:rgba(15,22,41,.98);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);box-shadow:var(--shadow-xl);z-index:1000}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item{display:block;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:.9375rem}.nav-dropdown-item:hover{background:var(--surface-light);color:var(--text-primary);transform:translateX(4px)}.dropdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.dropdown-column{display:flex;flex-direction:column;gap:.5rem}.dropdown-header{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.75rem;padding-left:.5rem}.dropdown-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--surface-light);color:var(--text-primary);transform:translateX(4px)}.dropdown-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.dropdown-content{display:flex;flex-direction:column;gap:.25rem}.dropdown-content strong{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.dropdown-content small{font-size:.8125rem;color:var(--text-tertiary)}.nav-actions{display:flex;align-items:center;gap:1rem}.nav-mobile-ctas{display:none}.nav-toggle{display:none;flex-direction:column;gap:4px;background:transparent;border:none;cursor:pointer;padding:.5rem}.nav-toggle span{width:24px;height:2px;background:var(--text-secondary);transition:all var(--transition-fast)}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.footer-modern{background:var(--surface);border-top:1px solid var(--border-subtle);padding:4rem 0 2rem;margin-top:6rem}.footer-content{max-width:1280px;margin:0 auto;padding:0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{height:32px;width:auto}.footer-description{color:var(--text-tertiary);line-height:1.7;max-width:320px}.footer-column h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin-bottom:1rem}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-link{color:var(--text-tertiary);text-decoration:none;font-size:.9375rem;transition:color var(--transition-fast)}.footer-link:hover{color:var(--text-primary)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.footer-copyright{color:var(--text-tertiary);font-size:.875rem}.footer-legal{display:flex;gap:2rem}@media (max-width:768px){.nav-container{padding:0 1rem}.nav-menu{position:fixed;top:72px;left:0;right:0;background:rgba(10,14,39,.98);backdrop-filter:blur(20px);flex-direction:column;padding:2rem;transform:translateX(-100%);transition:transform var(--transition-base);max-height:calc(100vh - 72px);overflow-y:auto;border-bottom:1px solid var(--border-subtle);box-shadow:0 10px 30px rgba(0,0,0,.3)}.nav-menu.active{transform:translateX(0)}.nav-toggle{display:flex}.nav-dropdown-menu{position:static !important;transform:none !important;width:100%;opacity:1 !important;visibility:visible !important;margin-top:1rem;display:none !important;background:var(--surface-lighter);border:1px solid var(--border-default);box-shadow:none !important}.nav-dropdown.active .nav-dropdown-menu{display:block !important}.nav-dropdown-item{padding:1rem;font-size:1rem}.nav-mobile-ctas{display:none}.nav-actions{gap:.5rem}.nav-actions .nav-cta-rescue,.nav-actions .nav-cta-audit,.nav-actions .btn-modern:not(.nav-toggle){display:none !important}.nav-mobile-ctas{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-subtle)}.nav-mobile-ctas .nav-cta-rescue,.nav-mobile-ctas .nav-cta-audit{width:100%;text-align:center;padding:1rem;margin-bottom:0}.dropdown-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;width:100%;padding:0 1rem}.btn-modern{width:100%;justify-content:center;padding:1rem 1.5rem;font-size:1rem}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem}.metric-value{font-size:2rem}.service-grid{grid-template-columns:1fr !important;gap:1.5rem}.service-card{padding:2rem;margin-bottom:1rem}.card-grid,.cards-grid,.pricing-grid,.features-grid,.benefits-grid{grid-template-columns:1fr !important;gap:1.5rem}.card,.pricing-card,.feature-card,.benefit-card{margin-bottom:1rem;width:100% !important;max-width:none !important}[style*="display: flex"]{flex-direction:column !important}[style*="display:flex"]{flex-direction:column !important}[style*="grid-template-columns"]{grid-template-columns:1fr !important}div[style*="display: flex; gap:"]{flex-direction:column !important;align-items:stretch !important}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.hero-content{padding:0 1rem}.hero-title{font-size:clamp(2rem,8vw,3.5rem)}.hero-description{font-size:1.125rem;padding:0 1rem}.hero-badge{font-size:.8125rem;padding:.375rem .875rem}.section-header{padding:0 1rem;margin-bottom:2rem}.section-title{font-size:clamp(1.75rem,6vw,2.5rem);line-height:1.2}.section-description{font-size:1rem;padding:0 .5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.5rem 1rem}.testimonial-grid{grid-template-columns:1fr}.testimonial-card{padding:1.5rem;margin-bottom:1rem}.team-grid{grid-template-columns:1fr}.team-card{padding:1.5rem}.cta-section{padding:3rem 1rem}.cta-title{font-size:clamp(1.5rem,6vw,2.25rem)}.cta-description{font-size:1rem;padding:0 .5rem}.value-grid{grid-template-columns:1fr;gap:2rem}.value-point{flex-direction:column;text-align:center;padding:1.5rem}.value-icon{margin-bottom:1rem}.feature-grid{grid-template-columns:1fr}.feature-card{padding:1.5rem}.pricing-grid{grid-template-columns:1fr;gap:1rem}.pricing-card{padding:1.5rem}.blog-grid{grid-template-columns:1fr}.blog-card{margin-bottom:1.5rem}.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-input,.form-textarea,.form-select{padding:1rem;font-size:1rem;border-radius:.5rem}.logo-strip{padding:2rem 0}.logo-carousel{flex-wrap:wrap;gap:2rem}.client-logo{width:120px;height:auto}.about-grid{grid-template-columns:1fr}.about-content{padding:1rem}.about-image{margin-bottom:2rem}.process-steps{grid-template-columns:1fr}.process-step{padding:1.5rem;margin-bottom:1rem}.tech-stack{grid-template-columns:repeat(2,1fr);gap:1rem}.tech-item{padding:1rem}.case-study-grid{grid-template-columns:1fr}.case-study-card{padding:1.5rem}.timeline{padding:0 1rem}.timeline-item{padding:1rem;margin-bottom:1.5rem}.faq-list{padding:0 1rem}.faq-item{margin-bottom:1rem}.accordion-header{padding:1rem;font-size:1rem}.accordion-content{padding:1rem}}@media (max-width:480px){.nav-container{padding:0 .75rem}.hero-content{padding:0 .75rem}.hero-actions{padding:0}.btn-modern{padding:.875rem 1.25rem}.metrics-grid{grid-template-columns:1fr;gap:1rem}.metric-value{font-size:1.75rem}.service-card{padding:1.5rem}.hero-title{font-size:clamp(1.75rem,10vw,2.5rem)}.hero-description{font-size:1rem}}@media (max-width:1024px) and (orientation:landscape) and (max-height:768px){.nav-menu{max-height:calc(100vh - 72px);padding:1rem 2rem}.nav-menu.active{transform:translateX(0)}.nav-dropdown-menu{max-height:30vh;overflow-y:auto}.nav-dropdown-item{padding:.75rem 1rem;font-size:.9375rem}.hero-content{padding-top:1rem}.hero-title{font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem}.hero-description{font-size:1rem;margin-bottom:2rem}.hero-actions{margin-bottom:2rem}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;padding:1rem}.metric-value{font-size:1.5rem}.metric-label{font-size:.75rem}.service-grid{gap:1rem}.service-card{padding:1.5rem}.cta-section{padding:2rem 1rem}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px) and (max-width:1024px){.nav-container{padding:0 1.5rem}.service-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}.hero-title{font-size:clamp(2.5rem,5vw,4rem)}.hero-description{font-size:1.125rem}.testimonial-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}