*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  section[id]{scroll-margin-top:72px}
  body{font-family:'Inter',sans-serif;background:var(--color-bg);color:var(--color-fg-primary);-webkit-font-smoothing:antialiased}
  button{font-family:'Inter',sans-serif;cursor:pointer}
  a{text-decoration:none;color:inherit}

  /* Theme toggle */
  [data-theme="dark"] body{background:var(--color-bg)}

  /* Scrollbar */
  ::-webkit-scrollbar{width:6px}
  ::-webkit-scrollbar-track{background:transparent}
  ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:9999px}

  /* Animations */
  @keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
  @keyframes scanline{0%{transform:translateY(-100%)}100%{transform:translateY(400%)}}

  .animate-fadeup{animation:fadeUp .5s ease-out both}
  .float{animation:float 3s ease-in-out infinite}

  /* Section base */
  .section{padding:96px 48px}
  .section-sm{padding:48px}
  .container{max-width:1100px;margin:0 auto}
  .container-sm{max-width:860px;margin:0 auto}
  .container-xs{max-width:720px;margin:0 auto}

  /* Label above headings */
  .eyebrow{font-family:'Source Code Pro',monospace;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--color-green);margin-bottom:16px}

  /* Dark mode adaptations */
  [data-theme="dark"] .card-surface{background:var(--color-bg-surface)!important;border-color:var(--color-border)!important}
  [data-theme="dark"] .page-bg{background:var(--color-bg)!important}
  [data-theme="dark"] .text-primary{color:var(--color-fg-primary)!important}
  [data-theme="dark"] .text-secondary{color:var(--color-fg-secondary)!important}
  [data-theme="dark"] .text-muted{color:var(--color-fg-muted)!important}
  [data-theme="dark"] .border-default{border-color:var(--color-border)!important}
  [data-theme="dark"] .bg-elevated{background:var(--color-bg-elevated)!important}
  [data-theme="dark"] .nav-bg{background:rgba(11,30,23,0.95)!important;border-color:var(--color-border)!important}
  [data-theme="dark"] .comparison-header{background:var(--color-bg-elevated)!important;border-color:var(--color-border)!important}
  [data-theme="dark"] .comparison-hl{background:rgba(62,191,159,0.08)!important}
  [data-theme="dark"] .trust-bar{background:var(--color-bg-surface)!important;border-color:var(--color-border)!important}
  [data-theme="dark"] .step-card{background:var(--color-bg-surface)!important;border-color:var(--color-border)!important}
  [data-theme="dark"] .feature-card{background:var(--color-bg-surface)!important;border-color:var(--color-border)!important}
  [data-theme="dark"] .feature-icon-bg{background:rgba(62,191,159,0.12)!important;border-color:rgba(62,191,159,0.25)!important}
  [data-theme="dark"] .testi-card{border-color:var(--color-border)!important}
  [data-theme="dark"] .testi-card.accent{background:rgba(62,191,159,0.08)!important;border-color:rgba(62,191,159,0.25)!important}
  [data-theme="dark"] .pricing-card{background:var(--color-bg-surface)!important;border-color:var(--color-border)!important}
  [data-theme="dark"] .pricing-highlight{border-color:rgba(62,191,159,0.4)!important;box-shadow:0 4px 24px rgba(62,191,159,0.12)!important}
  [data-theme="dark"] .faq-section{background:var(--color-bg)!important}
  [data-theme="dark"] .faq-divider{border-color:var(--color-border)!important}
  [data-theme="dark"] .footer-bg{background:var(--color-bg-elevated)!important;border-color:var(--color-border)!important}
  [data-theme="dark"] .footer-link{color:var(--color-fg-muted)!important}
  [data-theme="dark"] .footer-link:hover{color:var(--color-fg-secondary)!important}
  [data-theme="dark"] .browser-frame{background:var(--color-bg-surface)!important;border-color:var(--color-border)!important}
  [data-theme="dark"] .browser-bar{background:var(--color-bg-elevated)!important;border-color:var(--color-border)!important}
  [data-theme="dark"] .browser-url{background:var(--color-bg)!important;border-color:var(--color-border)!important;color:var(--color-fg-muted)!important}
  [data-theme="dark"] .screenshot-area{background:var(--color-bg-elevated)!important}
  [data-theme="dark"] .hero-section{background:var(--color-bg)!important}
  [data-theme="dark"] .wms-float{background:var(--color-bg-surface)!important;border-color:var(--color-border)!important}
  [data-theme="dark"] .wms-sku-badge{background:#1c3a2e!important;border-color:rgba(62,191,159,0.25)!important;color:var(--color-fg-secondary)!important}
  [data-theme="dark"] .wms-sku-text{color:#6de4c4!important}
  [data-theme="dark"] .low-stock-widget{background:#1a1200!important;border-color:#3a2e00!important}
  [data-theme="dark"] .low-stock-header{border-color:#3a2e00!important}

  /* ─── MOBILE (≤768px) ─────────────────────────── */
  @media (max-width: 768px) {
    .section { padding: 64px 20px !important; }
    .section-sm { padding: 40px 20px !important; }
    .container, .container-sm, .container-xs { padding: 0 !important; }
    .mobile-hide { display: none !important; }
    .mobile-stack { display: flex !important; flex-direction: column !important; }
    .mobile-full { width: 100% !important; grid-template-columns: 1fr !important; }
    .mobile-pad { padding-left: 20px !important; padding-right: 20px !important; }
  }