*{box-sizing:border-box}body{margin:0;background:#fbfaf8;color:#222922;font:16px/1.7 system-ui,-apple-system,sans-serif}a{color:#943f2b;text-underline-offset:3px}a:focus-visible{outline:3px solid #ee805e;outline-offset:3px}.wrap{max-width:1060px;margin:auto;padding:0 24px}.top,.hero,.footer{background:#18211c;color:white}.nav{padding:16px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;max-width:1060px;margin:auto}.nav a{color:white;text-decoration:none;font-size:.92rem}.nav .logo{font-weight:850;margin-right:auto;letter-spacing:.04em;font-size:1.18rem}.nav .cta{background:#ee805e;color:#1b1b19;padding:9px 14px;border-radius:10px;font-weight:800}.hero{padding:55px 0 62px}.hero .eyebrow{color:#ec9d80;font-size:.8rem;letter-spacing:.13em;font-weight:800}.hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.15;letter-spacing:-.025em;max-width:920px;margin:18px 0}.hero p{font-size:1.1rem;color:#d1ddd5;max-width:760px}.action{display:inline-block;background:#ee805e;color:#1b1b19;border-radius:10px;text-decoration:none;padding:10px 20px;margin:16px 0;font-weight:800}.layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:42px;padding-top:50px;padding-bottom:70px}.article{min-width:0}.article section{margin:10px 0 32px;border-bottom:1px solid #e2e3db;padding-bottom:20px}.article h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.25}.article li{margin:10px 0}.article pre{background:#16231c;color:#f6faf4;padding:22px;border-radius:12px;overflow:auto;line-height:1.65}.article code{font-family:ui-monospace,monospace}.article table{border-collapse:collapse;min-width:580px}.article th,.article td{text-align:left;border:1px solid #d6dbd5;padding:10px}.article th{background:#f0f2ec}.scroll{overflow:auto}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cards a{padding:18px;border:1px solid #dadcd5;border-radius:12px;background:white;text-decoration:none;display:block}.cards strong,.cards span{display:block}.cards strong{color:#222}.cards span{color:#606d64;margin-top:7px;font-size:.92rem}.side{align-self:start;position:sticky;top:20px;border:1px solid #dadcd5;border-radius:12px;padding:20px;background:white}.side a{display:block;margin:10px 0}.side p{color:#576058;font-size:.86rem}.footer{padding:27px 0}.footer a{color:#f2bda5}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:760px){.layout{grid-template-columns:1fr;gap:15px}.side{position:static}.cards{grid-template-columns:1fr}.hero{padding:35px 0 42px}}