:root{--ink:#1d211d;--muted:#667064;--paper:#f7f3e9;--panel:#fffaf0;--line:#ddd3bd;--amber:#f1b83f;--wood:#a66a35;--moss:#607248;--graphite:#303532;--white:#fff;--shadow:0 18px 54px #2921151f}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);font-family:var(--font-manrope), "Manrope", Arial, sans-serif;margin:0;line-height:1.45;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{grid-template-columns:292px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{height:100vh;color:var(--white);background:var(--graphite);flex-direction:column;gap:20px;padding:22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#1b1e1a;background:var(--amber);border-radius:6px;place-items:center;width:52px;height:44px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand span{color:#ffffffad;font-size:12px}.nav{gap:8px;display:grid}.nav a{color:#ffffffc7;border-radius:6px;padding:12px 13px;font-weight:800}.nav a:hover,.nav a[aria-current=page]{color:var(--white);background:#ffffff1a}.side-note{color:#ffffffc2;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;margin-top:auto;padding:16px}.workspace{min-width:0;padding:26px clamp(18px,4vw,46px) 56px}.topbar{justify-content:space-between;gap:18px;margin-bottom:24px;display:flex}.topbar-actions{flex-wrap:wrap;gap:10px;display:flex}.eyebrow{color:var(--wood);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:980px;margin-bottom:10px;font-size:clamp(36px,5vw,64px);line-height:1.02}h2{margin-bottom:18px;font-size:clamp(26px,3.2vw,42px);line-height:1.06}h3{margin-bottom:9px;font-size:20px;line-height:1.18}.lead{max-width:940px;color:var(--muted);font-size:18px}.button{color:#1c1d18;background:var(--amber);border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.button.secondary{color:var(--graphite);border:1px solid var(--line);background:#ffffffb8}.section{margin-top:34px}.grid-4,.grid-3,.grid-2{gap:14px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.panel,.metric{background:var(--panel);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);border-radius:8px}.metric{padding:18px}.metric span{color:var(--muted);font-size:13px;font-weight:800}.metric strong{margin-top:8px;font-size:30px;line-height:1;display:block}.metric small{color:var(--moss);margin-top:8px;font-weight:800;display:block}.panel,.card{padding:22px}.panel-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.panel-header p,.card p{color:var(--muted)}.flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.flow-step{min-height:154px;color:var(--white);background:var(--graphite);border-radius:8px;padding:16px;position:relative}.flow-step span{color:#1c1d18;background:var(--amber);border-radius:6px;place-items:center;width:34px;height:34px;margin-bottom:12px;font-weight:800;display:grid}.flow-step p{color:#ffffffb8}.matrix{gap:12px;display:grid}.matrix-row{border:1px solid var(--line);background:#fffdf7;border-radius:8px;grid-template-columns:170px minmax(0,1fr) 220px;gap:14px;padding:16px;display:grid}.matrix-row p{color:var(--muted);margin-bottom:0}.badge{color:#26301f;background:#f1b83f52;border-radius:999px;width:fit-content;padding:5px 8px;font-size:12px;font-weight:800;display:inline-flex}.dark{color:var(--white);background:linear-gradient(135deg,#303532f5,#607248e6),url(/assets/catalog.png) 50%/cover no-repeat}.dark p,.dark li{color:#ffffffbd}ul{gap:9px;margin:12px 0 0;padding:0;list-style:none;display:grid}li{color:var(--muted);padding-left:22px;position:relative}li:before{content:"";background:var(--amber);border-radius:50%;width:8px;height:8px;position:absolute;top:.62em;left:0}.dark li:before{background:var(--amber)}.code-card{color:#f7f3e9;background:#171a17;border-radius:8px;padding:18px;overflow-x:auto}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}pre{white-space:pre-wrap;margin:0}@media (max-width:1180px){.shell{grid-template-columns:1fr}.sidebar{z-index:50;flex-flow:wrap;align-items:center;gap:12px;height:auto;padding:12px 16px;position:sticky;top:0;box-shadow:0 6px 18px #0003}.nav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:100%;gap:8px;display:flex;overflow-x:auto}.nav a{white-space:nowrap;flex:none}.side-note{display:none}.section,.topbar{scroll-margin-top:120px}.grid-4,.grid-3,.flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.workspace{padding:20px 18px 42px}.topbar,.panel-header,.matrix-row{grid-template-columns:1fr;display:grid}.topbar-actions,.button,.grid-4,.grid-3,.grid-2,.flow{grid-template-columns:1fr;width:100%}h1{font-size:36px}}