@font-face{font-family:Space;src:url('./fonts/space-grotesk.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
:root{color-scheme:light;--paper:#f5f5f3;--white:#fff;--ink:#141516;--muted:#595d62;--line:#d7d9da;--blue:#265cdb;--display:Space,'Helvetica Neue',Arial,sans-serif;--body:'Helvetica Neue',Arial,sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--gutter:clamp(1.5rem,5vw,5.5rem);--width:1400px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:6rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1rem;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;text-underline-offset:.3em}
a:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:1px}
::selection{background:#cddafd;color:var(--ink)}
h1,h2,h3,h4,p,figure,dl,dd{margin:0}
.skip-link{position:absolute;top:1rem;left:1rem;transform:translateY(-200%);background:var(--ink);color:#fff;padding:1rem;z-index:10}
.skip-link:focus{transform:translateY(0)}
.wordmark{font-family:var(--display);font-size:1.75rem;font-weight:600;letter-spacing:-.075em;white-space:nowrap}
.cursor{color:var(--blue)}
.site-header{position:relative;z-index:2;max-width:var(--width);margin:auto;padding:1.5rem var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:2rem}
.site-header>.wordmark,.header-github{display:inline-flex;align-items:center;min-height:44px}
.site-header nav{display:flex;flex-wrap:wrap;gap:2.5rem;margin-left:2rem}
.site-header nav a,.header-github{font-family:var(--mono);font-size:.875rem}
.site-header nav a{display:inline-flex;align-items:center;min-height:44px;color:#43474b}
.site-header nav a:hover,.site-footer a:hover{text-decoration:underline}
.header-github{gap:1.2rem}
.hero{max-width:var(--width);margin:auto;min-height:calc(94svh - 92px);padding:clamp(4rem,9vh,8rem) var(--gutter) 2rem;display:flex;flex-direction:column;justify-content:space-between;gap:5rem}
.hero-copy{text-align:center;margin:auto;max-width:1100px;padding-bottom:2rem}
.eyebrow{font-family:var(--mono);font-size:.875rem;font-weight:400;line-height:1.6;letter-spacing:.015em}
.hero .eyebrow{margin-bottom:2rem;color:var(--muted)}
h1{font-family:var(--display);font-size:clamp(2.75rem,6.5vw,6.25rem);font-weight:500;line-height:1.07;letter-spacing:-.065em;text-wrap:balance}
h1 span{color:#73777b}
.hero-description{max-width:39rem;margin:2rem auto 0;font-size:1.125rem;line-height:1.65;color:var(--muted);text-wrap:pretty}
.hero-actions{display:flex;justify-content:center;gap:1rem;margin-top:2.25rem;flex-wrap:wrap}
.button{min-height:48px;display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:.9rem 1.35rem;font-size:.875rem;font-weight:500;border:1px solid transparent;border-radius:2px;transition:background .18s,color .18s,border-color .18s}
.primary{background:var(--ink);color:white;min-width:210px}
.primary:hover{background:#353b42}
.secondary{border-color:#aaaeb2;background:transparent;min-width:210px}
.secondary:hover{border-color:var(--ink);background:#ebedee}
.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;font: .75rem/1.6 var(--mono);color:var(--muted)}
.hero-bottom p:first-child{display:flex;flex-wrap:wrap;gap:1.5rem}
.hero-bottom>a{display:flex;align-items:center;justify-content:center;border:1px solid #b2b6ba;border-radius:50%;width:44px;height:44px;color:var(--ink);font-size:1.25rem;flex-shrink:0}
.hero-bottom>a:hover{background:#e3e5e7}
.hero-note{text-align:right;min-width:235px}
.section{max-width:var(--width);margin:auto;padding:clamp(5rem,9vw,9rem) var(--gutter);display:grid;grid-template-columns:1fr 3fr;gap:3rem}
.section-label h2{font-family:var(--mono);font-size:1rem;font-weight:500;line-height:1.5}
.section-label>p{font-size:.875rem;line-height:1.5;color:var(--muted);margin-top:.75rem}
.mission{border-top:1px solid var(--line)}
.statement{font-family:var(--display);font-size:clamp(2rem,3.4vw,3.4rem);font-weight:500;line-height:1.16;letter-spacing:-.05em}
.statement span{color:var(--blue)}
.mission-details{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2.75rem;max-width:52rem}
.mission-details p,.section-intro,.capabilities p,.principle-list p,.open-content>p:not(.eyebrow){font-size:1.0625rem;line-height:1.65;color:var(--muted);text-wrap:pretty}
.framework{border-top:1px solid var(--line);padding-top:5rem}
h3{font-family:var(--display);font-size:clamp(2rem,3.5vw,3.4rem);font-weight:500;letter-spacing:-.05em;line-height:1.15;text-wrap:balance}
.section-intro{max-width:40rem;margin-top:1.5rem}
.system-map{margin:3rem 0;background:#edeeec;border:1px solid #d7d9d7;padding:clamp(1.25rem,3vw,3rem);font-family:var(--mono);font-size:.875rem;text-align:center}
.map-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.map-inputs>span{border:1px solid #9b9fa3;background:var(--paper);min-height:48px;display:flex;align-items:center;justify-content:center;padding:.6rem .25rem}
.map-connector{height:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.map-connector span{width:1px;height:100%;background:#9b9fa3;margin:auto}
.map-core{min-height:98px;border:1px solid #747a80;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2rem}
.map-core .wordmark{font-size:2rem;letter-spacing:-.075em}
.map-core p{color:#c4c8cc;font-size:.8125rem;line-height:1.8}
.map-output{display:flex;flex-direction:column;align-items:center;line-height:1.5}
.map-line{height:32px;width:1px;background:#9b9fa3}
.map-output>span:last-child{padding:.9rem 1rem;border:1px solid #9b9fa3;max-width:100%;overflow-wrap:anywhere}
figcaption{font-family:var(--body);font-size:.8125rem;color:var(--muted);line-height:1.5;margin-top:1.5rem}
.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.capabilities h4{font:500 1rem/1.5 var(--mono);margin-bottom:.75rem}
.capabilities p{font-size:1rem}
.vision{background:#141516;color:#f5f5f3;padding:clamp(5rem,10vw,10rem) var(--gutter)}
.vision-inner{max-width:1200px;margin:auto;text-align:center}
.vision .eyebrow{color:#bbc1c9}
.vision-statement{font-family:var(--display);font-size:clamp(2.5rem,5.2vw,5rem);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin:2rem 0}
.vision-statement span{color:#9da6b2}
.vision-description{font-size:1.125rem;line-height:1.65;color:#bbc1c9;max-width:36rem;margin:auto;text-wrap:pretty}
.vision-footer{max-width:700px;display:flex;justify-content:space-between;gap:2rem;margin:5rem auto 0;padding-top:2rem;border-top:1px solid #43474b;font:.875rem/1.5 var(--mono)}
.principle-list{margin-top:3.25rem}
.principle-list>div{display:grid;grid-template-columns:minmax(110px,1fr) 3fr;gap:1rem;padding:1.75rem 0;border-top:1px solid var(--line)}
.principle-list dt{font:.875rem/1.65 var(--mono);color:var(--muted);padding-top:.1rem}
.principle-list h4{font-size:1.1875rem;line-height:1.4;font-weight:500;letter-spacing:-.02em;margin-bottom:.5rem}
.principle-list p{font-size:1rem;max-width:36rem}
.open-section{border-top:1px solid var(--line)}
.open-content>.eyebrow{margin-bottom:1.5rem;color:var(--muted)}
.open-content>p:not(.eyebrow){margin-top:1.5rem;max-width:37rem}
.open-content .button{margin-top:2rem}
.open-content>.open-promise{font-size:.875rem!important;max-width:36rem;margin-top:2rem!important}
.site-footer{border-top:1px solid var(--line);max-width:var(--width);padding:2rem var(--gutter);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.site-footer>.wordmark{font-size:1.5rem}
.site-footer>p{font-size:.875rem;color:var(--muted)}
.site-footer nav{display:flex;gap:1.75rem;font:.8125rem/1.5 var(--mono)}
.site-footer nav a{display:flex;align-items:center;min-height:44px}
@media(min-width:1500px){.hero{min-height:min(900px,calc(94svh - 92px))}}
@media(max-width:960px){.site-header nav{gap:1.5rem;margin:0}.hero-note{min-width:0}.hero-bottom p:first-child{gap:.7rem}.section{grid-template-columns:1fr 3fr;gap:2rem}.mission-details{gap:1.5rem}.capabilities{gap:1.25rem}.map-core{padding:1rem}.map-inputs,.map-connector{gap:1rem}}
@media(max-width:720px){.site-header{padding-top:1rem;padding-bottom:1rem;flex-wrap:wrap;gap:.25rem 1rem}.site-header>.wordmark{order:0}.header-github{order:1}.site-header nav{order:2;width:100%;justify-content:space-between;border-top:1px solid var(--line);margin-top:.5rem;gap:.75rem}.site-header nav a{font-size:.8125rem}.hero{padding-top:3.5rem;min-height:calc(92svh - 138px);gap:3.5rem}.hero-copy{text-align:left;padding-bottom:0}.hero .eyebrow{font-size:.8125rem;margin-bottom:1.5rem}h1{font-size:clamp(2.375rem,8.1vw,3.75rem);letter-spacing:-.06em;line-height:1.12}.hero-description{font-size:1rem;margin-top:1.5rem}.hero-actions{justify-content:flex-start;margin-top:1.75rem;gap:.75rem}.hero-actions .button{flex:1 1 190px;min-width:0}.hero-bottom{justify-content:space-between}.hero-bottom p:first-child{display:block;max-width:200px;line-height:1.8}.hero-bottom p:first-child span{margin:0 .45rem}.hero-note{display:none}.section{display:block;padding-top:4rem;padding-bottom:4rem}.section-label{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2.5rem}.section-label>p{margin:0}.statement,h3{font-size:clamp(1.875rem,6.8vw,2.75rem)}.mission-details{grid-template-columns:1fr;gap:1rem;margin-top:1.75rem}.desktop-break{display:none}.section-intro{font-size:1rem}.system-map{margin:2rem 0}.map-core{flex-direction:column;justify-content:center;gap:.35rem}.map-core p{font-size:.75rem}.map-inputs,.map-connector{gap:.65rem}.capabilities{grid-template-columns:1fr;gap:1.5rem}.capabilities article{display:grid;grid-template-columns:90px 1fr;gap:1.25rem}.capabilities h4{font-size:.875rem;margin:0}.capabilities p{font-size:1rem}.vision{padding-top:5rem;padding-bottom:4rem}.vision-statement{font-size:clamp(2.125rem,7.5vw,3.5rem)}.vision-description{font-size:1rem}.vision-footer{margin-top:3rem;gap:.75rem;font-size:.75rem;flex-wrap:wrap;justify-content:center}.principle-list{margin-top:2rem}.principle-list>div{grid-template-columns:1fr;gap:.65rem;padding:1.5rem 0}.principle-list h4{font-size:1.125rem}.site-footer{gap:1rem}.site-footer>p{width:100%;order:2}.site-footer nav{gap:1rem}.site-footer>.wordmark{font-size:1.375rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media(forced-colors:active){.button,.map-inputs>span,.map-core,.map-output>span:last-child{border:1px solid ButtonText}.map-line,.map-connector span{background:CanvasText}.cursor,.statement span,h1 span,.vision-statement span{color:inherit}}
@media print{.site-header,.hero-actions,.hero-bottom,.site-footer{display:none}.hero{min-height:0;padding:2rem}.section,.vision{break-inside:avoid;padding:2rem}.vision{background:white;color:black}.vision-description,.vision .eyebrow,.vision-statement span{color:#444}.section{display:block}.section-label{margin-bottom:1rem}}
