:root {
  --promars-bg: #f5f7f8;
  --promars-surface: #ffffff;
  --promars-text: #171b20;
  --promars-muted: #66707a;
  --promars-border: #dde3e8;
  --promars-primary: #173f5f;
  --promars-primary-strong: #102f49;
  --promars-accent: #f28c28;
  --promars-radius-sm: 6px;
  --promars-radius-md: 10px;
  --promars-content-width: 1280px;
  --promars-space-section: clamp(48px, 6vw, 88px);
}

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

.promars-container {
  width: min(calc(100% - 36px), var(--promars-content-width));
  margin-inline: auto;
}

.promars-section {
  padding-block: var(--promars-space-section);
}

.promars-card {
  background: var(--promars-surface);
  border: 1px solid var(--promars-border);
  border-radius: var(--promars-radius-md);
}

.promars-btn,
.et_pb_button.promars-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: var(--promars-radius-sm);
  font-weight: 700;
  text-decoration: none;
}

.promars-btn--primary {
  background: var(--promars-primary);
  color: #fff;
}

.promars-btn--primary:hover {
  background: var(--promars-primary-strong);
}

.promars-btn--accent {
  background: var(--promars-accent);
  color: #15191e;
}

.promars-eyebrow {
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 800;
  color: var(--promars-muted);
}