/* GENERATED by build.py — do not edit.
 *
 * Atom classes for design declarations that are not part of the
 * hand-authored component set in site.css. Every colour here is a
 * token: the build refuses to emit a raw hex value.
 *
 * A rule appearing here many times is a candidate for promotion to
 * a named component in site.css plus an entry in content/styles.py.
 */

.u1 { position:relative; max-width:1280px; margin:0 auto; padding:clamp(56px,7vw,88px) clamp(20px,4vw,32px) 0; display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:64px; align-items:start; }
.u2 { max-width:1280px; margin:0 auto; padding:clamp(64px,8vw,104px) clamp(20px,4vw,32px); display:grid; grid-template-columns:repeat(auto-fit,minmax(330px,1fr)); gap:56px; }
.u3 { position:relative; border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--surface-alt); overflow:hidden; }
.u4 { display:flex; flex-direction:column; gap:10px; font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--text-muted); }
.u5 { width:8px; height:8px; border-radius:50%; background:var(--green); animation:cc-pulse 2.4s ease-in-out infinite; }
.u6 { padding:32px 20px 34px; }
.u7 { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:56px; align-items:center; }
.u8 { margin:0; font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--text-muted); }
.u9 { margin:10px 0 0; font-size:20px; font-weight:600; }
.u10 { margin:8px 0 20px; font-size:14px; color:var(--text-muted); }
.u11 { list-style:none; margin:44px 0 0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:20px; }
.u12 { max-width:1280px; margin:0 auto; padding:clamp(64px,8vw,96px) clamp(20px,4vw,32px); display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:56px; align-items:center; }
.u13 { position:relative; max-width:1280px; margin:0 auto; padding:clamp(56px,7vw,88px) clamp(20px,4vw,32px) clamp(64px,8vw,96px); display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:56px; align-items:center; }
.u14 { margin:0 0 10px; display:flex; align-items:center; gap:9px; font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--green-light); }
.u15 { width:7px; height:7px; border-radius:50%; background:var(--green); animation:cc-pulse 2.4s ease-in-out infinite; }
.u16 { max-width:64ch; }
.u17 { margin:0 0 12px; font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); }
.u18 { max-width:1280px; margin:0 auto; padding:clamp(64px,8vw,104px) clamp(20px,4vw,32px); display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:56px; }
.u19 { margin:24px 0 0; font-size:14px; color:var(--text-muted); }
.u20 { display:grid; gap:16px; align-content:start; }
.u21 { margin-top:36px; display:flex; flex-wrap:wrap; gap:10px; font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--text-muted); }
.u22 { border:1px solid var(--green-edge-strong); border-radius:999px; padding:7px 13px; color:var(--green-light); }
.u23 { margin:0 0 28px; font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--text-muted); font-weight:500; }
.u24 { font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--green-light); }
.u25 { padding:22px; display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:12px; font-family:'IBM Plex Mono',monospace; font-size:12.5px; color:var(--text-secondary); }
.u26 { margin:36px 0 0; border:1px solid var(--border); border-radius:12px; background:var(--surface-alt); padding:clamp(16px,3vw,28px); }
.u27 { margin-top:36px; display:flex; flex-wrap:wrap; gap:10px; }
.u28 { margin:20px 0 0; font-size:14px; color:var(--text-muted); }
.u29 { margin-top:36px; }
.u30 { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:20px; }
.u31 { margin:28px 0 0; font-size:14px; color:var(--text-muted); max-width:80ch; }
.u32 { margin-top:28px; border-left:3px solid var(--green); background:var(--green-wash); padding:20px 22px; max-width:74ch; }
.u33 { margin:32px 0 0; border:1px solid var(--border); border-radius:12px; background:var(--surface-alt); padding:clamp(16px,3vw,28px); }
.u34 { margin:32px 0 0; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1px; background:var(--border); border:1px solid var(--border); border-radius:10px; overflow:hidden; }
.u35 { margin:10px 0 0; font-size:26px; font-weight:600; letter-spacing:-.02em; color:var(--green); }
.u36 { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px; }
.u37 { font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-secondary); border:1px solid var(--border); border-radius:999px; padding:4px 10px; }
.u38 { font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); border:1px solid var(--border); border-radius:999px; padding:4px 10px; }
.u39 { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; }
.u40 { list-style:none; margin:0; padding:0; }
.u41 { margin-top:32px; border:1px solid var(--border); border-radius:10px; background:var(--surface-alt); padding:22px 24px; max-width:74ch; }
.u42 { list-style:none; margin:0; padding:0; display:grid; gap:1px; background:var(--border); border:1px solid var(--border); border-radius:12px; overflow:hidden; }
.u43 { font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; border:1px solid; border-radius:999px; padding:5px 11px; white-space:nowrap; color:var(--text-muted); border-color:var(--border); }
.u44 { font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; border:1px solid; border-radius:999px; padding:5px 11px; white-space:nowrap; color:var(--green-light); border-color:var(--green-edge-strong); }
.u45 { margin:14px 0 0; font-size:14px; color:var(--text-muted); }
.u46 { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:48px; align-items:center; }
.u47 { margin:0; font-size:clamp(32px,4.4vw,46px); line-height:1.1; letter-spacing:-.03em; font-weight:600; max-width:26ch; text-wrap:pretty; }
.u48 { margin:22px 0 0; font-size:19px; line-height:1.65; color:var(--text-secondary); max-width:62ch; }
.u49 { margin:36px 0 0; display:flex; flex-wrap:wrap; gap:28px; font-size:14px; }
.u50 { margin:7px 0 0; color:var(--green-light); }
.u51 { margin:7px 0 0; color:var(--text-muted); }
.u52 { max-width:1280px; margin:0 auto; padding:clamp(40px,5vw,64px) clamp(20px,4vw,32px); display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:clamp(32px,5vw,56px); align-items:start; }
.u53 { border:1px solid var(--border); border-radius:10px; background:var(--surface-alt); padding:24px; position:sticky; top:100px; }
.u54 { list-style:none; margin:0; padding:0; display:grid; gap:11px; font-size:14.5px; }
.u55 { grid-column:span 2; min-width:0; max-width:72ch; }
.u56 { font-family:'IBM Plex Mono',monospace; font-size:15px; background:var(--surface); border:1px solid var(--border); border-radius:4px; padding:2px 6px; }
.u57 { margin:28px 0 0; border-left:3px solid var(--green); background:var(--green-wash); padding:20px 22px; }
.u58 { margin:28px 0 0; border:1px solid var(--border); border-radius:10px; background:var(--surface-alt); overflow:hidden; }
.u59 { padding:11px 16px; border-bottom:1px solid var(--border); background:var(--surface); font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--text-muted); }
.u60 { margin:0; padding:18px 16px; overflow-x:auto; font-family:'IBM Plex Mono',monospace; font-size:13px; line-height:1.75; color:var(--text-secondary); }
.u61 { margin:28px 0 0; border:1px solid var(--border); border-radius:10px; background:var(--surface-alt); padding:24px; }
.u62 { margin:16px 0 0; font-size:14px; line-height:1.7; color:var(--text-muted); }
.u63 { margin:28px 0 0; border:1px solid var(--border); border-radius:10px; background:var(--surface); padding:22px; }
.u64 { margin:0 0 8px; font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--green-light); }
.u65 { margin:44px 0 0; padding:24px; border:1px solid var(--border); border-radius:10px; background:var(--surface-alt); display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:space-between; }
.u66 { margin:0; font-size:15px; font-weight:600; color:var(--text); }
.u67 { margin:5px 0 0; font-size:14px; color:var(--text-muted); }
.u68 { margin:32px 0 0; display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:1px; background:var(--border); border:1px solid var(--border); border-radius:10px; overflow:hidden; }
.u69 { margin:20px 0 0; font-size:17px; line-height:1.7; color:var(--text-secondary); max-width:60ch; }
.u70 { max-width:900px; margin:0 auto; padding:clamp(72px,10vw,140px) clamp(20px,4vw,32px); }
.u71 { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; margin-top:40px; }
.u72 { margin:36px 0 0; font-size:15px; color:var(--text-muted); }