/* Brand variables and custom utilities */
:root {
  --brand-blue: #2b6ef6;
  --brand-cyan: #06b6d4;
  --brand-dark: #0f172a;
  --muted: #6b7280;
  --light-bg: #f8fafc;
  --text-primary: #1a202c;
  --text-secondary: #4a5568;
  --border-light: #e2e8f0;
}

body {
  background-color: var(--light-bg);
  color: var(--text-primary);
}

/* Hero blob overlay style (consolidated from inline styles) */
.hero-overlay-blob {
  clip-path: polygon(
    74.1% 44.1%,
    100% 61.6%,
    97.5% 26.9%,
    85.5% 0.1%,
    80.7% 2%,
    72.5% 32.5%,
    60.2% 62.4%,
    52.4% 68.1%,
    47.5% 58.3%,
    45.2% 34.5%,
    27.5% 76.7%,
    0.1% 64.9%,
    17.9% 100%,
    27.6% 76.8%,
    76.1% 97.7%,
    74.1% 44.1%
  );
}

/* Enhanced Section Styling */
section {
  scroll-margin-top: 80px;
}

.section-header {
  margin-bottom: 3rem;
}

.section-header h2 {
  color: var(--brand-dark);
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.section-header p {
  color: var(--text-secondary);
  font-size: 1.125rem;
  line-height: 1.75;
}