/* AdComp Support design system tokens. Copied from project-unification/docs/design-system/tokens.css
   with its line 2 (the Google Fonts URL rule) removed: the platform vendors Public Sans in fonts.css.
   Regenerate by re-copying; never hand-edit. Module CSS does not read these names directly:
   platform.css maps them onto the role names (--ink, --panel, --accent, ...) the modules use. */
/* AdComp Support — generated from tokens.json. Light is the default; set data-theme="dark" on <html> (or any container) for dark. */
:root, [data-theme="light"] {
  --brand-navy: #001250;
  --brand-blue: #048dd6;
  --brand-green: #7dc242;
  --surface: #ffffff;
  --surface-subtle: #f3f5f9;
  --surface-raised: #ffffff;
  --border: #d5dbe5;
  --border-strong: #7d8aa1;
  --ink: #001250;
  --text: #1c2333;
  --text-muted: #4a5468;
  --header-bg: #001250;
  --header-text: #ffffff;
  --header-muted: #cfd6e2;
  --action: #0670a8;
  --action-hover: #055a87;
  --on-action: #ffffff;
  --action-soft: #e6f3fb;
  --focus-ring: #048dd6;
  --success: #3a7518;
  --success-soft: #e8f4de;
  --warning: #9a5200;
  --warning-soft: #fdf1e0;
  --danger: #b42318;
  --danger-soft: #fdecea;
  --pae: #00766e;
  --pae-soft: #e0f2f0;
  --on-pae: #ffffff;
  --got: #5b4a9e;
  --got-soft: #ece8f7;
  --on-got: #ffffff;
  --sc: #8a2342;
  --sc-soft: #f7e4ea;
  --on-sc: #ffffff;
  --shadow-card: 0 1px 2px rgba(0, 18, 80, 0.06), 0 2px 8px rgba(0, 18, 80, 0.06);
  --shadow-overlay: 0 8px 24px rgba(0, 18, 80, 0.16);
}
[data-theme="dark"] {
  --surface: #0b1220;
  --surface-subtle: #131c2e;
  --surface-raised: #1a2538;
  --border: #2b3850;
  --border-strong: #6b7a94;
  --ink: #ffffff;
  --text: #dde3ee;
  --text-muted: #a5b0c4;
  --action: #5cb8ee;
  --action-hover: #8acdf3;
  --on-action: #0b1220;
  --action-soft: #0f2638;
  --focus-ring: #5cb8ee;
  --success: #8fd25a;
  --success-soft: #16260f;
  --warning: #f0a54a;
  --warning-soft: #33220c;
  --danger: #ff8a7a;
  --danger-soft: #3a1512;
  --pae: #4cc9bd;
  --pae-soft: #0f2e2c;
  --on-pae: #0b1220;
  --got: #b3a4f0;
  --got-soft: #231d3d;
  --on-got: #0b1220;
  --sc: #f08aa8;
  --sc-soft: #3a1622;
  --on-sc: #0b1220;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-overlay: 0 8px 24px rgba(0, 0, 0, 0.5);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface: #0b1220;
    --surface-subtle: #131c2e;
    --surface-raised: #1a2538;
    --border: #2b3850;
    --border-strong: #6b7a94;
    --ink: #ffffff;
    --text: #dde3ee;
    --text-muted: #a5b0c4;
    --action: #5cb8ee;
    --action-hover: #8acdf3;
    --on-action: #0b1220;
    --action-soft: #0f2638;
    --focus-ring: #5cb8ee;
    --success: #8fd25a;
    --success-soft: #16260f;
    --warning: #f0a54a;
    --warning-soft: #33220c;
    --danger: #ff8a7a;
    --danger-soft: #3a1512;
    --pae: #4cc9bd;
    --pae-soft: #0f2e2c;
    --on-pae: #0b1220;
    --got: #b3a4f0;
    --got-soft: #231d3d;
    --on-got: #0b1220;
    --sc: #f08aa8;
    --sc-soft: #3a1622;
    --on-sc: #0b1220;
    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-overlay: 0 8px 24px rgba(0, 0, 0, 0.5);
  }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-28: 112px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 999px;
  --brand-strip: 4px;
  --header-height: 64px;
  --content-max: 760px;
  --page-max: 1200px;
  --font-sans: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace;
  --display-1-size: 136px;
  --display-1-line: 150px;
  --display-2-size: 96px;
  --display-2-line: 112px;
  --display-3-size: 56px;
  --display-3-line: 78px;
  --display-4-size: 46px;
  --display-4-line: 66px;
  --display-eyebrow-size: 30px;
  --display-eyebrow-line: 40px;
  --display-figure-size: 150px;
  --display-figure-line: 160px;
  --display-quote-size: 80px;
  --display-quote-line: 108px;
  --display-row-size: 54px;
  --display-row-line: 72px;
  --display-chip-size: 36px;
  --display-chip-line: 44px;
  --display-small-size: 40px;
  --display-small-line: 52px;
  --display-clock-size: 260px;
  --display-clock-line: 280px;
}
.display { font-family: var(--font-sans); font-size: 40px; line-height: 48px; font-weight: 700; letter-spacing: -0.01em; }
.h1 { font-family: var(--font-sans); font-size: 32px; line-height: 40px; font-weight: 700; letter-spacing: -0.005em; }
.h2 { font-family: var(--font-sans); font-size: 24px; line-height: 32px; font-weight: 700; }
.h3 { font-family: var(--font-sans); font-size: 19px; line-height: 28px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 600; }
.small { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.eyebrow { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }
.code { font-family: var(--font-mono); font-size: 14px; line-height: 20px; font-weight: 400; }
.display-1 { font-family: var(--font-sans); font-size: 136px; line-height: 150px; font-weight: 700; letter-spacing: -0.01em; }
.display-2 { font-family: var(--font-sans); font-size: 96px; line-height: 112px; font-weight: 700; letter-spacing: -0.01em; }
.display-3 { font-family: var(--font-sans); font-size: 56px; line-height: 78px; font-weight: 400; }
.display-4 { font-family: var(--font-sans); font-size: 46px; line-height: 66px; font-weight: 400; }
.display-eyebrow { font-family: var(--font-sans); font-size: 30px; line-height: 40px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; }
.display-figure { font-family: var(--font-sans); font-size: 150px; line-height: 160px; font-weight: 700; letter-spacing: -0.02em; }
.display-quote { font-family: var(--font-sans); font-size: 80px; line-height: 108px; font-weight: 600; }
.display-row { font-family: var(--font-sans); font-size: 54px; line-height: 72px; font-weight: 400; }
.display-chip { font-family: var(--font-sans); font-size: 36px; line-height: 44px; font-weight: 600; }
.display-small { font-family: var(--font-sans); font-size: 40px; line-height: 52px; font-weight: 600; }
.display-clock { font-family: var(--font-sans); font-size: 260px; line-height: 280px; font-weight: 700; letter-spacing: -0.02em; }