:root {
  --page-bg: #f6f5f0;
  --page-ink: #171717;
  --page-muted: #5f625e;
  --page-soft: #eef1ed;
  --page-surface: rgba(255, 255, 255, 0.86);
  --page-surface-strong: #ffffff;
  --page-border: #dedbd2;
  --page-blue: #1457d9;
  --page-blue-dark: #0d3f9c;
  --page-copper: #bd5b2a;
  --page-copper-dark: #884018;
  --page-shadow: 0 18px 48px rgba(31, 35, 40, 0.08);
  --page-shadow-soft: 0 8px 24px rgba(31, 35, 40, 0.06);
}

html {
  background: var(--page-bg);
  text-rendering: optimizeLegibility;
}

body {
  background: var(--page-bg) !important;
  color: var(--page-ink) !important;
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}

a {
  text-underline-offset: 3px;
}

a,
button,
.button,
.product-choice,
.card,
.panel,
.kpi {
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}

a:focus-visible,
button:focus-visible,
.button:focus-visible,
.product-choice:focus-visible {
  outline: 3px solid rgba(20, 87, 217, 0.28) !important;
  outline-offset: 3px !important;
}

.container,
.shell {
  width: min(1120px, 100% - 32px) !important;
}

header,
.container > .brand,
main.container,
.shell {
  position: relative;
}

.brand-mark,
.brand img,
.product-logo {
  display: block;
}

.hero,
.card,
.panel,
.kpi,
.flow,
.digest,
.task-row,
.product-choice,
article {
  border: 1px solid var(--page-border) !important;
  border-radius: 8px !important;
  background: var(--page-surface) !important;
  box-shadow: var(--page-shadow-soft) !important;
}

.hero,
.digest,
.product-choice {
  box-shadow: var(--page-shadow) !important;
}

.product-choice:hover,
.card.featured,
.panel:hover,
.kpi:hover {
  box-shadow: var(--page-shadow) !important;
}

.product-choice.chat {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(245, 248, 255, 0.9)),
    var(--page-surface-strong) !important;
}

.product-choice.ask,
.digest {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 248, 241, 0.9)),
    var(--page-surface-strong) !important;
}

h1,
h2,
h3,
.tier,
.price,
.kpi-value,
.panel-stat {
  color: var(--page-ink) !important;
  letter-spacing: 0 !important;
}

h1 {
  text-wrap: balance;
}

.lead,
.meta,
.muted,
li,
.card p,
.card li,
.flow li,
.task-row span,
footer {
  color: var(--page-muted) !important;
}

.button,
button {
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: var(--page-blue) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(20, 87, 217, 0.15);
}

.button:hover,
button:hover {
  background: var(--page-blue-dark) !important;
  transform: translateY(-1px);
}

.button.secondary,
.secondary,
.top-link,
.switcher a {
  border: 1px solid var(--page-border) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: var(--page-blue-dark) !important;
  box-shadow: none !important;
}

.secondary {
  margin-left: 0 !important;
}

.card .button,
.flow .button {
  margin-top: 4px;
}

.button + .button {
  margin-left: 8px;
}

.button.secondary:hover,
.secondary:hover,
.top-link:hover {
  background: #eef3ff !important;
}

.switcher {
  border-color: var(--page-border) !important;
  background: rgba(255, 255, 255, 0.7) !important;
  box-shadow: var(--page-shadow-soft);
}

.switcher a {
  border: 0 !important;
}

.switcher a.active {
  background: var(--page-ink) !important;
  color: #fff !important;
}

.product-tag,
.product-label,
.label,
.eyebrow {
  letter-spacing: 0.06em !important;
}

.product-tag,
.product-label,
.label {
  border-radius: 999px !important;
  border-color: var(--page-border) !important;
  background: var(--page-soft) !important;
  color: var(--page-ink) !important;
}

.terminal,
.command {
  border: 1px solid #242936 !important;
  border-radius: 8px !important;
  background: #101521 !important;
  box-shadow: var(--page-shadow-soft);
}

table,
.table {
  border-collapse: separate !important;
  border-spacing: 0;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--page-border);
  border-radius: 8px;
}

th,
td {
  border-color: var(--page-border) !important;
}

th {
  background: #f3f4f0 !important;
  color: var(--page-ink);
}

td,
th {
  padding: 11px 12px !important;
}

article {
  margin: 24px auto !important;
}

article h1 {
  font-size: clamp(2rem, 4vw, 3rem);
}

article p,
article li {
  line-height: 1.7;
}

footer {
  border-top: 1px solid var(--page-border);
  padding-top: 18px;
}

footer a {
  color: var(--page-blue-dark) !important;
  font-weight: 700;
}

@media (max-width: 760px) {
  .container,
  .shell {
    width: min(100% - 24px, 560px) !important;
  }

  .button,
  button {
    width: fit-content;
  }

  .button + .button {
    margin-left: 0;
    margin-top: 8px;
  }

  table,
  .table {
    display: block;
    overflow-x: auto;
  }
}