*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:#142033;font-family:Segoe UI,Arial,sans-serif;line-height:1.7}header,main,footer{max-width:1080px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e0e6ee}.brand{font-size:24px;font-weight:750;letter-spacing:-1px;text-decoration:none;color:#142033}.brand span{color:#2458e5}nav{display:flex;flex-wrap:wrap;gap:18px}nav a{color:#52647e;text-decoration:none;font-size:14px}nav a[aria-current]{color:#2458e5;font-weight:700}a{color:#2458e5}a:focus-visible{outline:3px solid #2458e5;outline-offset:4px}.intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px;padding:34px 0}.intro img{max-width:100%;height:auto;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}.eyebrow{color:#2458e5;font-size:12px;font-weight:700;letter-spacing:1px}h1{font-size:clamp(30px,4vw,44px);line-height:1.15;letter-spacing:-1.3px;margin:12px 0 22px}.lead{color:#57657c;font-size:17px}.button{display:inline-block;background:#2458e5;color:#fff;text-decoration:none;border-radius:9px;padding:12px 20px;font-weight:600;margin:12px 0}article{max-width:740px}article section{margin:30px 0}h2{font-size:21px;line-height:1.4}article p{color:#526178}pre{overflow:auto;padding:18px;background:#edf1f8;border-radius:10px;font-size:13px}footer{font-size:13px;color:#738098;margin-top:30px}@media(max-width:650px){header,main,footer{padding:20px}header{align-items:flex-start;flex-direction:column}nav{gap:15px}.intro{display:block;padding:18px 0}.intro img{display:none}}