:root {
  --ink: #152451;
  --blue: #3445d9;
  --mint: #c7f9ef;
  --cream: #f8faff;
  --text-secondary: #344569;
}

body {
  background: linear-gradient(140deg, #edf2ff 0%, #f8faff 42%, #effcf9 75%, #fff4e4 100%);
  font-family: system-ui, "Segoe UI", sans-serif;
}

header { background: #f8fafff5; }
h1, h2, h3 { font-weight: 800; }
h1 em { color: #4531c9; }
.eyebrow { color: #4b35b5; }
.lead, .introduction p, .section-heading > p, .feature p, details p {
  color: var(--text-secondary);
}

.hero-art {
  background: linear-gradient(145deg, #c2b9ff, #a4e5ff 52%, #a9f1ce);
}
.app-top, .ribbon {
  background: linear-gradient(115deg, #282470, #3445b8 58%, #087273);
  color: #fff;
}
.floating { color: #24225d; }
.button { background: linear-gradient(115deg, #4933d5, #205ac9); }
.button:hover { background: linear-gradient(115deg, #3823aa, #1947a5); }

.features-section { background: linear-gradient(120deg, #e8efff, #e4faf5); }
.feature { border-color: #cdd8f5; }
.feature:hover { border-color: #7771ec; }
.people article { background: #dce4ff; }
.people article:nth-child(2) { background: #ccf5e6; }
.people article:nth-child(3) { background: #ffe5bf; }
.onboarding { background: linear-gradient(120deg, #25205c, #263994 64%, #13636c); }
.onboarding .eyebrow { color: #c8ceff; }
.onboarding .section-heading p, .steps p { color: #e1e8ff; }
.contact { background: linear-gradient(125deg, #d9d4ff, #c8f7ef 70%, #ffedc5); }