:root {
  --brand-paper: #fafaf9;
  --brand-surface: #ffffff;
  --brand-ink: #111313;
  --brand-ink-soft: #4d5254;
  --brand-muted: #74797b;
  --brand-rule: #dedfdd;
  --brand-signal: #315d72;
  --brand-signal-soft: #edf3f5;
  --brand-night: #06090d;
  --brand-night-surface: #0b1118;
  --brand-night-rule: #1e2a35;
  --brand-night-ink: #e9edf0;
  --brand-night-soft: #b5c0c9;
  --brand-night-muted: #788693;
  --brand-night-signal: #62a5ce;
  --brand-amber: #f0a33a;
  --brand-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Baskerville, Georgia, serif;
  --brand-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --brand-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --brand-max: 1160px;
  --brand-gutter: clamp(20px, 4vw, 56px);
}

body.brand-unified { font-family: var(--brand-sans); }
.brandbar { position: sticky; top: 0; z-index: 60; width: 100%; border-bottom: 1px solid var(--brand-rule); background: color-mix(in srgb, var(--brand-paper) 91%, transparent); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.brandbar-inner { width: min(100%, var(--brand-max)); min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 auto; padding-inline: var(--brand-gutter); }
.brand-wordmark { min-width: 0; display: inline-flex; align-items: center; gap: 10px; color: var(--brand-ink); font-family: var(--brand-sans); font-size: 13px; font-weight: 680; letter-spacing: -.01em; text-decoration: none; white-space: nowrap; }
.brand-mark { width: 9px; height: 9px; flex: 0 0 auto; display: block; border: 0; border-radius: 0; color: transparent; background: var(--brand-signal); box-shadow: 4px 4px 0 var(--brand-signal-soft); }
.brand-context { color: var(--brand-muted); font-weight: 420; }
.brandbar-main { display: flex; align-items: center; gap: 24px; }
.brand-surface-nav { display: flex; align-items: center; gap: 20px; }
.brand-surface-nav a { position: relative; padding: 6px 0; color: var(--brand-muted); font-family: var(--brand-sans); font-size: 12px; line-height: 1; text-decoration: none; }
.brand-surface-nav a:hover, .brand-surface-nav a[aria-current="page"] { color: var(--brand-ink); }
.brand-surface-nav a[aria-current="page"]::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: var(--brand-signal); }
.brand-actions { display: flex; align-items: center; gap: 16px; }
.brand-status { color: var(--brand-muted); font-family: var(--brand-mono); font-size: 9px; letter-spacing: .09em; text-transform: uppercase; white-space: nowrap; }
.brand-status::before { content: ""; width: 5px; height: 5px; display: inline-block; margin: 0 7px 1px 0; border-radius: 50%; background: var(--brand-signal); }
.brand-language { display: inline-flex; align-items: center; gap: 2px; color: var(--brand-muted); font-family: var(--brand-mono); font-size: 10px; letter-spacing: .04em; }
.brand-language button { border: 0; border-bottom: 1px solid transparent; padding: 5px 4px 3px; color: inherit; background: none; font: inherit; line-height: 1; cursor: pointer; }
.brand-language button:hover, .brand-language button[aria-pressed="true"] { color: var(--brand-ink); }
.brand-language button[aria-pressed="true"] { border-color: var(--brand-ink); }
.brand-footer { margin: 0; padding: 0; border-top: 1px solid var(--brand-rule); color: var(--brand-muted); background: var(--brand-paper); font-family: var(--brand-sans); letter-spacing: 0; }
.brand-footer-inner { width: min(100%, var(--brand-max)); min-height: 112px; display: grid; grid-template-columns: minmax(230px, 1fr) auto auto; gap: 32px; align-items: center; margin: 0 auto; padding: 26px var(--brand-gutter); }
.brand-footer-identity strong { display: block; color: var(--brand-ink); font-family: var(--brand-serif); font-size: 20px; font-weight: 400; }
.brand-footer-identity span { color: var(--brand-muted); font-family: var(--brand-mono); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.brand-footer-identity p { max-width: 58ch; margin: 8px 0 0; color: var(--brand-muted); font-family: var(--brand-sans); font-size: 12px; line-height: 1.55; }
.brand-footer-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px 18px; }
.brand-footer-nav a { color: var(--brand-ink-soft); font-family: var(--brand-sans); font-size: 12px; text-decoration: none; border-bottom: 1px solid transparent; }
.brand-footer-nav a:hover { color: var(--brand-ink); border-color: var(--brand-rule); }
.brand-footer-meta { color: var(--brand-muted); font-family: var(--brand-mono); font-size: 9px; letter-spacing: .06em; text-align: right; text-transform: uppercase; white-space: nowrap; }
body.brand-dark { --brand-paper: #06090d; --brand-surface: #0b1118; --brand-ink: #e9edf0; --brand-ink-soft: #b5c0c9; --brand-muted: #788693; --brand-rule: #1e2a35; --brand-signal: #62a5ce; --brand-signal-soft: #142733; --display: var(--brand-serif); --body: var(--brand-sans); --mono: var(--brand-mono); }
.brandbar--dark { border-color: rgba(98, 165, 206, .18); background: rgba(6, 9, 13, .9); }
.brandbar--dark .brand-mark { background: var(--brand-night-signal); box-shadow: 4px 4px 0 rgba(98, 165, 206, .15); }
.brandbar--dark .brand-status::before { background: var(--brand-amber); box-shadow: 0 0 12px rgba(240, 163, 58, .55); }
.brand-footer--dark { border-color: var(--brand-night-rule); color: var(--brand-night-muted); background: var(--brand-night); }
.brand-footer--dark .brand-footer-identity strong { color: var(--brand-night-ink); }
.brand-footer--dark .brand-footer-nav a { color: var(--brand-night-soft); }
.brand-footer--dark .brand-footer-nav a:hover { color: var(--brand-night-ink); }
body.brand-dark h1, body.brand-dark section h2, body.brand-dark .footer-grid strong { font-family: var(--brand-serif); font-weight: 400; }
body.brand-dark .brief-card h3, body.brand-dark .limits-card h3, body.brand-dark .metric-card h3 { font-family: var(--brand-sans); }
body.brand-unified header.hero > .lang-toggle { display: none; }
@media (max-width: 880px) { .brand-context { display: none; } .brand-surface-nav { gap: 14px; } .brand-status { display: none; } .brand-footer-inner { grid-template-columns: 1fr auto; } .brand-footer-meta { display: none; } }
@media (max-width: 640px) {
  .brandbar {
    border-bottom: 0;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    pointer-events: none;
  }
  .brandbar::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0 0 auto;
    height: 58px;
    border-bottom: 1px solid var(--brand-rule);
    background: color-mix(in srgb, var(--brand-paper) 91%, transparent);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }
  .brandbar::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 96px;
    right: 0;
    left: 0;
    height: 1px;
    background: var(--brand-rule);
    opacity: 1;
    pointer-events: none;
    transition: opacity 180ms ease-out;
  }
  .brandbar-inner {
    position: relative;
    z-index: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: 58px 38px;
    gap: 0 12px;
  }
  .brand-wordmark {
    z-index: 2;
    grid-column: 1;
    grid-row: 1;
    font-size: 12px;
    pointer-events: auto;
  }
  .brandbar-main { display: contents; }
  .brand-surface-nav {
    z-index: 1;
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: stretch;
    display: flex;
    justify-content: space-between;
    gap: 0;
    width: 100%;
    min-height: 0;
    overflow: hidden;
    background: color-mix(in srgb, var(--brand-paper) 91%, transparent);
    border-top: 1px solid color-mix(in srgb, var(--brand-rule) 72%, transparent);
    opacity: 1;
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
    will-change: transform, opacity;
    transition: opacity 180ms ease-out, transform 240ms cubic-bezier(.22, 1, .36, 1);
  }
  .brand-surface-nav a {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    padding: 0;
    font-size: 11px;
    letter-spacing: .01em;
  }
  .brand-surface-nav a[aria-current="page"]::after {
    bottom: 3px;
    height: 2px;
  }
  .brand-actions {
    z-index: 2;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    gap: 8px;
    pointer-events: auto;
  }
  .brandbar--nav-hidden .brand-surface-nav {
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, -8px, 0);
  }
  .brandbar--nav-hidden::after { opacity: 0; }
  .brand-footer-inner { min-height: 0; grid-template-columns: 1fr; gap: 18px; padding-block: 30px; }
  .brand-footer-nav { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) { .brandbar *, .brand-footer * { transition: none !important; } }