*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  background: #f5f0e8;
  color: #1a1612;
  font-family: 'DM Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection { background: #b87333; color: #fff; }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f5f0e8; }
::-webkit-scrollbar-thumb { background: #b87333; border-radius: 3px; }

@media (max-width: 768px) {
  nav, section, footer { padding-left: 24px !important; padding-right: 24px !important; }
  section { padding-top: 72px !important; padding-bottom: 72px !important; }
  .features-grid { grid-template-columns: 1fr !important; }
  h1 { font-size: 44px !important; }
}

@media (max-width: 480px) {
  nav { padding: 20px 24px !important; }
  .stat-row { flex-direction: column; gap: 24px !important; }
  .stat-divider { display: none !important; }
}