:root{color-scheme:dark;--bg:#080b0f;--panel:#11161d;--text:#edf5f3;--muted:#9dacaa;--line:#27323a;--accent:#51e6c4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.78}a{color:inherit}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff14;background:#080b0fd9;backdrop-filter:blur(18px)}.nav{max-width:1180px;margin:auto;height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:750;letter-spacing:-.02em}.brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#2998ff);color:#07100e;font-size:14px}.nav-links{display:flex;gap:20px;color:var(--muted);font-size:14px}.nav-links a{text-decoration:none}.nav-links a:hover{color:var(--text)}.hero{max-width:1180px;margin:auto;padding:76px 24px 34px}.eyebrow{margin:0 0 18px;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{max-width:940px;margin:0;font-size:clamp(42px,6.5vw,78px);line-height:1.03;letter-spacing:-.055em}.deck{max-width:760px;margin:24px 0 0;color:#b8c6c3;font-size:clamp(18px,2vw,23px);line-height:1.65}.meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:30px;color:var(--muted);font-size:14px}.hero-image{max-width:1180px;margin:34px auto 0;padding:0 24px}.hero-image img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 90px #0007}.layout{max-width:1080px;margin:64px auto 120px;padding:0 24px;display:grid;grid-template-columns:minmax(0,740px) 220px;gap:90px}.article{min-width:0}.article h2{margin:64px 0 18px;font-size:clamp(29px,4vw,40px);line-height:1.2;letter-spacing:-.035em}.article p,.article li{color:#c4cfcd;font-size:17px}.article strong{color:var(--text)}.article a{color:var(--accent);text-underline-offset:3px}.lede{padding-left:20px;border-left:3px solid var(--accent);color:#e5eeec!important;font-size:20px!important}.toc{position:sticky;top:96px;align-self:start}.toc-title{margin:0 0 14px;color:var(--text);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.toc a{display:block;padding:6px 0;color:var(--muted);font-size:13px;line-height:1.45;text-decoration:none}.toc a:hover{color:var(--accent)}.callout{margin:30px 0;padding:22px 24px;border:1px solid #2d4945;border-radius:16px;background:#30968417}.callout p{margin:0}pre{margin:26px 0;overflow:auto;padding:22px;border:1px solid var(--line);border-radius:15px;background:#0b1016;color:#dce8e6;font:14px/1.65 "SFMono-Regular",Consolas,monospace}code{padding:.13em .35em;border-radius:5px;background:#172029;color:#bdeee3;font-family:"SFMono-Regular",Consolas,monospace;font-size:.88em}pre code{padding:0;background:transparent;color:inherit}.diagram{margin:30px 0;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.flow div{min-height:74px;padding:12px;border:1px solid #30404a;border-radius:11px;background:#151c24;display:grid;place-items:center;text-align:center;color:#d9e5e2;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.metric{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.metric b{display:block;color:var(--accent);font-size:23px;letter-spacing:-.03em}.metric span{color:var(--muted);font-size:13px}.article-footer{margin-top:72px;padding-top:28px;border-top:1px solid var(--line)}.next-card{display:block;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel);text-decoration:none}.next-card small{color:var(--accent)}.next-card strong{display:block;margin-top:7px;font-size:21px}.index-wrap{max-width:1180px;margin:auto;padding:90px 24px 120px}.index-title{max-width:780px}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:54px}.article-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--panel);text-decoration:none;transition:.2s}.article-card:hover{transform:translateY(-4px);border-color:#47645d}.article-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.article-card-body{padding:26px}.article-card h2{margin:9px 0 12px;font-size:26px;line-height:1.25;letter-spacing:-.03em}.article-card p{margin:0;color:var(--muted)}.tag{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}@media(max-width:820px){.layout{grid-template-columns:1fr;margin-top:44px}.toc{display:none}.article-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr}}@media(max-width:520px){.hero{padding-top:52px}.nav{padding:0 16px}.hero,.hero-image,.layout,.index-wrap{padding-left:18px;padding-right:18px}.hero-image img{border-radius:15px}.flow{grid-template-columns:1fr}.nav-links a:first-child{display:none}}