:root{color-scheme:light;font-family:Arial,sans-serif;color:#21312c;background:#f4f4ed}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header,main,footer{max-width:1180px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7dcd1}.brand{font-size:24px;font-weight:bold}.brand span{font-size:14px;font-weight:normal;color:#6b776f}nav{display:flex;gap:24px;font-size:14px}main{padding-top:90px}.label,b{font-size:11px;letter-spacing:2px;color:#687568}h1{font-size:clamp(38px,6vw,76px);font-weight:500;letter-spacing:-3px;line-height:1.08;margin:24px 0}h2{font-size:25px;font-weight:500;letter-spacing:-.7px}.lead{max-width:600px;font-size:19px;line-height:1.6;color:#687568}.button{display:inline-block;background:#233b2d;color:#fff;padding:17px 25px;border-radius:5px;margin:22px 0 65px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid #cdd4c7;padding-top:35px}p{line-height:1.7;color:#687568}.panel{margin-top:65px;padding:45px;border-radius:10px;background:#e3e8d9}.panel h2{font-size:37px}.panel p{max-width:580px}.panel a{display:inline-block;margin-top:15px;border-bottom:1px solid #687568;padding-bottom:6px}footer{display:flex;justify-content:space-between;border-top:1px solid #d7dcd1;font-size:12px;color:#687568;margin-top:70px}code,pre{background:#e3e8d9;padding:8px;border-radius:4px}pre{overflow:auto;padding:20px}.content{max-width:780px;min-height:55vh}.content h1{font-size:48px}.content a{border-bottom:1px solid #687568}@media(max-width:680px){header{align-items:flex-start;gap:20px;flex-direction:column}nav{gap:17px}.grid{grid-template-columns:1fr}main{padding-top:55px}h1{letter-spacing:-1.5px}.panel{padding:25px}footer{gap:20px}}