:root {
  --navy: #0b2545;
  --dark: #071827;
  --orange: #f5821f;
  --orange2: #ff9d40;
  --paper: #f4f7fb;
  --card: #fff;
  --ink: #172230;
  --muted: #606b79;
  --line: rgba(11, 37, 69, .12);
  --green: var(--navy);
  --green-dark: var(--dark);
  --lime: var(--orange);
  --shadow: 0 24px 60px -34px rgba(11, 37, 69, .42);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

body {
  color: var(--ink);
  background: radial-gradient(900px 500px at 80% 0, #dfeafa 0, transparent 65%), var(--paper);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

.topbar { background: rgba(255, 255, 255, .9); }
.brand strong { color: var(--orange); }
.brand-mark {
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  color: var(--orange);
  font-size: 28px;
  font-weight: 900;
}

.eyebrow { color: var(--orange); }
h1, h2, h3 {
  color: var(--navy);
  font-family: inherit;
  font-weight: 850;
}

.honesty {
  border-left-color: var(--orange);
  background: #fff7ef;
  color: var(--navy);
}

.compass span {
  color: var(--navy);
  font-family: inherit;
  font-weight: 850;
}

.compass b { background: linear-gradient(to bottom, var(--orange) 0 50%, var(--navy) 50%); }
.button { border-radius: 999px; }
.primary {
  background: var(--orange);
  box-shadow: 0 10px 24px rgba(245, 130, 31, .28);
}
.primary:hover { background: #dc6f11; }
.ghost { color: var(--navy); border-color: var(--line); }
.progress span { background: linear-gradient(90deg, var(--orange), var(--orange2)); }
.idea-number { color: var(--navy); background: #edf2f7; }
.agreement-grid div, .idea-card { background: #fbfcfe; }
.consent-box { background: #f7f9fc; }
.warning { background: #fff7ef; color: #7b491b; }
input:focus, select:focus, textarea:focus {
  border-color: var(--orange);
  box-shadow: 0 0 0 3px rgba(245, 130, 31, .12);
}