@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--nowh-navy:#38324a;--nowh-navy-900:#1e1a2a;--nowh-navy-800:#2a2538;--nowh-navy-600:#4a4360;--nowh-blue:#007fb2;--nowh-blue-900:#003e5a;--nowh-blue-800:#005c84;--nowh-blue-200:#c9e5f2;--nowh-blue-100:#e6f2f8;--paper:#fff;--fog-50:#f4f5f7;--fog-100:#e6e7eb;--fog-200:#d6d7dc;--fog-300:#b8bac2;--fog-400:#8e909a;--fog-500:#5f6270;--ok:#2f8f6e;--warn:#e89f1e;--danger:#c8403c;--font-display:"Figtree", system-ui, -apple-system, sans-serif;--font-body:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--ease-out:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{font-family:var(--font-body);color:var(--nowh-navy);background:var(--paper);font-size:16px;line-height:1.55}a{color:var(--nowh-blue)}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--nowh-blue);font-size:12px;font-weight:700}.mono{font-family:var(--font-mono);color:var(--fog-500);font-size:13px}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em}h1{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(32px,8.5vw,96px);font-weight:800;line-height:.95}h2{font-size:clamp(26px,3.5vw,36px);font-weight:800;line-height:1.05}h3{font-size:18px;font-weight:700;line-height:1.15}.accent{color:var(--nowh-blue)}.on-dark .accent{color:#41add9}.masthead{background:var(--nowh-navy);color:#fff;border-bottom:6px solid var(--nowh-blue);position:relative;overflow:hidden}.masthead .binary{font-family:var(--font-mono);color:#ffffff0d;word-break:break-all;-webkit-user-select:none;user-select:none;pointer-events:none;padding:8px;font-size:11px;line-height:1.9;position:absolute;inset:0}.masthead .inner{padding-top:96px;padding-bottom:72px;position:relative}@media (max-width:640px){.masthead .inner{padding-top:64px;padding-bottom:48px}.wrap{padding-left:20px;padding-right:20px}section.band{padding:48px 0}}.masthead h1{color:#fff}.masthead .eyebrow{color:var(--nowh-blue-200)}.masthead p.lede{color:#ffffffd1;max-width:640px;margin-top:24px;font-size:19px;line-height:1.55}.btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background var(--ease-out) .12s, box-shadow var(--ease-out) .2s, transform var(--ease-out) .2s;border:none;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.btn-primary{background:var(--nowh-blue);color:#fff;box-shadow:8px 8px 0 var(--nowh-navy-900)}.btn-primary:hover{background:var(--nowh-blue-800)}.btn-primary:active{box-shadow:2px 2px 0 var(--nowh-navy-900);transform:translate(6px,6px)}.btn-ghost{color:var(--nowh-navy);border:1px solid var(--nowh-navy);background:0 0}.btn-ghost:hover{background:var(--fog-50)}.btn:focus-visible{outline:2px solid var(--nowh-blue);outline-offset:2px}section.band{border-bottom:1px solid var(--fog-200);padding:72px 0}.sec-head{align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.sec-head .num{font-family:var(--font-mono);color:var(--fog-400);font-size:13px}.sec-sub{color:var(--fog-500);max-width:760px;margin-bottom:32px}.card{background:var(--paper);border:1px solid var(--fog-200);padding:24px}.feature-card{background:var(--paper);border:1px solid var(--fog-200);box-shadow:8px 8px 0 var(--nowh-navy);padding:40px}.step-list{counter-reset:s;gap:12px;list-style:none;display:grid}.step-list li{counter-increment:s;border:1px solid var(--fog-200);padding:16px 20px 16px 60px;font-size:15px;position:relative}.step-list li:before{content:counter(s, decimal-leading-zero);font-family:var(--font-mono);color:var(--nowh-blue);font-weight:700;position:absolute;top:16px;left:18px}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--fog-300);color:var(--fog-500);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700}.skill-nav-band{border-bottom:1px solid var(--fog-200);background:var(--fog-50);padding:28px 0!important}.skill-nav{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}@media (max-width:900px){.skill-nav{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.skill-nav{grid-template-columns:1fr}}.skill-tile{border:1px solid var(--nowh-navy);color:var(--nowh-navy);box-shadow:4px 4px 0 var(--nowh-navy);transition:box-shadow var(--ease-out) .2s, transform var(--ease-out) .2s, background var(--ease-out) .12s;background:#fff;align-items:center;gap:10px;padding:14px 16px;text-decoration:none;display:flex}.skill-tile:hover{background:var(--nowh-blue-100)}.skill-tile:active{box-shadow:1px 1px 0 var(--nowh-navy);transform:translate(3px,3px)}.skill-tile .num{color:var(--nowh-blue);font-weight:700}.skill-tile .t{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-size:14px;font-weight:700;line-height:1.1}.skill-tile .go{font-family:var(--font-mono);color:var(--nowh-blue);margin-left:auto}.skill-card{margin-top:48px;scroll-margin-top:24px}.skill-card:first-of-type{margin-top:0}.io-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:860px;margin-bottom:24px;display:grid}@media (max-width:720px){.io-grid{grid-template-columns:1fr}}.io-col{border:1px solid var(--fog-200);padding:18px 20px}.io-col.out{border-top:4px solid var(--nowh-blue)}.io-col h4{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fog-400);margin-bottom:10px;font-size:11px;font-weight:700}.io-col.out h4{color:var(--nowh-blue)}.io-col ul{gap:6px;list-style:none;display:grid}.io-col li{padding-left:16px;font-size:14px;position:relative}.io-col li:before{content:"→";color:var(--nowh-blue);font-family:var(--font-mono);position:absolute;left:0}.dl-row{flex-wrap:wrap;gap:12px;display:flex}footer.site-footer{color:var(--fog-400);padding:48px 0 64px}footer.site-footer .rule{border-top:2px solid var(--nowh-navy);flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding-top:24px;display:flex}footer.site-footer a{color:var(--fog-500);text-decoration:none}footer.site-footer a:hover{color:var(--nowh-blue)}.prose{max-width:760px}.prose h2{margin:32px 0 12px;font-size:22px}.prose p,.prose li{color:var(--nowh-navy);margin-bottom:12px}.prose ul{padding-left:20px}
