:root {
  --et-bg: #f8fafc;
  --et-dark: #0f172a;
  --et-dark-2: #1e293b;
  --et-accent: #f95738;
  --et-accent-hover: #e04426;
  --et-accent-soft: rgba(249, 87, 56, 0.12);
  --et-white: #ffffff;
  --et-soft: #94a3b8;
  --et-muted: #64748b;
  --et-text: #334155;
  --et-line: rgba(148, 163, 184, 0.18);
  --et-card-radius: 12px;
  --et-btn-radius: 8px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--et-bg); color: var(--et-dark); font-family: "Plus Jakarta Sans", "Manrope", sans-serif; overflow-x: hidden; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.et-container { width: min(1200px, calc(100% - 40px)); margin-inline: auto; }

@media (max-width: 640px) {
  .et-container { width: min(1180px, calc(100% - 28px)); }
}