:root{--bg:#fffdf8;--paper:#fff7e8;--ink:#17130d;--muted:#6d6254;--line:#e8dcc9;--blue:#0a72ef;--pink:#de1d8d;--green:#1f7a4d;--code:#17130d;--codeText:#f8ead0;--shadow:0 24px 80px #2a1f0e1a;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(#fffdf8 0,#f8f2e7 55%,#f3f7f2 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit}.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}.topbar{color:#fff4dc;background:#17130d;font-size:13px}.topbar .wrap{justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px;display:flex}.nav{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8e0;border-bottom:1px solid #e8dcc9e0;position:sticky;top:0}.nav .wrap{justify-content:space-between;align-items:center;gap:20px;min-height:70px;display:flex}.brand{letter-spacing:-.045em;align-items:center;gap:11px;font-size:22px;font-weight:900;text-decoration:none;display:flex}.mark{color:#ffdf8d;background:#17130d;border-radius:12px;place-items:center;width:38px;height:38px;font-family:JetBrains Mono,monospace;font-size:13px;display:grid}.links{align-items:center;gap:18px;font-size:14px;font-weight:750;display:flex}.links a{color:#3f382f;text-decoration:none}.btn{background:#17130d;border:1px solid #17130d;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:0 12px 28px #17130d21;color:#fff7e8!important}.btn.secondary{box-shadow:none;background:0 0;border-color:#cfc0aa;color:#17130d!important}.hero{padding:76px 0 44px}.heroGrid{grid-template-columns:1.06fr .94fr;align-items:center;gap:42px;display:grid}.eyebrow{border:1px solid var(--line);text-transform:uppercase;color:#5e5346;background:#ffffffc2;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font:12px/1.2 JetBrains Mono,monospace;display:inline-flex}.hero h1{letter-spacing:-.075em;margin:18px 0;font-size:clamp(42px,7vw,82px);line-height:.93}.lead{color:#5e5346;max-width:720px;font-size:20px}.ctaRow{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffc7;border-radius:24px;padding:24px}.fieldVisual{color:#fff;letter-spacing:.06em;background:linear-gradient(135deg,#17130d 0%,#0a72ef 56%,#de1d8d 100%);border-radius:18px;place-items:center;height:190px;font:700 13px JetBrains Mono,monospace;display:grid}.fieldcard h2{letter-spacing:-.055em;margin:22px 0 8px;font-size:34px;line-height:1.02}.muted{color:var(--muted)}.quickList{gap:12px;display:grid}.quickRow{border:1px solid var(--line);background:#fffdf8;border-radius:16px;grid-template-columns:76px 1fr;align-items:center;gap:13px;padding:12px;text-decoration:none;display:grid}.thumb{color:#776a59;background:#f1eadf;border-radius:12px;place-items:center;height:58px;font:700 12px JetBrains Mono,monospace;display:grid}.quickRow strong{line-height:1.16;display:block}.quickRow span{color:var(--muted);font-size:13px}.section{padding:48px 0}.sectionHead{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.section h2{letter-spacing:-.06em;margin:0;font-size:42px;line-height:1}.grid3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid2{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.card{border:1px solid var(--line);background:#ffffffd1;border-radius:20px;padding:22px;text-decoration:none}.card small{color:var(--blue);text-transform:uppercase;font:700 12px JetBrains Mono,monospace}.card h2,.card h3{letter-spacing:-.04em;margin:12px 0 8px;font-size:24px;line-height:1.1}.callout{color:#fff3d9;background:#17130d;border-radius:26px;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:32px;display:grid}.articleHeader{padding:60px 0 28px}.articleHeader h1{letter-spacing:-.07em;margin:16px 0;font-size:clamp(38px,6vw,72px);line-height:.98}.articleMeta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:14px;display:flex}.prose{max-width:820px;margin:0 auto;padding:20px 22px 70px}.prose h1{letter-spacing:-.07em;font-size:clamp(38px,6vw,72px);line-height:.98}.prose h2{letter-spacing:-.045em;margin-top:46px;font-size:34px;line-height:1.1}.prose h3{letter-spacing:-.025em;margin-top:28px;font-size:23px}.prose p,.prose li{font-size:17px}.prose table{border-collapse:collapse;border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;margin:22px 0;display:block;overflow:hidden}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px}.prose code{background:#f2eadf;border-radius:6px;padding:2px 5px;font-family:JetBrains Mono,monospace}.prose pre{background:var(--code);color:var(--codeText);border-radius:16px;padding:18px;overflow:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose blockquote{border-left:4px solid var(--blue);color:#50483d;background:#f7efe2;border-radius:0 12px 12px 0;margin-left:0;padding:8px 0 8px 18px}.footer{border-top:1px solid var(--line);color:var(--muted);padding:36px 0;font-size:14px}.footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}@media (width<=860px){.heroGrid,.grid3,.grid2,.callout{grid-template-columns:1fr}.nav .wrap{align-items:flex-start;padding-top:14px;padding-bottom:14px}.links{flex-wrap:wrap;gap:10px 14px;display:flex}.links .btn{padding:8px 12px}.topbar .wrap,.sectionHead{display:block}.quickRow{grid-template-columns:64px 1fr}.hero{padding-top:48px}.articleHeader h1,.hero h1{letter-spacing:-.055em}}
