/* Dudilly — theme */
:root {
  --bg: #0F1117;
  --surface: #161825;
  --surface2: #1E2035;
  --border: #2A2D40;
  --accent: #D4622A;
  --accent-dim: rgba(212, 98, 42, 0.12);
  --text: #F5F0E8;
  --text-muted: #9A95A8;
  --text-dim: #5E5A6E;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

@media (max-width: 768px) {
  section[style*="padding: 80px 48px"] {
    grid-template-columns: 1fr !important;
    padding: 48px 24px 60px !important;
  }
  #features > div:last-child,
  #how > div:last-child,
  #proof > div:last-child {
    grid-template-columns: 1fr !important;
  }
  nav {
    padding: 16px 24px !important;
  }
  #features,
  #how,
  #proof {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  [style*="padding: 0 48px 100px"] {
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-bottom: 60px !important;
  }
  [style*="padding: 0 48px 120px"] {
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-bottom: 80px !important;
  }
  footer {
    padding: 32px 24px !important;
  }
  #how > div:last-child > div {
    border-left: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-top: 1px solid var(--border);
    padding-top: 32px !important;
    margin-top: 0 !important;
  }
  #proof > div:last-child {
    grid-template-columns: 1fr !important;
  }
  #proof > div:last-child > div {
    padding: 24px !important;
  }
  #features .feature-grid,
  .feature-grid {
    grid-template-columns: 1fr !important;
  }
  #how > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}