@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#000;--panel:#0b0b0b;--panel2:#111;--text:#f5f5f5;--muted:#929292;--line:#292929;--accent:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Figtree,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.site-head{position:sticky;top:0;z-index:5;height:76px;border-top:1px solid #fff;border-bottom:1px solid var(--line);background:#000e;backdrop-filter:blur(12px)}.site-head .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:80px;height:80px;object-fit:contain}.nav{display:flex;gap:26px;color:#999;font:12px 'JetBrains Mono',monospace;text-decoration:none}.nav a{text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #fff;border-radius:5px;background:#fff;color:#050505;font:600 11px 'JetBrains Mono',monospace;text-decoration:none}.blog-hero{padding:96px 0 72px;border-bottom:1px solid var(--line)}.kicker{color:#fff;font:500 10px 'JetBrains Mono',monospace;letter-spacing:.13em}.blog-hero h1,.article-head h1{max-width:850px;margin:20px 0 22px;font-size:clamp(46px,7vw,82px);line-height:1;letter-spacing:-.065em}.blog-hero p,.article-head p{max-width:690px;color:var(--muted);font-size:18px;line-height:1.7}.posts{padding:56px 0 100px}.post-card{display:grid;grid-template-columns:1fr auto;gap:34px;padding:32px;border:1px solid var(--line);border-radius:7px;background:var(--panel);text-decoration:none}.post-card:hover{border-color:#505050;background:var(--panel2)}.post-card h2{margin:10px 0 12px;font-size:30px;letter-spacing:-.04em}.post-card p{max-width:720px;margin:0;color:var(--muted);line-height:1.7}.post-meta,.article-meta{color:#737373;font:10px 'JetBrains Mono',monospace;letter-spacing:.06em}.post-arrow{align-self:center;font-size:28px}.article{width:min(820px,calc(100% - 48px));margin:auto}.article-head{padding:88px 0 52px;border-bottom:1px solid var(--line)}.article-head h1{font-size:clamp(42px,7vw,72px)}.article-body{padding:46px 0 100px}.article-body h2{margin:50px 0 14px;font-size:30px;letter-spacing:-.035em}.article-body h3{margin:30px 0 10px;font-size:20px}.article-body p,.article-body li{color:#b0b0b0;font-size:17px;line-height:1.8}.article-body strong{color:#fff}.article-body code{font-family:'JetBrains Mono',monospace;color:#ddd}.callout{margin:30px 0;padding:22px;border-left:2px solid #fff;background:#0d0d0d}.compare{width:100%;border-collapse:collapse;margin:24px 0}.compare th,.compare td{padding:15px;text-align:left;border:1px solid var(--line);vertical-align:top}.compare th{color:#777;background:#080808;font:10px 'JetBrains Mono',monospace;text-transform:uppercase}.compare td{color:#aaa}.sources{margin-top:56px;padding-top:28px;border-top:1px solid var(--line)}.sources a{color:#bbb;overflow-wrap:anywhere}.site-footer{padding:30px 0;border-top:1px solid var(--line);color:#777;font:11px 'JetBrains Mono',monospace}.site-footer .wrap{display:flex;justify-content:space-between;gap:24px}@media(max-width:700px){.wrap,.article{width:calc(100% - 32px)}.site-head{height:auto}.site-head .wrap{min-height:68px}.brand img{width:68px;height:68px}.nav{gap:14px}.nav .hide-mobile{display:none}.blog-hero,.article-head{padding:62px 0 42px}.post-card{grid-template-columns:1fr;padding:24px}.article-body p,.article-body li{font-size:16px}.compare{display:block;overflow-x:auto}.site-footer .wrap{flex-direction:column}}
