/* Brand fonts and tokens from public/app/styles.css; test/domain.test.js guards drift. */
/* ============ FONTS ============
 * Satoshi (display: the name, headings, figures) and Inter (text), both served from /fonts/.
 * Satoshi is the file Fontshare distributes, unmodified (ITF Free Font License 2.0: self-hosting and
 * app embedding allowed, no subsetting or conversion). Inter is the OFL build in Google's latin and
 * latin-ext subsets (latin-ext carries the dotted letters of transliterated Arabic). */
@font-face{font-family:"Satoshi";src:url("/fonts/Satoshi-Variable.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/fonts/Inter-Variable-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";src:url("/fonts/Inter-Variable-latin-ext.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  color-scheme: light;
  --bg:#FBFAF6; --surface:#FFFFFF; --surface2:#F4F1EA;
  --ink:#0B2B2B; --ink2:#3A5350; --muted:#5F726F;
  --grid:#E6E1D5; --axis:#C4BEAF; --border:rgba(11,43,43,.22);
  --brand:#0F5C5C; --brand-deep:#0A4545; --brand-soft:#DCE9E7; --brand-line:#B5D0CC;
  --gold:#C9A86A; --gold-ink:#7A5B1E; --gold-soft:#F5EEDF;
  --on-brand:#fff; --logo-q:#0F5C5C; --logo-qa:.6; --logo-c:#C9A86A;
  --critical-text:#C33434;
  --control-outline:#6F8380; --on-switch:#FFFFFF;
  --chart-total:#000000; --chart-total-opacity:.45; --chart-assessed:#10365F;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-display:"Satoshi","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --good:#0ca30c; --good-text:#006300; --warn:#fab219; --serious:#ec835a; --critical:#d03b3b;
  --s1:#2a78d6; --s2:#df5d2b; --s3:#168D62; --s4:#B07800; --s5:#CB5782; --s6:#008300;
  --seq:#2a78d6; --seq-track:#F4F1EA; --seq-deep:#1c5cab;
  --shadow:0 1px 2px rgba(11,11,11,.05),0 8px 24px -12px rgba(11,11,11,.12);
  --shadow-lg:0 12px 40px -12px rgba(11,11,11,.25);
  --radius:14px;
}
@media (prefers-color-scheme: dark){
:root{
  color-scheme: dark;
  --bg:#071C1C; --surface:#0E2828; --surface2:#153434;
  --ink:#F4F1EA; --ink2:#BCCBC8; --muted:#8DA3A0;
  --grid:#1D3B3B; --axis:#2B4A4A; --border:rgba(244,241,234,.24);
  --brand:#5FBDB4; --brand-deep:#7FD0C8; --brand-soft:#0F3535; --brand-line:#1F4F4F;
  --gold:#D6BA82; --gold-ink:#E2CA98; --gold-soft:#2B2416;
  --on-brand:#06201F; --logo-q:#7FD0C8; --logo-qa:.5;
  --critical-text:#f4807f;
  --control-outline:#8DA3A0; --on-switch:#06201F;
  --chart-total:#FFFFFF; --chart-total-opacity:.85; --chart-assessed:#2a78d6;
  --good:#0ca30c; --good-text:#0ca30c; --warn:#fab219; --serious:#ec835a; --critical:#d03b3b;
  --s1:#3987e5; --s2:#d95926; --s3:#199e70; --s4:#c98500; --s5:#d55181; --s6:#008300;
  --seq:#3987e5; --seq-track:#0E2828; --seq-deep:#86b6ef;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.5);
  --shadow-lg:0 12px 40px -12px rgba(0,0,0,.6);
}
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6}
a{color:var(--brand-deep);text-underline-offset:.2em;overflow-wrap:anywhere}
a:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
.skip{position:absolute;top:-80px;left:16px;padding:8px 16px;background:var(--surface);border:1px solid var(--brand)}
.skip:focus{top:16px}
main{max-width:720px;margin:0 auto;padding:clamp(48px,12vw,120px) 24px}
.company-mark{display:block;width:56px;height:56px;margin-bottom:24px}
h1,h2{font-family:var(--font-display);line-height:1.2;letter-spacing:-.02em}
h1{font-size:clamp(32px,6vw,48px);margin:0 0 20px}
h2{font-size:24px;margin:48px 0 12px}
p{max-width:58ch;color:var(--ink2)}
.company-link{display:inline-flex;align-items:center;min-height:48px;padding:10px 20px;border-radius:12px;background:var(--gold);color:#0B2B2B;font-weight:700;text-decoration:none}
.company-link:hover{text-decoration:underline}