:root{--ink:#1E1E1E;--paper:#FEFEFE;--go:#2457D6;--signal:#FF7A3D;--boot:#E4E2DC;--steel:#A9B8C6;--sun:#F2C94C;--card:#EDECE8;--mute:rgba(30,30,30,.75);--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);font-family:'Inter Tight','Helvetica Neue',Arial,sans-serif;color:rgba(30,30,30,.86);font-size:17px;line-height:1.3;letter-spacing:.01em}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:72px clamp(20px,3vw,32px)}
.world{border-top:1px solid var(--ink)}
.w-signal{background-color:var(--signal);background-image:conic-gradient(rgba(30,30,30,.22) 25%,transparent 0);background-size:4px 4px}
.w-boot{background:var(--boot)}
.w-paper{background:var(--paper)}
.w-steel{background:var(--steel)}
.w-sun{background:var(--sun)}
.w-ink{background-color:var(--ink);background-image:conic-gradient(rgba(254,254,254,.14) 25%,transparent 0);background-size:4px 4px;color:var(--paper)}
.hl-signal{background:var(--signal)}
.hl-ink{background:var(--ink)}
/* nav */
.nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink)}
.nav a{text-decoration:none;padding:2px 4px}
.nav a:hover,.nav a[aria-current]{background:var(--ink);color:var(--paper)}
.nav .links{display:flex;flex-wrap:wrap;gap:6px 14px;text-transform:uppercase;font-weight:600}
.nav .brand{background:var(--signal);padding:2px 4px}
.w-paper .nav .brand,.w-boot .nav .brand{background:transparent}
/* type */
.tag{display:inline-block;align-self:flex-start;background:var(--ink);color:var(--paper);font-family:var(--mono);font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px}
.w-signal .tag{color:var(--signal)}.w-boot .tag{color:var(--boot)}.w-steel .tag{color:var(--steel)}.w-sun .tag{color:var(--sun)}
.w-ink .tag{background:var(--paper);color:var(--ink)}
h1,.h1{margin:0;font-weight:600;font-size:clamp(52px,8.4vw,120px);line-height:.88;letter-spacing:-.05em;color:var(--ink)}
h2,.h2{margin:0;font-weight:600;font-size:clamp(44px,6.4vw,88px);line-height:.86;letter-spacing:-.045em;color:var(--ink)}
.w-ink h2{color:var(--paper)}
h3{margin:0;font-weight:600;font-size:clamp(28px,3vw,40px);line-height:1;letter-spacing:-.03em;color:var(--ink)}
.lead{margin:0;max-width:34rem;font-size:clamp(20px,2.1vw,25px);line-height:1.18;letter-spacing:-.005em;color:var(--ink)}
.w-ink .lead{color:var(--paper)}
.small{font-size:15px}
.mono{font-family:var(--mono)}
.stack{display:flex;flex-direction:column;gap:24px}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:48px 56px;align-items:start}
.btns{display:flex;flex-wrap:wrap;gap:10px}
/* buttons (unchanged from the original site) */
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-family:var(--mono);font-weight:600;font-size:15px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:0;border-radius:0;white-space:nowrap}
.btn-go{background:var(--go);color:var(--paper)}.btn-go:hover{background:var(--ink);color:var(--paper)}
.btn-ink{background:var(--ink);color:var(--paper)}.btn-ink:hover{background:var(--paper);color:var(--ink);outline:1px solid var(--ink)}
.btn-ghost{background:transparent;color:var(--ink);outline:1px solid var(--ink);outline-offset:-1px}.btn-ghost:hover{background:var(--ink);color:var(--paper)}
.btn-paper{background:var(--paper);color:var(--ink)}.btn-paper:hover{background:var(--ink);color:var(--paper);outline:1px solid var(--paper)}
/* windows */
.win{background:var(--paper);border:1px solid var(--ink);box-shadow:4px 4px 0 rgba(30,30,30,.55);color:var(--ink)}
.win-bar{background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:.04em;padding:5px 10px;display:flex;justify-content:space-between;gap:12px}
.win-body{margin:3px;border:1px solid var(--ink);background:var(--card);padding:14px 16px}
.win-body.white{background:var(--paper)}
.win img{display:block;width:calc(100% - 6px);margin:3px;border:1px solid var(--ink);aspect-ratio:5/4;object-fit:cover;object-position:50% 30%;background:#DEDCD6}
.kv{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px 14px;font-size:15px;color:var(--ink)}
.kv>.k{font-family:var(--mono);font-size:13px;font-weight:600;text-transform:uppercase}
/* stats */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);color:var(--ink)}
.stats>div{padding:16px 16px 4px 16px;border-left:1px solid var(--ink)}
.stats>div:first-child{padding-left:0;border-left:0}
.stats .n{margin:0;font-weight:600;font-size:clamp(40px,6vw,80px);line-height:.9;letter-spacing:-.05em}
.stats .l{margin:8px 0 0;font-size:15px}
/* rows */
.rows{border-top:1px solid var(--ink)}
.row{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,1.4fr);gap:8px 20px;align-items:center;padding:16px 8px;border-bottom:1px dashed rgba(30,30,30,.4);color:var(--ink);text-decoration:none}
.row .rk{font-family:var(--mono);font-weight:600;font-size:16px}
.row .rt{font-weight:600;font-size:24px;letter-spacing:-.03em}
.row .rowmute{font-size:16px;color:var(--mute)}
.row:hover{background:var(--ink);color:var(--paper)}.row:hover .rowmute{color:#C9C9C9}
.plus{display:grid;gap:14px}
.plus>div{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px}
.plus>div>span:first-child{font-family:var(--mono);font-weight:600;color:var(--ink)}
.plus b{color:var(--ink);font-weight:600}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}
.card-cta{margin-top:14px}
.line{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px dashed rgba(30,30,30,.4);font-size:16px}
.line:last-of-type{border-bottom:1px solid var(--ink)}
.line .mono{font-size:14px;white-space:nowrap}
.aside{padding-left:12px;border-left:1px solid var(--ink);font-size:16px;color:var(--ink)}
.w-ink .aside{border-color:var(--paper);color:var(--paper)}
/* subscribe form */
.sub{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.sub input[type=email]{flex:1 1 240px;min-height:48px;padding:0 14px;border:1px solid var(--ink);border-radius:0;background:var(--paper);font:inherit;font-size:17px;color:var(--ink)}
.sub input[type=email]:focus{outline:2px solid var(--go);outline-offset:-2px}
/* article */
.article{max-width:720px;margin:0 auto;padding:56px clamp(20px,3vw,32px) 72px;color:var(--ink);font-size:19px;line-height:1.5}
.article h1{font-size:clamp(40px,6vw,72px);line-height:.92;margin:16px 0 20px}
.article h2{font-size:clamp(28px,3.4vw,40px);line-height:1;letter-spacing:-.03em;margin:48px 0 16px}
.article p{margin:0 0 18px}
.article ul,.article ol{margin:0 0 18px;padding-left:24px}
.article li{margin:0 0 8px}
.article table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:16px}
.article th,.article td{text-align:left;padding:10px 8px;border-bottom:1px dashed rgba(30,30,30,.4)}
.article th{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--ink)}
.article .meta{font-family:var(--mono);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}
.article a{color:var(--go)}
.foot{margin-top:72px;border-top:1px solid rgba(254,254,254,.4);padding-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:12px;letter-spacing:.04em}
.cursor::after{content:"\2588";margin-left:3px;animation:blink 1s steps(1) infinite}
@keyframes blink{0%,49.9%{opacity:1}50%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.cursor::after{animation:none}html{scroll-behavior:auto}}
@media (max-width:640px){.row{grid-template-columns:1fr;gap:4px}.stats .l{font-size:13px}}