:root {
  --hc-primary: #0d6efd;
  --hc-dark: #0b1320;
  --hc-muted: #6c757d;
  --hc-surface: #ffffff;
  --hc-surface-2: #f7f8fb;
  --hc-border: rgba(15, 23, 42, 0.12);
}

/* Make Elementor sections blend nicely with Bootstrap */
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1200px;
}

.hc-surface {
  background: var(--hc-surface);
}

.hc-surface-2 {
  background: var(--hc-surface-2);
}

.hc-hero {
  background: radial-gradient(1200px 600px at 80% 10%, rgba(13, 110, 253, 0.20), rgba(13, 110, 253, 0.0) 60%),
              linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%);
}

.hc-hero .hc-hero-title {
  letter-spacing: -0.02em;
}

.hc-badge {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .35rem .75rem;
  border: 1px solid var(--hc-border);
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(8px);
  border-radius: 999px;
  font-weight: 600;
  color: var(--hc-dark);
}

/* Header slots that render Elementor templates */
.hc-topbar-slot .elementor,
.hc-logo-side-slot .elementor {
  width: 100%;
}

.hc-topbar-slot .elementor-section.elementor-section-boxed > .elementor-container,
.hc-logo-side-slot .elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 100%;
}