*{box-sizing:border-box}body{margin:0;font:16px/1.6 'Segoe UI',sans-serif;color:#22272d;background:#f0f1ed}main{max-width:1100px;padding:40px 24px;margin:auto}a{color:inherit}header{margin:24px 0;padding:48px;border-radius:16px;background:#191d21;color:white;border-bottom:4px solid #ff963e}header span{color:#ffc38f;font-size:11px;letter-spacing:.16em}h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.045em;line-height:1.05;margin:24px 0}header p,header small{color:#d9dee2}header small{font-size:12px}.button{display:inline-block;padding:16px 24px;background:#ff963e;color:#20252b;border-radius:10px;font-weight:800;text-decoration:none;margin:16px 0;min-height:48px}.button[hidden]{display:none}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid article,.panel{padding:24px;background:white;border:1px solid #cfd6d9;border-radius:12px;margin-bottom:24px}h2{font-size:23px;line-height:1.2}.grid p,.panel p{font-size:14px;color:#535f69}code{display:block;font-size:13px;overflow-wrap:anywhere;background:#edf0ec;padding:16px;border-radius:8px}.warning{background:#ffe9cf;padding:20px;border-radius:12px;font-size:14px}a:focus-visible{outline:3px solid #b75a00;outline-offset:4px}@media(max-width:700px){.grid{grid-template-columns:1fr}header{padding:28px}.grid article{margin-bottom:0}.grid{margin-bottom:24px}main{padding:24px 16px}}