@font-face { font-family: Inter; src: url("./fonts/inter-var.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("./fonts/instrument-serif-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Space Mono"; src: url("./fonts/space-mono-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Space Mono"; src: url("./fonts/space-mono-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }
:root { color-scheme: dark; --ground:#05070c; --ground-2:#080b12; --panel:#0d1119; --raised:#111725; --line:#26303f; --line-hi:#364355; --text:#f2f5f9; --secondary:#b4becd; --tertiary:#8f9aac; --muted:#7e8ba0; --cyan:#4ee0c8; --cyan-hi:#8df3e2; --blue:#5a9be0; --violet:#a78bfa; --gutter:clamp(20px,5vw,64px); --ease:cubic-bezier(.22,1,.36,1); font-family:Inter,system-ui,sans-serif; font-size:18px; line-height:1.65; background:var(--ground); color:var(--text); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ground); }
body { margin:0; min-width:0; background:radial-gradient(circle at 15% 0,rgba(78,224,200,.10),transparent 32rem),radial-gradient(circle at 92% 18%,rgba(167,139,250,.10),transparent 30rem),var(--ground); }
a { color:var(--cyan-hi); text-underline-offset:.2em; }
a:hover { color:white; }
button,a { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid var(--cyan); outline-offset:4px; }
.skip-link { position:fixed; left:1rem; top:-6rem; z-index:100; padding:.7rem 1rem; color:var(--ground); background:var(--cyan-hi); border-radius:6px; font-weight:800; }
.skip-link:focus { top:1rem; }
.site-header { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:2rem; min-height:76px; padding:0 var(--gutter); background:rgba(5,7,12,.88); border-bottom:1px solid transparent; backdrop-filter:blur(16px); }
.site-header[data-scrolled="true"] { border-color:var(--line); }
.brand { display:inline-flex; align-items:center; gap:.7rem; min-height:44px; color:var(--text); text-decoration:none; font-weight:850; letter-spacing:.12em; }
.brand img { width:34px; height:34px; }
.menu-toggle { display:none; min-height:44px; padding:.55rem .8rem; color:var(--text); background:var(--panel); border:1px solid var(--line-hi); border-radius:6px; font:700 .84rem "Space Mono",monospace; }
.primary-nav { display:flex; align-items:center; gap:.35rem; }
.primary-nav a,.primary-nav span { display:inline-flex; align-items:center; min-height:44px; padding:.5rem .7rem; color:var(--secondary); text-decoration:none; border-radius:6px; font-size:.9rem; font-weight:750; }
.primary-nav a:hover,.primary-nav a[aria-current="page"] { color:var(--text); background:var(--raised); }
.primary-nav a[aria-current="page"] { box-shadow:inset 0 -2px 0 var(--cyan); }
.primary-nav .pending { color:var(--tertiary); border:1px dashed var(--line-hi); }
.primary-nav .company-link { color:var(--cyan-hi); border:1px solid var(--line-hi); }
main { display:block; }
.shell { width:min(1200px,calc(100% - 2 * var(--gutter))); margin-inline:auto; }
.hero { padding:clamp(5rem,10vw,9rem) 0 clamp(4rem,8vw,7rem); border-bottom:1px solid var(--line); }
.eyebrow,.status,.topics,.evidence-label { font-family:"Space Mono",monospace; font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; }
.eyebrow { margin:0 0 1rem; color:var(--cyan); }
h1,h2,h3 { margin-top:0; color:var(--text); font-family:"Instrument Serif",Georgia,serif; font-weight:400; line-height:1.02; }
h1 { max-width:900px; margin-bottom:1.2rem; font-size:clamp(3.2rem,9vw,7.4rem); letter-spacing:-.045em; }
h2 { margin-bottom:1rem; font-size:clamp(2.25rem,5vw,4.5rem); letter-spacing:-.035em; }
h3 { margin-bottom:.65rem; font-size:clamp(1.5rem,3vw,2.2rem); }
.standfirst { max-width:62ch; color:var(--secondary); font-size:clamp(1.08rem,2.1vw,1.34rem); }
.status-line { max-width:70ch; margin-top:1.5rem; padding-left:1rem; color:var(--secondary); border-left:3px solid var(--violet); }
.actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:.7rem 1rem; color:var(--ground); background:linear-gradient(120deg,var(--cyan),var(--blue)); border:1px solid transparent; border-radius:6px; font-weight:850; text-decoration:none; }
.button.secondary { color:var(--text); background:transparent; border-color:var(--line-hi); }
.button.pending { color:var(--tertiary); background:var(--panel); border-color:var(--line); cursor:not-allowed; }
.band { padding:clamp(3.8rem,8vw,7rem) 0; border-bottom:1px solid var(--line); }
.section-lede { max-width:62ch; color:var(--secondary); }
.grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:2rem; }
.grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.card { padding:clamp(1.35rem,3vw,2.1rem); background:linear-gradient(150deg,var(--raised),var(--panel)); border:1px solid var(--line); border-radius:14px; }
.card:hover { border-color:var(--line-hi); transform:translateY(-2px); transition:transform .24s var(--ease),border-color .24s var(--ease); }
.card p { color:var(--secondary); }
.status { display:inline-flex; align-items:center; gap:.55rem; color:var(--cyan-hi); }
.status::before { content:""; width:.65rem; height:.65rem; background:transparent; border:2px solid currentColor; border-radius:50%; }
.topics { display:flex; flex-wrap:wrap; gap:.45rem; padding:0; list-style:none; color:var(--tertiary); }
.topics li { padding:.28rem .5rem; border:1px solid var(--line-hi); border-radius:999px; }
.article-list { display:grid; gap:1rem; padding:0; list-style-position:inside; }
.article-list > li { padding:0; }
.article-list article { margin-top:.5rem; }
.prose { width:min(760px,calc(100% - 2 * var(--gutter))); margin:0 auto; padding:clamp(4rem,8vw,7rem) 0; }
.prose header { margin-bottom:3rem; padding-bottom:2rem; border-bottom:1px solid var(--line); }
.prose section { margin:3rem 0; }
.prose h1 { font-size:clamp(2.8rem,7vw,6rem); }
.prose p,.prose li { max-width:62ch; color:var(--secondary); }
.prose strong { color:var(--text); }
.references { padding-left:1.4rem; }
.references li { margin:.9rem 0; }
.site-footer { padding:2.5rem var(--gutter); color:var(--tertiary); background:var(--ground-2); }
.site-footer .shell { display:flex; justify-content:space-between; gap:2rem; }
.site-footer p { max-width:62ch; margin:0; }
.footer-company { display:inline-flex; align-items:center; min-height:44px; font-weight:800; white-space:nowrap; }
.external-note { display:block; color:var(--muted); font-size:.84rem; }
.seam { height:2px; background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet)); }
@media (max-width:860px) {
  .site-header { flex-wrap:wrap; padding-block:.75rem; }
  .menu-toggle { display:inline-flex; align-items:center; }
  .primary-nav { display:none; flex-basis:100%; flex-direction:column; align-items:stretch; padding-bottom:.5rem; }
  .primary-nav.open { display:flex; }
  .primary-nav a,.primary-nav span { width:100%; }
}
@media (max-width:600px) {
  .grid,.grid.two { grid-template-columns:1fr; }
  .site-footer .shell { display:grid; }
}
@media (max-width:430px) {
  :root { font-size:17px; }
  .shell { width:min(100% - 40px,1200px); }
  h1 { font-size:clamp(2.8rem,17vw,4.5rem); }
  .actions { display:grid; }
}
@media (pointer:coarse) { .primary-nav a,.menu-toggle,.button { min-height:44px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; } }