@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;600;700&display=swap');
:root{--bg:#11161b;--panel:#1b2529;--line:#43565b;--text:#f3eacb;--muted:#b8bdad;--amber:#ffbc5a;--green:#9fe9a2;--pink:#fc78ab;--cyan:#80d9e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk',Arial,sans-serif;line-height:1.7}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.08;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px);z-index:10}a{color:var(--cyan)}a:hover{color:var(--amber)}.wrap{width:min(1180px,92%);margin:auto}.top{background:#0b1014;border-bottom:2px solid var(--amber);position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:80px}.brand{text-decoration:none;color:var(--amber);font-family:'IBM Plex Mono',monospace;font-size:clamp(16px,2.2vw,25px);font-weight:700;line-height:1.1;letter-spacing:-1px}.brand span{display:block;color:var(--green);font-size:10px;letter-spacing:2px;margin-top:5px}.links{display:flex;gap:18px;flex-wrap:wrap}.links a{text-decoration:none;color:var(--text);font-family:'IBM Plex Mono',monospace;font-size:12px}.links a:hover{color:var(--amber)}.hero{padding:70px 0 65px;background:radial-gradient(ellipse at 75% 25%,#33443c 0,transparent 55%),linear-gradient(135deg,#1e2930,#11161b);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.kicker,.tag{font:700 12px 'IBM Plex Mono',monospace;color:var(--green);text-transform:uppercase;letter-spacing:2px}h1,h2,h3{line-height:1.15}h1{font-size:clamp(43px,6vw,80px);letter-spacing:-3px;margin:20px 0}h1 em{font-style:normal;color:var(--amber)}h2{font-size:clamp(28px,3.4vw,42px);letter-spacing:-1px}h3{font-size:23px}p{color:#d6d9cd}.lead{font-size:19px;max-width:680px}.button{display:inline-block;background:var(--amber);color:#161616;text-decoration:none;font:700 13px 'IBM Plex Mono',monospace;padding:15px 22px;margin:10px 10px 0 0;border:2px solid var(--amber)}.button:hover{background:transparent;color:var(--amber)}.button.alt{background:transparent;color:var(--green);border-color:var(--green)}.button.alt:hover{background:var(--green);color:#111}.monitor{border:17px solid #c5bba2;border-bottom-width:30px;border-radius:20px 20px 12px 12px;background:#07190e;box-shadow:0 20px 0 #817b69,0 30px 45px #0009;min-height:310px;padding:22px;color:var(--green);font:15px/1.8 'IBM Plex Mono',monospace;position:relative}.monitor:after{content:'● POWER';position:absolute;bottom:-26px;right:15px;font-size:10px;color:#28352e}.cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.section{padding:68px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:28px}.section-head h2{margin:8px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:var(--amber)}.card-art{height:170px;display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#51422f,#272d2c)}.card-art svg{width:125px;height:125px}.card-art.era80{background:linear-gradient(135deg,#31233d,#15424b)}.card-art.era90{background:linear-gradient(135deg,#264251,#273044)}.card-body{padding:22px}.card h3{margin:8px 0}.card h3 a{color:var(--text);text-decoration:none}.card p{font-size:14px;margin:10px 0 18px}.meta{font:11px 'IBM Plex Mono',monospace;color:var(--amber)}.text-link{font:700 12px 'IBM Plex Mono',monospace}.eras{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.era{border:1px solid var(--line);padding:30px;background:#202a2e}.era b{font:700 47px 'IBM Plex Mono',monospace;color:var(--amber)}.era:nth-child(2) b{color:var(--pink)}.era:nth-child(3) b{color:var(--cyan)}.era p{font-size:14px}.band{background:#d2c5a7;color:#20211c;padding:50px 0}.band h2,.band p{color:#20211c}.band .button{background:#1c2b2a;border-color:#1c2b2a;color:#e9f4dc}.footer{border-top:2px solid var(--amber);background:#0b1014;padding:35px 0}.footer p{font-size:13px}.footgrid{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.article{max-width:820px;margin:0 auto;padding:60px 0 90px}.article h1{font-size:clamp(36px,5vw,62px)}.article h2{font-size:29px;margin-top:48px;color:var(--amber)}.article h3{color:var(--green);margin-top:30px}.article li{margin:10px 0;color:#d6d9cd}.article code{color:var(--green);background:#101d18;padding:3px 6px}.article pre{background:#07190e;color:var(--green);padding:22px;overflow:auto;border:1px solid #41604c}.article .note{border-left:4px solid var(--amber);background:#252a29;padding:18px 24px;margin:26px 0}.breadcrumbs{font:12px 'IBM Plex Mono',monospace;color:var(--muted)}.indexhero{padding:50px 0 25px}.indexhero h1{font-size:clamp(40px,5vw,60px)}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.filterbar button{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px 16px;font:12px 'IBM Plex Mono',monospace}.filterbar button.active,.filterbar button:hover{background:var(--amber);color:#111}.search{padding:13px 16px;background:#0d171a;color:var(--text);border:1px solid var(--line);width:min(100%,370px);font:14px 'IBM Plex Mono',monospace;margin:0 0 22px}.no-results{display:none}.fine{font-size:12px;color:var(--muted)}@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.monitor{max-width:560px}.grid,.eras{grid-template-columns:repeat(2,1fr)}.nav{align-items:flex-start;flex-direction:column;padding:16px 0}.links{gap:12px}}@media(max-width:560px){.grid,.eras{grid-template-columns:1fr}.hero{padding:45px 0}.section{padding:42px 0}.monitor{font-size:12px;min-height:260px}.section-head{display:block}h1{letter-spacing:-2px}}

/* New branded masthead */
.nav{min-height:112px;padding-top:9px;padding-bottom:9px}
.brand-logo{display:flex;align-items:center;flex:0 1 380px;max-width:55%}
.brand-logo img{display:block;width:100%;height:auto;max-height:100px;object-fit:contain;object-position:left center}
@media(max-width:850px){.nav{min-height:0}.brand-logo{max-width:100%;width:min(420px,100%);flex:none}.brand-logo img{max-height:110px}}