*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fb;color:#142640;font:17px/1.75 system-ui,sans-serif}a{color:#165ac7;text-underline-offset:4px}a:focus-visible{outline:3px solid #ed970c;outline-offset:5px}.wrap{max-width:1120px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d7dfec;padding-bottom:20px}.brand{font-weight:800;color:#142640;text-decoration:none;font-size:23px}.label{color:#49627e;font-size:14px;letter-spacing:.09em;text-transform:uppercase}.hero{padding:58px 0 35px;max-width:870px}h1{font-size:clamp(30px,4.3vw,57px);line-height:1.16;letter-spacing:-.03em;margin:15px 0 24px}h2{line-height:1.3;font-size:27px;margin-top:0}.lead{font-size:21px;color:#48617e;max-width:780px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px}article section{background:white;border:1px solid #dde4ef;padding:30px;margin-bottom:22px;border-radius:12px}p{margin:0 0 18px}p:last-child{margin:0}aside{align-self:start;position:sticky;top:20px;background:#142640;color:#fff;padding:26px;border-radius:12px}aside h2{font-size:23px}aside ul{padding-left:21px}aside li{margin:13px 0}aside a{color:#b7d4ff}.example{border-left:5px solid #2871da!important}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{display:block;padding:25px;background:white;border:1px solid #d7dfec;border-radius:12px;color:inherit;text-decoration:none}.card:hover{border-color:#2162bc;box-shadow:0 9px 25px #173e7410}.card h2{font-size:23px;margin:16px 0}.card p{color:#49627e;font-size:16px}.number{font:600 14px/1.5 monospace;color:#42658c}footer{margin-top:40px;padding:25px 0;border-top:1px solid #d7dfec;color:#52647c;font-size:14px}.note{font-size:15px;color:#52647c}nav{display:flex;gap:20px;flex-wrap:wrap} @media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:1fr}aside{position:static}}@media(max-width:540px){.wrap{padding:20px}.hero{padding-top:35px}.cards{grid-template-columns:1fr}article section{padding:22px}header{align-items:center}.lead{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}