@font-face{font-family:CP;src:url(../fonts/nc-courier.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CP;src:url(../fonts/nc-courierb.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
.tl{list-style:none;margin-top:22px}
.trk summary{list-style:none;display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);cursor:pointer;min-height:72px}
.trk summary::-webkit-details-marker{display:none}.trk .no{font:500 11px PM;opacity:.6}
.trk .tt b{display:block;line-height:1.02}.trk .meta2{display:block;margin-top:6px;font:500 11px/1.3 PM;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.trk .st{font:500 10px PM;letter-spacing:.1em;text-transform:uppercase;padding:5px 7px;border:1.5px solid currentColor;white-space:nowrap}
.trk .st-fill{background:var(--fg);color:var(--bg);border-color:var(--fg)}.trk .st-dash{border-style:dashed;opacity:.7}
.trk .x{display:grid;gap:10px;padding:14px 0 18px 42px;border-bottom:1px solid var(--line)}
.trk .btn{min-height:54px;font-size:15px}.trk .btn.ghost{color:var(--fg);border-color:var(--fg)}.trk .btn.soon{color:var(--fg);border-color:var(--fg);opacity:.55}
@media (min-width:640px){.trk .x{grid-template-columns:1fr 1fr}}
.wrapA{max-width:1180px;margin:0 auto;padding:0 18px}
.backbar{display:flex;justify-content:space-between;align-items:center;padding:78px 18px 0;max-width:1180px;margin:0 auto}
.backbar a{font:500 11px PM;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:12px 0}
footer{color:var(--fg);border-color:var(--fg)}
.demos{color:var(--fg)}.demos .btn{background:var(--fg);color:var(--bg)}
@media (min-width:900px){.wrapA,.backbar{padding-left:48px;padding-right:48px}}

:root{--bg:#F7F5EE;--fg:#3A3A3A;--pen:#1F3A93;--rule:#A9BEDF;--margin:#E7A3A3;--line:#3a3a3a33}
body{background:var(--bg);color:var(--fg);background-image:linear-gradient(90deg,transparent 0 46px,var(--margin) 46px 47.5px,transparent 47.5px),repeating-linear-gradient(180deg,transparent 0 33px,var(--rule) 33px 34px);background-attachment:local}
body,.lead3,.trk .tt b{font-family:CP,"Courier New",monospace}
.backbar,.backbar a{color:var(--fg)}
.wrapA{padding-left:58px!important}
.nlogo{width:100%;max-width:760px;height:auto;display:block;margin-top:10px}
.hand{border:2px dashed var(--pen);color:var(--pen);padding:14px;margin-top:12px;font:500 11px/1.5 PM;letter-spacing:.08em;text-transform:uppercase;max-width:420px}
.lead3{font-size:19px;line-height:34px;max-width:34ch;margin-top:20px}
.lead3 s{text-decoration-color:var(--pen);text-decoration-thickness:2px}
h2.nh{font:700 clamp(34px,9vw,72px)/1 CP;letter-spacing:-.03em;margin:68px 0 4px;color:var(--fg)}
h2.nh u{text-decoration-color:var(--pen);text-decoration-thickness:3px;text-underline-offset:6px}
.sub3{font:500 11px PM;letter-spacing:.1em;text-transform:uppercase;color:var(--pen)}
.drafts{margin-top:18px;max-width:640px}
.stops{display:flex;justify-content:space-between;font:500 11px PM;letter-spacing:.08em;text-transform:uppercase;margin-top:6px}
.stops span[aria-current]{color:var(--pen);text-decoration:underline}
.drng{width:100%;height:44px;accent-color:var(--pen)}
.page{background:#fffef9;border:1px solid #3a3a3a22;padding:20px 18px;min-height:250px;margin-top:10px;box-shadow:3px 4px 0 #3a3a3a14}
.page h3{font:700 22px CP;margin-bottom:12px}.page .bar{height:12px;background:#3a3a3a1f;margin:14px 0;border-radius:2px}
.page .bar.s{width:60%}.page .bar.m{width:82%}.page .wave{height:46px;border-top:2px dashed var(--pen);border-bottom:2px dashed var(--pen);opacity:.5;margin:20px 0}
.page .empty{font:500 11px PM;letter-spacing:.1em;text-transform:uppercase;color:var(--pen);margin-top:16px}
.trk .tt b{font-weight:700;font-size:clamp(20px,5.6vw,34px);letter-spacing:-.02em}.trk[open] .tt b,.trk summary:hover .tt b{color:var(--pen)}
.trk .btn{font-family:CP;text-transform:lowercase}
.demos .h{font-family:CP;text-transform:lowercase;letter-spacing:-.04em}