:root{--ink:#07131f;--navy:#0b1d2d;--panel:#0e2535;--cyan:#4de2c5;--blue:#5da9ff;--white:#f7fafc;--muted:#a7b7c2;--line:#294556}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;padding:.7rem 1rem;background:white;color:black;z-index:100}.topbar{min-height:78px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,5vw,5rem);background:rgba(7,19,31,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(77,226,197,.18)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand strong,.brand small{display:block;letter-spacing:.12em}.brand strong{font-size:.88rem}.brand small{font-size:.64rem;color:var(--muted)}.brand-mark{width:35px;height:35px;border:1px solid var(--cyan);display:grid;place-content:center;gap:3px}.brand-mark i{display:block;width:17px;height:2px;background:var(--cyan)}nav{display:flex;gap:1.25rem;align-items:center}nav a{text-decoration:none;color:#bdc9d1;font-size:.84rem;padding:.35rem 0;border-bottom:1px solid transparent}nav a:hover,nav a.active{color:var(--cyan);border-color:var(--cyan)}.menu{display:none;border:1px solid var(--line);background:transparent;color:white;padding:.5rem .75rem}.hero,.page-hero,.section{padding:clamp(4rem,8vw,7rem) clamp(1rem,8vw,8.5rem)}.hero,.page-hero{background:radial-gradient(circle at 78% 12%,rgba(93,169,255,.14),transparent 28%),linear-gradient(180deg,#07131f,#0a1925)}.page-hero{padding-top:clamp(4rem,7vw,6rem);padding-bottom:clamp(3rem,6vw,5rem)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:clamp(2.5rem,7vw,7rem);align-items:end}.kicker{color:var(--cyan);font-size:.76rem;font-weight:800;letter-spacing:.17em}.hero h1,.page-hero h1{font-size:clamp(2.7rem,6vw,5.6rem);line-height:1;letter-spacing:-.055em;margin:.7rem 0 1.3rem;max-width:1000px}.page-hero h1{font-size:clamp(2.5rem,5vw,4.6rem)}.lead{font-size:clamp(1.05rem,1.6vw,1.3rem);color:#b8c5ce;max-width:860px}.lead.narrow{max-width:900px}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.7rem}.button{display:inline-flex;padding:.8rem 1.05rem;border:1px solid var(--line);text-decoration:none;font-weight:750}.button.primary{background:var(--cyan);color:var(--ink);border-color:var(--cyan)}.system-card{background:var(--panel);border:1px solid var(--line);box-shadow:16px 16px 0 rgba(0,0,0,.18)}.system-card>p{padding:1rem;margin:0;border-bottom:1px solid var(--line);font-size:.72rem;letter-spacing:.15em;color:var(--cyan)}.system-card dl{margin:0}.system-card dl div{display:flex;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid rgba(41,69,86,.65)}.system-card dt{color:var(--muted)}.system-card dd{margin:0}.safety{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:4rem;padding-top:1.2rem;color:#8095a3;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.section{border-top:1px solid rgba(41,69,86,.7)}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:2.5rem}.section-head h2,.section h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.08;letter-spacing:-.04em;margin:.4rem 0}.section-head>p{color:var(--muted);max-width:600px;margin-left:auto}.route-grid,.cards,.spec-grid,.control-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.route-grid a,.cards article,.spec-grid article,.control-grid article{padding:1.8rem;text-decoration:none;background:#0a1a27;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.route-grid a:hover{background:#10283a}.route-grid b,.control-grid b,.project-list article>div>span,.case-list header span,.spec-grid article>span{color:var(--cyan);font:800 .72rem ui-monospace,monospace;letter-spacing:.1em}.route-grid h3,.cards h3,.spec-grid h3,.control-grid h3{font-size:1.22rem;margin:.7rem 0}.route-grid p,.cards p,.spec-grid p,.control-grid p{color:var(--muted);margin-bottom:0}.jump{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:2rem}.jump a,.tag-list span{padding:.6rem .8rem;border:1px solid var(--line);text-decoration:none;color:#c5d1d8;font-size:.86rem}.two-col,.resume-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem)}.two-col p{color:var(--muted)}.principles{display:grid;gap:1rem}.principles article{padding:1.3rem;border-left:2px solid var(--cyan);background:var(--navy)}.principles b{color:var(--cyan)}.principles h3{margin:.25rem 0}.tag-list{display:flex;gap:.6rem;flex-wrap:wrap}.system-section{scroll-margin-top:78px}.spec-grid{grid-template-columns:repeat(4,1fr)}.detail-table{border-top:1px solid var(--line)}.detail-table div{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--line);padding:1rem}.detail-table b{color:var(--cyan)}.project-list{display:grid;gap:1rem}.project-list article{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;padding:2rem;border:1px solid var(--line);background:var(--navy)}.project-list h2{margin:.5rem 0}.project-list p,.project-list li{color:var(--muted)}.case-list{display:grid;gap:1.2rem}.case-list article{border:1px solid var(--line);background:#091925}.case-list header{padding:1.6rem}.case-list h2{font-size:1.6rem}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.case-grid div{padding:1.2rem;border-right:1px solid var(--line)}.case-grid div:last-child{border:0}.case-grid b{color:var(--blue)}.case-grid p{color:var(--muted);font-size:.92rem}.diagram{background:#091925;border:1px solid var(--line);padding:clamp(1rem,4vw,3rem)}.d-node{background:#0f293a;border:1px solid #315165;padding:1rem;text-align:center}.d-node small,.d-node b,.d-node span{display:block}.d-node small{color:var(--cyan);font-size:.68rem;letter-spacing:.12em}.d-node span{color:var(--muted);font-size:.82rem}.d-node.edge{max-width:190px;margin:auto}.d-node.gateway{max-width:430px;margin:auto}.d-node.highlight{box-shadow:inset 0 3px var(--cyan)}.d-node.public{box-shadow:inset 0 3px var(--blue)}.down{display:block;width:1px;height:34px;background:#426579;margin:auto}.d-row{display:grid;gap:1rem}.d-row.three{grid-template-columns:repeat(3,1fr)}.d-row.two{grid-template-columns:repeat(2,1fr);max-width:850px;margin:auto}.space{margin-top:2.5rem}.resume-grid h2{font-size:1.7rem}.resume-grid h3{margin-bottom:.1rem}.resume-grid p{color:var(--muted);margin-top:0}
.evidence{margin:2.2rem 0 0;border:1px solid var(--line);background:#091925}.evidence img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain}.evidence figcaption{padding:1rem 1.2rem;color:var(--muted);font-size:.9rem}.evidence figcaption b{color:var(--cyan)}.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.doc-grid article{padding:1.8rem;border:1px solid var(--line);background:var(--navy)}.doc-grid article>span{color:var(--cyan);font:800 .72rem ui-monospace,monospace;letter-spacing:.1em}.doc-grid h3{font-size:1.35rem;margin:.7rem 0}.doc-grid p{color:var(--muted)}
footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.5rem clamp(1rem,5vw,5rem);color:#778c99;font-size:.78rem;border-top:1px solid var(--line)}
@media(max-width:1050px){.topbar nav{gap:.75rem}.topbar nav a{font-size:.76rem}.brand small{display:none}.spec-grid,.case-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.menu{display:block}.topbar nav{display:none;position:absolute;top:78px;left:0;right:0;background:#07131f;padding:1rem;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.topbar nav.open{display:flex}.hero-grid,.section-head,.two-col,.resume-grid,.project-list article{grid-template-columns:1fr}.section-head>p{margin-left:0}.route-grid,.cards{grid-template-columns:repeat(2,1fr)}.d-row.three{grid-template-columns:1fr}}@media(max-width:560px){.hero,.page-hero,.section{padding-left:1rem;padding-right:1rem}.hero h1,.page-hero h1{font-size:2.6rem}.route-grid,.cards,.spec-grid,.control-grid,.case-grid,.d-row.two,.doc-grid{grid-template-columns:1fr}.case-grid div{border-right:0;border-bottom:1px solid var(--line)}.detail-table div{grid-template-columns:1fr}.safety{display:grid}.system-card{box-shadow:8px 8px 0 rgba(0,0,0,.18)}}