/* Extracted from index.html */
:root{--color-primary:#66FF7E;--color-primary-dark:#66ff7e;--color-dark:#1A1A24;--color-dark-alt:#22222E;--color-navy:#0f172a;--color-white:#fff;--color-light:#f8fafc;--color-alt:#f1f5f9;--font-heading:'Bricolage Grotesque',sans-serif;--font-body:'Manrope',sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 8px 30px rgba(0,0,0,0.12);--nav-height:100px;--primary:#66FF7E;--primary-rgb:102,255,126;--navy:#1A1A24;--navy-light:#22222E;--white:#fff;--ease:cubic-bezier(0.23,1,0.32,1);--bg-card:#fff;--bg-alt:#f1f5f9;--border-color:rgba(10,22,40,0.08);--text-primary:#0f172a;--text-secondary:#64748b;--section-gap:clamp(5rem,12vh,10rem)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--text-primary);background:var(--color-dark);overflow-x:hidden}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem)}.nav{position:fixed;top:0;left:0;right:0;z-index:9000;padding:0;transition:none}.hero{position:relative;height:100vh;display:flex;flex-direction:column;justify-content:center;background:#fff;color:var(--text-primary);overflow:hidden;padding:0}.hero__video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:.7;transition:opacity 1.5s ease}.hero__video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:.85;transition:opacity 1.2s ease}.hero__bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.04) 1px,transparent 1px);background-size:24px 24px;z-index:1}@media(max-width:768px){.hero__video-poster{opacity:.85!important}.hero__video-bg{display:none}}
@media(max-width:768px){
  .feature-grid{grid-template-columns:1fr!important;gap:2rem!important}
  .feature-grid > div:has(img){order:-1}
  .feature-grid img{width:100%!important;max-width:100%!important;border-radius:12px}
  #dispatching-section,#sec-dispatcher,#sec-mobile-apps,#sec-mikrooev{padding:3.5rem 0!important}
  #dispatching-section h2,#sec-dispatcher h2,#sec-mobile-apps h2,#sec-mikrooev h2{font-size:clamp(1.6rem,6vw,2.2rem)!important}
  #dispatching-section p,#sec-dispatcher p,#sec-mobile-apps p,#sec-mikrooev p{font-size:1rem!important}
}