:root { color-scheme:dark; --background:oklch(13.5% .004 260); --surface:oklch(17.5% .005 260); --instrument:oklch(11% .004 260); --foreground:oklch(94% .002 260); --muted:oklch(64% .007 260); --faint:oklch(46% .006 260); --border:oklch(25% .006 260); --resonance:oklch(62% .19 303); --signal:oklch(78% .115 70); background:var(--background); color:var(--foreground); font-family:'plex-sans',Arial,sans-serif; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
* { box-sizing:border-box; }
body { margin:0; min-height:100svh; display:flex; flex-direction:column; }
main { flex:1; }
a { color:inherit; text-underline-offset:4px; }
a:hover { color:var(--foreground); }
button { font:inherit; }
[hidden] { display:none!important; }
:focus-visible { outline:2px solid var(--signal); outline-offset:4px; }
::selection { background:color-mix(in oklch,var(--signal) 30%,transparent); }
h1,h2,p,figure,ul,dl,dd { margin:0; }
h1,h2 { font-weight:500; letter-spacing:-.015em; text-wrap:balance; }
p { font-size:1rem; line-height:1.625; color:var(--muted); text-wrap:pretty; }
.container { width:100%; max-width:84rem; margin-inline:auto; padding-inline:1.5rem; }
.label { font-family:'plex-mono',monospace; font-size:.6875rem; line-height:1.2; letter-spacing:.16em; text-transform:uppercase; font-weight:400; font-variant-numeric:tabular-nums slashed-zero; color:var(--faint); }
.skip-link { position:absolute; left:1.5rem; top:-100px; padding:1rem; background:var(--surface); z-index:50; }
.skip-link:focus { top:1rem; }
.site-header { position:relative; z-index:10; border-bottom:1px solid var(--border); }
.header-inner { min-height:5rem; display:flex; align-items:center; }
.header-brand { display:flex; flex-direction:column; gap:.5rem; text-decoration:none; }
.brand { display:inline-flex; align-items:flex-start; gap:9px; font-size:1.5rem; }
.brand-symbol { width:21.21px; height:21.18px; margin-top:1.067px; }
.brand-wordmark { height:24px; width:auto; }
.header-subtitle { font-size:.5625rem; line-height:1.35; letter-spacing:.14em; }
.header-subtitle span { display:block; white-space:nowrap; }
.field-hero { position:relative; isolation:isolate; overflow:hidden; background:var(--instrument); color:oklch(92% .002 260); }
.field-static,.field-canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.field-canvas { opacity:0; transition:opacity 769.23ms; }
.field-canvas.is-ready { opacity:1; }
.field-scrim-horizontal { position:absolute; inset:0; background:linear-gradient(to right,var(--instrument),color-mix(in oklch,var(--instrument) 55%,transparent),transparent); pointer-events:none; }
.field-scrim-bottom { position:absolute; inset-inline:0; bottom:0; height:66.667%; background:linear-gradient(to top,var(--instrument),color-mix(in oklch,var(--instrument) 70%,transparent),transparent); pointer-events:none; }
.hero-content { position:relative; padding-block:2rem; }
.hero-eyebrow { display:flex; align-items:flex-start; justify-content:space-between; gap:2rem; margin-bottom:2.5rem; }
.hero-eyebrow .label { color:rgb(255 255 255 / .4); }
.signal-square { margin-top:.25rem; width:6px; height:6px; flex-shrink:0; background:var(--signal); }
.hero-copy h1 { font-size:3rem; line-height:1.05; }
.hero-copy p { max-width:58ch; margin-top:1rem; color:rgb(255 255 255 / .65); }
.hero-content > .pulse-monitor { margin-top:1.5rem; }
.pulse-monitor { border:1px solid var(--border); background:var(--surface); min-width:0; }
.monitor-header { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:1rem; border-bottom:1px solid var(--border); padding:1rem 1.5rem; }
.monitor-pri { display:inline-flex; align-items:baseline; gap:.75rem; }
.pri-value { font-family:'plex-mono',monospace; font-size:1.25rem; line-height:1; font-variant-numeric:tabular-nums; color:var(--resonance); }
.signal { position:relative; height:16rem; width:100%; overflow:hidden; background:var(--instrument); }
.pulse-canvas,.signal-fallback { position:absolute; inset:0; width:100%; height:100%; }
.signal-fallback { object-fit:fill; }
.pulse-canvas { opacity:0; }
.signal.is-ready .pulse-canvas { opacity:1; }
.signal.is-ready .signal-fallback { visibility:hidden; }
.monitor-caption { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.5rem 1.25rem; border-top:1px solid var(--border); padding:.75rem 1.5rem; min-height:3rem; }
.monitor-caption > .label { line-height:1.5; }
.motion-toggle { background:none; border:0; min-height:44px; padding:.5rem 0; cursor:pointer; color:var(--muted); white-space:nowrap; letter-spacing:.08em; font-size:.625rem; }
.motion-toggle:hover { color:var(--foreground); }
.monitor-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; border-top:1px solid var(--border); background:var(--border); }
.monitor-metrics > div { display:flex; flex-direction:column; gap:.625rem; padding:1rem 1.25rem; background:var(--surface); min-width:0; }
.monitor-metrics dd { font-family:'plex-mono',monospace; font-size:.8rem; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.metric-unit { color:var(--faint); font-size:.75rem; }
.home-sections { padding-block:3.5rem; }
.section-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:.75rem 1.5rem; padding-bottom:1rem; border-bottom:1px solid var(--border); }
.section-heading h2 { color:var(--foreground); }
.section-body { display:flex; flex-direction:column; gap:1.5rem; margin-top:1.5rem; }
.links { list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:.75rem 2rem; }
.links li { display:flex; flex-direction:column; gap:.4rem; }
.links a { font-size:.875rem; color:var(--muted); line-height:1.6; }
.links a:hover { color:var(--foreground); }
.link-note { font-family:'plex-mono',monospace; color:var(--faint); font-size:.75rem; line-height:1.5; }
.site-footer { margin-top:auto; border-top:1px solid var(--border); }
.footer-inner { padding-block:4rem; }
.footer-top { display:grid; gap:3rem; }
.footer-brand { display:flex; flex-direction:column; gap:.5rem; }
.footer-brand > .label { max-width:35ch; line-height:1.5; }
.footer-links { display:flex; flex-direction:column; align-items:flex-start; gap:.75rem; }
.footer-links > .label { margin-bottom:.25rem; }
.footer-links a { color:var(--muted); font-size:.875rem; text-decoration:none; }
.footer-links a:hover { color:var(--foreground); }
.footer-bottom { margin-top:4rem; border-top:1px solid var(--border); padding-top:2rem; display:flex; flex-direction:column; gap:.75rem; }
.breadcrumb { border-bottom:1px solid var(--border); }
.breadcrumb nav { min-height:3rem; padding-block:.625rem; display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; color:var(--muted); font-size:.75rem; font-family:'plex-mono',monospace; }
.breadcrumb [aria-current] { color:var(--foreground); }
.document { padding-block:2.5rem 3rem; }
.document-masthead { display:grid; gap:1.5rem 2.5rem; padding-bottom:2rem; border-bottom:1px solid var(--border); }
.document-masthead h1 { margin-top:1.25rem; font-size:2.25rem; }
.document-masthead p { max-width:62ch; align-self:end; font-size:1.125rem; }
.document-sections { margin-top:2.5rem; display:flex; flex-direction:column; gap:3rem; }
.section-row { display:grid; gap:3rem 2.5rem; min-width:0; }
.document-section { min-width:0; }
.not-found { padding-block:5rem; }
.not-found h1 { font-size:3rem; margin:1.5rem 0; }
@media(min-width:640px) { .footer-bottom { flex-direction:row; align-items:center; justify-content:space-between; } .monitor-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(min-width:768px) {
  .container { padding-inline:2.5rem; }
  .header-brand { flex-direction:row; align-items:stretch; gap:1rem; }
  .header-subtitle { display:flex; flex-direction:column; justify-content:center; border-left:1px solid var(--border); padding-left:1rem; }
  .hero-content { padding-block:3rem; }
  .hero-copy h1 { font-size:4.5rem; }
  .hero-content > .pulse-monitor { margin-top:2rem; }
  .field-scrim-horizontal { background:linear-gradient(to right,var(--instrument),color-mix(in oklch,var(--instrument) 55%,transparent) 20%,transparent 40%); }
  .signal { height:20rem; }
  .home-sections { padding-block:5rem; }
  .footer-top { grid-template-columns:minmax(0,1fr) 2fr; }
  .document { padding-block:3.5rem 4rem; }
  .document-masthead { grid-template-columns:repeat(2,minmax(0,1fr)); padding-bottom:2.5rem; }
  .document-masthead h1 { font-size:3rem; }
  .document-sections { margin-top:3rem; gap:4rem; }
  .section-row.paired { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(min-width:1024px) { .section-row,.document-masthead { column-gap:3.5rem; } .monitor-metrics { grid-template-columns:repeat(6,minmax(0,1fr)); } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }