:root{--paper:#ece6d8;--paper2:#e2dac8;--ink:#18150f;--ink2:#3a352a;--mute:#6f6857;--rule:#18150f;--sig:#e8522a;--ok:#2f6b3a;--term:#18150f;--termfg:#ece6d8;--display:"Bricolage Grotesque",Georgia,serif;--body:"Instrument Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--s1:8px;--s2:16px;--s3:24px;--s4:40px;--s5:72px;--s6:120px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:17px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit}code{font-family:var(--mono);font-size:.88em;background:var(--paper2);padding:.1em .38em;border-radius:3px}:focus-visible{outline:3px solid var(--sig);outline-offset:3px}.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--paper);padding:8px 14px;z-index:99}.skip:focus{left:8px}.wrap{max-width:1180px;margin:0 auto;padding:0 var(--s3)}header.top{border-bottom:2px solid var(--rule);position:sticky;top:0;background:var(--paper);z-index:40}header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{font-family:var(--mono);font-weight:600;text-decoration:none;display:flex;gap:8px;align-items:center}.brand i{font-style:normal;color:var(--sig)}nav ul{display:flex;gap:var(--s3);list-style:none;align-items:center}nav a{font-family:var(--mono);font-size:.85rem;text-decoration:none}nav a:hover{color:var(--sig)}.btn{display:inline-flex;align-items:center;gap:10px;font:600 .95rem var(--mono);padding:14px 22px;border:2px solid var(--ink);text-decoration:none;background:transparent;color:var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ink)}.btn:active{transform:none;box-shadow:none}.btn.solid{background:var(--sig);color:#fff;border-color:var(--ink)}nav .btn{padding:7px 14px;font-size:.82rem}.hero{padding:var(--s5) 0 var(--s5);display:grid;grid-template-columns:1.05fr .95fr;gap:var(--s4);align-items:center}.eyebrow{font:500 .8rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:var(--s2)}.eyebrow b{color:var(--sig);font-weight:600}h1{font:800 clamp(2.8rem,6.4vw,5.6rem)/.95 var(--display);letter-spacing:-.035em}h1 em{font-style:normal;color:var(--sig)}.lede{font-size:1.2rem;color:var(--ink2);max-width:34em;margin:var(--s3) 0 var(--s4)}.cta{display:flex;gap:var(--s2);flex-wrap:wrap}.link{border:2px solid var(--ink);background:var(--paper2);padding:var(--s3);position:relative;box-shadow:8px 8px 0 var(--ink)}.link h2{font:500 .72rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:var(--s2)}.nodes{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:0}.node{border:2px solid var(--ink);background:var(--paper);padding:14px;font-family:var(--mono);font-size:.78rem;line-height:1.5}.node strong{display:block;font-size:.95rem}.node span{color:var(--mute)}.wire{height:2px;background:repeating-linear-gradient(90deg,var(--ink) 0 6px,transparent 6px 12px);position:relative;overflow:visible}.wire:after{content:"";position:absolute;top:-4px;left:0;width:10px;height:10px;background:var(--sig);animation:pkt 2.2s linear infinite}@keyframes pkt{0%{transform:translate(0)}to{transform:translate(60px)}}.modes{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-top:var(--s3);font:.78rem/1.5 var(--mono)}.modes div{border-top:2px solid var(--ink);padding-top:10px}.modes b{display:block;color:var(--sig)}section{padding:var(--s5) 0;border-top:2px solid var(--rule)}.sechead{display:grid;grid-template-columns:140px 1fr;gap:var(--s3);margin-bottom:var(--s4)}.num{font:500 .85rem var(--mono);color:var(--sig);padding-top:.9em}h2.t{font:700 clamp(2rem,4.4vw,3.4rem)/1 var(--display);letter-spacing:-.03em;max-width:16em}.sub{color:var(--ink2);max-width:40em;margin-top:var(--s2)}.demo{display:grid;grid-template-columns:300px 1fr;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.steps{list-style:none;background:var(--paper2);border-right:2px solid var(--ink)}.steps button{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--ink);padding:16px 18px;cursor:pointer;font:inherit;color:var(--ink);display:grid;grid-template-columns:28px 1fr;gap:6px}.steps li:last-child button{border-bottom:0}.steps button .n{font:600 .8rem var(--mono);color:var(--mute);padding-top:3px}.steps button code{background:none;padding:0;font-weight:600;font-size:.88rem}.steps button small{display:block;color:var(--mute);font-size:.82rem;line-height:1.35;margin-top:2px}.steps button[aria-selected=true]{background:var(--ink);color:var(--paper)}.steps button[aria-selected=true] .n{color:var(--sig)}.steps button[aria-selected=true] small{color:#b9b19d}.steps button:hover:not([aria-selected=true]){background:#d6cdb8}.screen{background:var(--term);color:var(--termfg);font:.86rem/1.75 var(--mono);padding:var(--s3);min-height:340px;display:flex;flex-direction:column}.screen .bar{display:flex;justify-content:space-between;color:#8d8570;font-size:.72rem;margin-bottom:var(--s2);letter-spacing:.06em}.screen pre{font:inherit;white-space:pre-wrap;word-break:break-word;flex:1}.p{color:var(--sig)}.d{color:#8d8570}.g{color:#8fc79a}.caret{display:inline-block;width:.55em;height:1.05em;background:var(--termfg);vertical-align:text-bottom;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.note{font:.74rem var(--mono);color:var(--mute);margin-top:var(--s2)}.split{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid var(--ink)}.split>div{padding:var(--s3) var(--s3) var(--s4)}.split>div+div{border-left:2px solid var(--ink);background:var(--ink);color:var(--paper)}.split h3{font:700 1.5rem var(--display);margin-bottom:var(--s2);letter-spacing:-.02em}.split ul{list-style:none}.split li{padding:10px 0 10px 32px;border-top:1px solid currentColor;position:relative}.split li:before{content:"×";position:absolute;left:4px;top:10px;font-family:var(--mono);color:var(--sig)}.split>div+div li:before{content:"→"}.split li code{background:#ffffff1f}.rows{border-top:2px solid var(--ink)}.row{display:grid;grid-template-columns:140px 1fr 1.1fr;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--ink);align-items:start}.row .k{font:600 .9rem var(--mono);color:var(--sig)}.row h3{font:700 1.45rem/1.15 var(--display);letter-spacing:-.02em}.row p{color:var(--ink2)}.row pre{font:.8rem/1.6 var(--mono);background:var(--term);color:var(--termfg);padding:14px 16px;overflow-x:auto;grid-column:3}.tw{overflow-x:auto;border:2px solid var(--ink)}table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:640px}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--ink);vertical-align:top}tr:last-child td{border-bottom:0}th{font:600 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:var(--paper)}td:first-child{font-family:var(--mono);font-weight:600;white-space:nowrap}.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);margin-top:var(--s4)}h3.sm{font:700 1.15rem var(--display);margin-bottom:var(--s2)}.secure{list-style:none}.secure li{padding:10px 0 10px 32px;border-top:1px solid var(--ink);position:relative}.secure li:before{content:"✓";position:absolute;left:4px;top:10px;color:var(--ok);font-family:var(--mono);font-weight:700}.code{background:var(--term);color:var(--termfg);font:.86rem/1.8 var(--mono);padding:var(--s3);overflow-x:auto;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);position:relative}.copy{position:absolute;top:10px;right:10px;font:600 .72rem var(--mono);background:var(--paper);color:var(--ink);border:0;padding:6px 10px;cursor:pointer}.copy:hover{background:var(--sig);color:#fff}.start{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--s4);align-items:start}.start ol{list-style:none;counter-reset:s}.start li{counter-increment:s;padding:14px 0 14px 44px;border-top:1px solid var(--ink);position:relative;color:var(--ink2)}.start li:before{content:counter(s,decimal-leading-zero);position:absolute;left:0;font:600 .85rem var(--mono);color:var(--sig);top:16px}.start li b{color:var(--ink)}.final{background:var(--ink);color:var(--paper);border-top:0;text-align:left}.final h2{font:800 clamp(2.4rem,6vw,5rem)/.95 var(--display);letter-spacing:-.035em;max-width:12em}.final h2 em{font-style:normal;color:var(--sig)}.final p{color:#b9b19d;margin:var(--s3) 0 var(--s4);max-width:34em}.final .btn{border-color:var(--paper);color:var(--paper)}.final .btn.solid{border-color:var(--paper);color:#fff}.final .btn:hover{box-shadow:5px 5px 0 var(--paper)}footer{background:var(--ink);color:#8d8570;font:.78rem var(--mono);padding:var(--s3) 0;border-top:1px solid #3a352a}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s2)}.rv{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.rv.in{opacity:1;transform:none}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:var(--s4)}.demo{grid-template-columns:1fr}.steps{border-right:0;border-bottom:2px solid var(--ink);display:grid;grid-template-columns:1fr 1fr}.steps li{border-bottom:1px solid var(--ink)}.steps li:nth-child(odd){border-right:1px solid var(--ink)}.split,.two,.start{grid-template-columns:1fr}.split>div+div{border-left:0;border-top:2px solid var(--ink)}.row{grid-template-columns:1fr}.row pre{grid-column:1}.sechead{grid-template-columns:1fr;gap:0}nav ul li.hide-sm{display:none}}@media(max-width:480px){body{font-size:16px}.steps{grid-template-columns:1fr}.steps li:nth-child(odd){border-right:0}.nodes{grid-template-columns:1fr 36px 1fr}.modes{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}