:root {
  --brand-cyan: #03AED2;
  --brand-yellow: #F8DE22;
  --brand-orange: #F45B26;
  --brand-red: #D12052;
  --brand-navy: #10253f;
  --brand-ink: #182230;
  --brand-muted: #667085;
  --brand-surface: #f7f9fc;
  --brand-border: #e4e7ec;
  --brand-radius: 18px;
  --brand-shadow: 0 18px 50px rgba(16, 37, 63, .10);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--brand-ink); background: #fff; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
.brand-mark { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: var(--brand-cyan); color: white; font-weight: 900; letter-spacing: -.04em; box-shadow: 0 8px 20px rgba(3,174,210,.25); }
.brand-word { font-size: 20px; font-weight: 850; letter-spacing: -.04em; }
.brand-word span { color: var(--brand-cyan); }
.focusable:focus-visible, button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid rgba(3,174,210,.3); outline-offset: 2px; }
.skip-link { position: fixed; left: 12px; top: -60px; z-index: 100; background: white; padding: 10px 14px; border-radius: 8px; }
.skip-link:focus { top: 12px; }