:root {
  --kagent-navy: #153467;
  --kagent-navy-dark: #0b234b;
  --kagent-orange: #ff6b00;
  --kagent-orange-dark: #e95e00;
  --kagent-ink: #18243a;
  --kagent-muted: #5c6778;
  --kagent-line: #dfe4ea;
  --kagent-soft: #f5f7f9;
  --kagent-white: #ffffff;
  --kagent-success: #168257;
  --kagent-font: "DM Sans", "Roboto", Arial, sans-serif;
  --kagent-content-width: 1180px;
  --kagent-section-space: 112px;
  --kagent-focus: 0 0 0 3px rgba(255, 107, 0, 0.3);
  --kagent-workflow-shadow: 0 24px 70px rgba(18, 40, 72, 0.11);
}

.kagent-shell {
  width: min(var(--kagent-content-width), calc(100% - 96px));
  margin-inline: auto;
}

.kagent-eyebrow {
  color: var(--kagent-orange);
  font: 700 13px/1 var(--kagent-font);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.kagent-heading {
  margin: 0;
  color: var(--kagent-navy-dark);
  font-family: var(--kagent-font);
  font-weight: 700;
  letter-spacing: -0.035em;
}

.kagent-button-primary,
.kagent-button-secondary {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 0;
  font: 700 15px/1 var(--kagent-font);
  text-decoration: none;
}

.kagent-button-primary {
  color: var(--kagent-white);
  background: var(--kagent-orange);
}

.kagent-button-secondary {
  color: var(--kagent-navy);
  background: var(--kagent-white);
  border-color: var(--kagent-navy);
}

.kagent-button-primary:focus-visible,
.kagent-button-secondary:focus-visible {
  outline: none;
  box-shadow: var(--kagent-focus);
}

@media (max-width: 900px) {
  :root { --kagent-section-space: 82px; }
  .kagent-shell { width: min(100% - 34px, 760px); }
}

@media (max-width: 620px) {
  :root { --kagent-section-space: 68px; }
  .kagent-shell { width: min(100% - 28px, 560px); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}