:root{--black:#11100d;--ink:#201e18;--cream:#f3eedf;--paper:#e9e2d1;--line:#b8af99;--amber:#ffbd34;--cyan:#67e0d0;--red:#e4573f;--dim:#6e685b;color:var(--ink);background:var(--cream);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);margin:0}a{color:inherit}.skip-link{background:var(--amber);z-index:100;padding:.8rem;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}header,main,footer{width:min(1200px,100% - 42px);margin-inline:auto}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;display:flex}.brand{letter-spacing:.1em;align-items:center;gap:.75rem;font-size:.78rem;font-weight:950;text-decoration:none;display:flex}.brand b{color:#9c5200}.logo-grid{grid-template-columns:repeat(3,7px);gap:4px;width:33px;display:grid}.logo-grid i{background:var(--ink);border-radius:1px;width:7px;height:7px}.logo-grid i:nth-child(2),.logo-grid i:nth-child(4),.logo-grid i:nth-child(6){background:var(--amber);box-shadow:0 0 8px #ffbd3480}nav{align-items:center;gap:1.5rem;font-size:.76rem;font-weight:850;display:flex}nav a{text-decoration:none}.outline{border:1px solid var(--ink);padding:.65rem .85rem}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:6vw;min-height:690px;padding:70px 0 90px;display:grid}.serial,.tag{letter-spacing:.16em;font:800 .67rem ui-monospace,SFMono-Regular,monospace}.serial{color:#955500}.tag{color:#8a5010}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.075em;text-transform:uppercase;margin:1.3rem 0 2rem;font-family:Arial Narrow,Inter,sans-serif;font-size:clamp(4rem,7.5vw,7.5rem);line-height:.82}h1 em{color:#a85500;font-style:normal}h2{letter-spacing:-.065em;text-transform:uppercase;font-family:Arial Narrow,Inter,sans-serif;font-size:clamp(2.8rem,5.2vw,5.3rem);line-height:.9}.lede{color:var(--dim);max-width:630px;font-size:1.12rem;line-height:1.7}.actions{flex-wrap:wrap;gap:.7rem;margin-top:2rem;display:flex}.button{border:1px solid var(--ink);padding:.85rem 1rem;font-size:.78rem;font-weight:900;text-decoration:none}.button.lit{background:var(--amber)}.button.dark{background:var(--black);color:var(--cream)}.device-stage{background:var(--paper);border:1px solid var(--line);place-items:center;min-height:530px;display:grid;position:relative}.device{background:#22211d;border-radius:6px;width:84%;padding:38px 28px 20px;position:relative;box-shadow:8px 9px #97907f}.screw{border:1px solid #777267;border-radius:50%;width:8px;height:8px;position:absolute}.s1{top:12px;left:12px}.s2{top:12px;right:12px}.s3{bottom:12px;left:12px}.s4{bottom:12px;right:12px}.matrix{background-color:#080907;background-image:radial-gradient(circle,#393a32 1.6px,#0000 1.8px);background-size:11px 11px;border:2px solid #080907;justify-content:center;align-items:center;height:160px;display:flex;overflow:hidden}.matrix span{white-space:nowrap;color:var(--amber);text-shadow:0 0 9px #ff8a00,0 0 20px #ffbd34a6;letter-spacing:.06em;font:900 clamp(2.2rem,5vw,4.2rem) ui-monospace,monospace}.device-meta{color:#aaa498;justify-content:space-between;padding-top:14px;font:700 .6rem ui-monospace,monospace;display:flex}.online{color:var(--cyan)}.online i{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 7px var(--cyan);border-radius:50%;margin-right:5px;display:inline-block}.signal-card{background:var(--cream);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);grid-template-columns:auto 1fr;column-gap:9px;padding:11px 13px;display:grid;position:absolute}.signal-card span{color:#a85500;grid-row:1/3;font:900 .65rem ui-monospace,monospace}.signal-card b{font:900 .63rem ui-monospace,monospace}.signal-card small{color:var(--dim);font-size:.63rem}.signal-card.publish{top:42px;left:-15px}.signal-card.socket{top:70px;right:-18px}.signal-card.render{bottom:28px;right:35px}.flow{background:var(--black);width:100%;color:var(--cream);grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:25px;padding:28px 35px;display:grid}.flow div{flex-direction:column;gap:.4rem;display:flex}.flow span{color:var(--amber);letter-spacing:.13em;font:700 .58rem ui-monospace,monospace}.flow b{font-size:.83rem}.flow>i{color:var(--cyan);font-size:1.5rem;font-style:normal}.section{border-bottom:1px solid var(--line);padding:110px 0}.section-heading{grid-template-columns:.35fr 1fr .65fr;align-items:start;gap:2.5rem;margin-bottom:55px;display:grid}.section-heading h2{margin:0}.section-heading>p:last-child{color:var(--dim);line-height:1.7}.layer-stack{border-top:1px solid var(--ink)}.layer-stack article{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr auto;align-items:center;gap:25px;padding:24px 8px;display:grid}.layer-stack article>span{color:#9a5a10;font:800 .68rem ui-monospace,monospace}.layer-stack h3{margin:0 0 .4rem;font-size:1.05rem}.layer-stack p{color:var(--dim);margin:0;font-size:.84rem;line-height:1.55}.layer-stack article>b{text-align:center;border:1px solid;min-width:47px;padding:.5rem;font:900 .67rem ui-monospace,monospace}.hardware{grid-template-columns:1fr .95fr;align-items:center;gap:7vw;display:grid}.hardware-copy>p:not(.tag){color:var(--dim);line-height:1.7}.scale{grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:9px;margin-top:2.2rem;font:700 .6rem ui-monospace,monospace;display:grid}.scale i{background:var(--line);height:1px}.scale b{color:var(--dim);font-weight:600}.controller-board{background:var(--paper);border:1px solid var(--line)}.board-head{background:var(--black);color:var(--cream);justify-content:space-between;padding:14px 16px;font:700 .62rem ui-monospace,monospace;display:flex}.board-head span:last-child{color:var(--cyan)}.controller-board ul{margin:0;padding:0;list-style:none}.controller-board li{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.2fr auto;align-items:center;gap:15px;padding:18px 16px;display:grid}.controller-board li:last-child{border:0}.controller-board li b{font-size:.8rem}.controller-board li span{color:var(--dim);font-size:.72rem}.controller-board li i{color:#347c70;text-transform:uppercase;font:800 .58rem ui-monospace,monospace}.contracts{grid-template-columns:1fr .65fr;align-items:start;gap:6vw;display:grid}.contracts>p{color:var(--dim);line-height:1.75}.languages{border-top:1px solid var(--line);border-left:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;display:flex}.languages span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);flex:1 0 180px;padding:15px 17px;font:800 .67rem ui-monospace,monospace}.repo-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.repo-grid a{background:var(--paper);border:1px solid var(--line);grid-template-columns:1fr auto;align-content:space-between;min-height:145px;padding:20px;text-decoration:none;display:grid}.repo-grid a>b{color:#9a5a10;font:900 .65rem ui-monospace,monospace}.repo-grid a>span{color:var(--dim);grid-column:1/-1;align-self:end;font-size:.82rem}.repo-grid a>i{font-style:normal}.repo-grid a:hover{background:var(--amber);border-color:var(--ink)}footer{color:var(--dim);grid-template-columns:1fr 1fr auto;align-items:center;gap:2rem;padding:50px 0 65px;font-size:.76rem;display:grid}footer p{margin:0}footer>a:last-child{color:var(--ink);font-weight:900}:focus-visible{outline-offset:3px;outline:3px solid #b75f00}@media (width<=900px){.hero,.hardware{grid-template-columns:1fr}.device-stage{max-width:700px}.section-heading,.contracts{grid-template-columns:1fr}.repo-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr}}@media (width<=620px){header{align-items:flex-start;height:auto;padding:18px 0}nav a:not(.outline){display:none}.hero{padding:55px 0}h1{font-size:3.65rem}.device-stage{min-height:410px}.device{width:91%;padding:30px 16px 16px}.matrix{height:125px}.signal-card.publish{left:-5px}.signal-card.socket{right:-5px}.flow{grid-template-columns:1fr;gap:14px}.flow>i{transform:rotate(90deg)}.section{padding:78px 0}.section-heading{gap:.8rem}.layer-stack article{grid-template-columns:40px 1fr}.layer-stack article>b{display:none}.controller-board li{grid-template-columns:1fr auto}.controller-board li span{grid-area:2/1/auto/-1}.repo-grid{grid-template-columns:1fr}.scale{grid-template-columns:auto 1fr auto}.scale b,.scale i:nth-of-type(2){display:none}header,main,footer{width:min(100% - 26px,1200px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}