:root{--bg:#0c0b09;--surface:#161310;--surface2:#201b14;--text:#f4eee1;--muted:#c8c0b2;--faint:#91897b;--line:#2c2620;--gold:#d6ac74;--gold2:#f0d9ae;--deep:#96692f;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'Plus Jakarta Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%}.wrap{max-width:var(--max);padding:0 22px;margin:auto}.nav{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line);background:rgba(12,11,9,.9);backdrop-filter:blur(12px)}.nav .wrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:300 18px Montserrat,sans-serif;letter-spacing:.24em;color:var(--gold2)}.brand img{height:29px}.back{color:var(--muted);text-decoration:none;font-size:14px;font-weight:700}.back:hover,.text-link:hover{color:var(--gold)}.hero{padding:86px 0 66px;background:radial-gradient(800px 380px at 88% 0,rgba(214,172,116,.14),transparent 65%)}.kicker{margin:0 0 18px;color:var(--gold);font:500 12px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.kicker:before{content:'';display:inline-block;width:25px;height:1px;background:var(--gold);vertical-align:middle;margin:0 10px 0 0}h1,h2,h3{font-family:Montserrat,sans-serif;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}h1{max-width:16ch;margin:0;font-size:clamp(2.5rem,6vw,4.8rem)}h1 em{font-style:normal;color:var(--gold)}.lead{max-width:60ch;margin:23px 0 0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.22rem)}.grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:14px 0 78px}.card{display:flex;min-height:280px;flex-direction:column;justify-content:space-between;padding:27px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-decoration:none;transition:.25s}.card:hover{transform:translateY(-4px);border-color:var(--deep);background:var(--surface2)}.tag,.meta{color:var(--gold);font:500 11px 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.card h2{margin:18px 0 10px;font-size:1.45rem}.card p{margin:0;color:var(--muted);font-size:14px}.arrow{margin-top:22px;color:var(--gold2);font-weight:700;font-size:14px}.article-hero{padding:70px 0 42px;border-bottom:1px solid var(--line);background:radial-gradient(720px 340px at 86% 0,rgba(214,172,116,.12),transparent 65%)}.article-hero h1{max-width:18ch;font-size:clamp(2.3rem,5vw,4.25rem)}.article-hero .meta{display:block;margin-top:25px;color:var(--faint)}.layout{display:grid;grid-template-columns:190px minmax(0,720px);gap:64px;padding:52px 0 82px}.toc{position:sticky;top:100px;height:max-content}.toc strong{color:var(--gold);font:500 11px 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.toc a{display:block;margin-top:9px;color:var(--faint);font-size:13px;text-decoration:none}.toc a:hover{color:var(--gold)}article h2{margin:0 0 16px;font-size:1.65rem}article h2:not(:first-child){margin-top:50px;padding-top:48px;border-top:1px solid var(--line)}article p,article li{color:var(--muted)}article p+p{margin-top:15px}article ul{padding-left:20px}.callout{margin-top:32px;padding:25px;border:1px solid var(--deep);border-radius:16px;background:linear-gradient(135deg,var(--surface),#2a2015)}.callout h2{margin:0;font-size:1.35rem}.button{display:inline-flex;align-items:center;min-height:46px;margin-top:17px;padding:0 20px;border-radius:99px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1a140a;text-decoration:none;font-size:14px;font-weight:800}.related{padding:55px 0;border-top:1px solid var(--line);background:var(--surface)}.related h2{margin:0 0 24px;font-size:1.75rem}.related a{display:block;padding:15px 0;border-top:1px solid var(--line);color:var(--muted);text-decoration:none}.related a:hover{color:var(--gold)}footer{padding:30px 0;color:var(--faint);font-size:12px;text-align:center}@media(max-width:760px){.hero{padding:62px 0 42px}.grid{grid-template-columns:1fr;padding-bottom:50px}.layout{grid-template-columns:1fr;gap:30px;padding-top:34px}.toc{position:static;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.toc a{display:inline-block;margin:8px 13px 0 0}.article-hero{padding:54px 0 35px}}
