@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap";:root{--canvas:#faf9f6;--ink:#080808;--bridge:#2563eb;--fog:#6b7280;--stone:#d9d9d4;--olive:#a3b18a;--line:#d8d6d0;--max:1440px;--mono:"IBM Plex Mono",monospace;--sans:"Inter",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-family:var(--sans);margin:0;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}code,pre,.mono{font-family:var(--mono)}.shell{max-width:var(--max);margin:auto;padding:0 32px}.label{font:500 11px/1.2 var(--mono);letter-spacing:.13em;text-transform:uppercase}.rule{border-top:1px solid var(--line)}.btn{border:1px solid var(--ink);font:500 13px var(--sans);align-items:center;gap:12px;padding:12px 17px;transition:all .2s;display:inline-flex}.btn.primary{background:var(--ink);color:#fff}.btn:hover{transform:translateY(-2px)}.blue{color:var(--bridge)}header{border-bottom:1px solid var(--line);backdrop-filter:blur(12px);z-index:20;background:#faf9f6f0;align-items:center;height:74px;display:flex;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;width:100%;display:flex}.brand{align-items:center;gap:11px;font-size:18px;font-weight:600;display:flex}.mark{width:29px;height:19px}.navlinks{align-items:center;gap:27px;font-size:13px;display:flex}.navlinks a:hover{color:var(--bridge)}.hero{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;min-height:690px;display:grid}.hero-copy{padding:100px 6vw 70px max(32px,calc((100vw - var(--max))/2 + 32px));flex-direction:column;justify-content:space-between;display:flex}.hero h1{letter-spacing:-.065em;max-width:780px;margin:28px 0 38px;font-size:clamp(62px,7.4vw,122px);font-weight:500;line-height:.88}.hero p{max-width:520px;font:16px/1.55 var(--mono);color:#343434}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.hero-visual{border-left:1px solid var(--line);background:#e9e7e0;min-height:650px;position:relative;overflow:hidden}.hero-visual:before{content:"";background:linear-gradient(125deg,#0000 0 47%,#151515 47.2% 59%,#0000 59.2%),linear-gradient(90deg,#0000 0 68%,#222 68% 83%,#0000 83%);position:absolute;inset:0}.bridge-path{background:var(--bridge);width:115%;height:78px;position:absolute;top:52%;left:-8%;transform:rotate(-18deg);box-shadow:0 0 50px #2563eb40}.bridge-deck{clip-path:polygon(0 0,100% 0,100% 52%,0 100%);background:#171717;width:125%;height:110px;position:absolute;top:45%;left:-10%;transform:rotate(-18deg)}.hero-note{font:12px/1.7 var(--mono);letter-spacing:.08em;position:absolute;top:45px;left:42px}.hero-caption{text-align:right;font:11px/1.6 var(--mono);color:#444;position:absolute;bottom:35px;right:35px}.lifecycle{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.life{border-right:1px solid var(--line);padding:34px 32px}.life:last-child{border-right:0}.life strong{letter-spacing:-.03em;font-size:25px;font-weight:500}.life .n{font:11px var(--mono);color:var(--fog);margin-bottom:50px}.life p{color:#4b4b4b;max-width:230px;font-size:13px}.section{padding:120px 0}.section-head{grid-template-columns:1fr 2fr;gap:50px;margin-bottom:70px;display:grid}.section h2{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5vw,78px);font-weight:500;line-height:.98}.section-lead{font:15px/1.65 var(--mono);color:#333;max-width:580px;margin-top:8px}.code-grid{border:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.code-pane{color:#f5f4ef;background:#0b0b0b;min-height:430px;padding:26px 30px}.code-pane+.code-pane{border-left:1px solid #333}.code-title{font:11px var(--mono);color:#aaa;border-bottom:1px solid #333;justify-content:space-between;margin-bottom:28px;padding-bottom:18px;display:flex}.code-pane pre{font:14px/1.7 var(--mono);white-space:pre-wrap;margin:0}.k{color:#93c5fd}.v{color:#d9f99d}.muted{color:#737373}.good{color:#86efac}.warn{color:#fde047}.arch{color:#f7f6f1;background:#0a0a0a}.arch .label,.arch .section-lead{color:#aaa}.diagram{grid-template-columns:1fr 140px 1fr;align-items:center;margin-top:80px;display:grid}.plane{border:1px solid #555;min-height:250px;padding:38px}.plane h3{margin:0 0 50px;font-size:28px;font-weight:500}.plane p{font:12px/1.8 var(--mono);color:#aaa}.connector{text-align:center;color:var(--bridge);font:28px var(--mono)}.core{border:1px solid var(--bridge);justify-content:space-between;align-items:center;margin-top:30px;padding:24px;display:flex}.core span:last-child{font:12px var(--mono);color:#aaa}.objects{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.object{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:240px;padding:30px}.object:nth-child(3n){border-right:0}.object:nth-child(n+4){border-bottom:0}.object h3{margin:55px 0 10px;font-size:27px;font-weight:500}.object p{color:#555;font-size:13px}.object:hover{background:#f2f0ea}.object:hover h3{color:var(--bridge)}.posts{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.post{background:var(--canvas);min-height:260px;padding:28px}.post h3{margin:50px 0 15px;font-size:25px;font-weight:500;line-height:1.1}.post p{color:#555;font-size:13px}.post:hover{background:#fff}.cta{padding:120px 0 130px}.cta h2{letter-spacing:-.065em;max-width:1100px;margin:0 0 45px;font-size:clamp(56px,8vw,120px);font-weight:500;line-height:.88}footer{border-top:1px solid var(--line);padding:40px 0 70px}.foot{font:12px var(--mono);color:#555;justify-content:space-between;gap:30px;display:flex}.article{max-width:820px;margin:90px auto 140px;padding:0 30px}.article h1{letter-spacing:-.05em;font-size:64px;font-weight:500;line-height:1}.article .dek{font:17px/1.6 var(--mono);color:#555;margin:25px 0 60px}.article h2{margin-top:60px;font-size:34px}.article p,.article li{font-size:18px;line-height:1.75}.article pre{color:#fff;background:#0b0b0b;padding:24px;overflow:auto}.article code{font-size:.9em}.listing{max-width:1100px;margin:90px auto 140px;padding:0 30px}.listing h1{letter-spacing:-.05em;font-size:70px;font-weight:500}.listrow{border-top:1px solid var(--line);grid-template-columns:160px 1fr 30px;align-items:start;padding:25px 0;display:grid}.listrow:last-child{border-bottom:1px solid var(--line)}.listrow h2{margin:0;font-size:25px;font-weight:500}.listrow p{color:#555;margin:8px 0;font-size:14px}@media (width<=900px){.shell{padding:0 20px}.navlinks{gap:8px}.navlinks .btn{padding:10px 12px}.navlinks a:not(.btn){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 24px}.hero-visual{border-left:0;border-top:1px solid var(--line);min-height:440px}.lifecycle{grid-template-columns:1fr 1fr}.life:nth-child(2){border-right:0}.section{padding:80px 0}.section-head,.code-grid,.diagram,.objects,.posts{grid-template-columns:1fr}.code-pane+.code-pane{border-top:1px solid #333;border-left:0}.connector{padding:20px}.object{border-right:0!important;border-bottom:1px solid var(--line)!important}.object:last-child{border-bottom:0!important}.posts{gap:1px}.foot{flex-direction:column}.listrow{grid-template-columns:1fr}.article h1,.listing h1{font-size:48px}}