*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#17243b;font:17px/1.65 system-ui,sans-serif}a{color:#2256d8}header,main,footer{max-width:1040px;margin:auto;padding:26px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.logo{font-size:24px;font-weight:800;text-decoration:none;color:#17243b}nav{display:flex;gap:18px;flex-wrap:wrap;font-size:15px}main{min-height:65vh}h1{font-size:clamp(32px,5vw,58px);line-height:1.1;max-width:900px}h2{line-height:1.25;margin-top:40px}.lead{font-size:21px;max-width:800px}.badge{color:#2256d8;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{padding:24px;background:white;border:1px solid #dfe5ef;border-radius:14px}pre{padding:20px;border-radius:12px;background:#17243b;color:#e1ecff;overflow:auto;font-size:14px;line-height:1.7}code{font-family:ui-monospace,monospace}p,li{max-width:860px}.button{display:inline-block;background:#2256d8;color:white;text-decoration:none;padding:10px 20px;border-radius:8px;margin:8px 12px 8px 0}footer{border-top:1px solid #dfe5ef;font-size:14px}footer a{margin-right:18px}.notice{border-left:4px solid #2256d8;padding:12px 20px;background:white}
.logo{display:inline-flex;align-items:center;gap:10px}.logo img{display:block;flex-shrink:0}.hero-mark{display:block;margin:12px 0 20px;max-width:100%;height:auto}