body {
  font-family: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
  background:
    radial-gradient(circle at top right, rgba(214, 169, 74, 0.14), transparent 32rem),
    radial-gradient(circle at bottom left, rgba(47, 93, 80, 0.12), transparent 28rem),
    var(--bg-main);
  color: var(--text-main);
  line-height: 1.8;
  transition:
    background-color var(--transition),
    color var(--transition);
}

::selection {
  background: var(--primary);
  color: var(--bg-main);
}

:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 4px;
}

.container {
  width: min(100% - 32px, var(--container));
  margin-inline: auto;
}

.section {
  padding: 96px 0;
}

.section-header {
  max-width: 720px;
  margin-bottom: 40px;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: var(--secondary);
  font-size: 0.92rem;
  font-weight: 700;
}

.section-title {
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: 1.25;
  margin-bottom: 18px;
}

.section-description {
  color: var(--text-muted);
  font-size: 1.05rem;
}