@font-face{font-family:Inter;src:url('/fonts/inter-400.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:15px/1.8 Inter,Arial,sans-serif;color:#26364f;background:#f6f8fc}a{color:#285dc0;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid #4e8aff;outline-offset:5px}header{position:sticky;top:0;z-index:10;background:#0c1528;color:#eaf1ff;display:flex;justify-content:space-between;align-items:center;padding:18px 6%;gap:20px}header a{color:inherit}.brand{display:flex;gap:10px;align-items:center;font-weight:bold;font-size:20px}.brand img{border-radius:8px}.brand span{font-size:12px;font-weight:normal;color:#a9bad6}header nav{display:flex;gap:25px;align-items:center;font-size:12px}.buy{padding:7px 13px;border:1px solid #5b7197;border-radius:7px}.intro{padding:65px 8%;background:#101c33;color:#f0f5ff}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#5776a7;font-weight:bold}.intro .eyebrow{color:#92b8ff}.intro h1{font-size:clamp(36px,4.8vw,64px);line-height:1.12;letter-spacing:-2px;margin:22px 0}.intro>p:not(.eyebrow){color:#b9c9e3;max-width:650px}.meta{display:flex;flex-wrap:wrap;gap:10px 25px;color:#91a7c8;font-size:10px;margin-top:30px}.layout{display:grid;grid-template-columns:220px minmax(0,830px);gap:7%;max-width:1300px;margin:auto;padding:60px 6%}aside nav{position:sticky;top:105px;display:flex;flex-direction:column;gap:12px}aside strong{font-size:10px;letter-spacing:1px;margin-bottom:10px}aside a{font-size:12px;color:#60718c}main section{padding-bottom:45px;margin-bottom:45px;border-bottom:1px solid #dbe2ee}h2{font-size:32px;line-height:1.2;letter-spacing:-1px;color:#142643;margin:15px 0 25px}h3{font-size:19px;color:#213958;margin-top:30px}li{padding:5px 0}ol,ul{padding-left:23px}code{font-size:12px;overflow-wrap:anywhere;background:#e7edf6;padding:2px 5px;border-radius:4px}pre{overflow:auto;background:#14233b;color:#e6edfb;padding:20px;border-radius:9px;line-height:1.7}pre code{background:none;padding:0;white-space:pre;overflow-wrap:normal}.note{border-left:3px solid #4b7ce3;background:#eaf0fb;padding:17px 20px;font-size:13px;margin:25px 0}.steps{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:25px 0;font-size:11px}.steps span{padding:7px 12px;background:#e5edfb;border-radius:6px}.steps b{color:#6582b0}details{padding:17px 0;border-bottom:1px solid #d7e0ed}summary{cursor:pointer;color:#223b5e;font-weight:bold}details p{font-size:14px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-size:12px}.button{background:#326cff;color:white;border-radius:7px;padding:13px 18px}footer{padding:30px 6%;display:flex;justify-content:space-between;gap:20px;background:#0c1528;font-size:12px}footer a{color:#a9bfdf}.skip{position:fixed;top:-90px;z-index:30;background:white;padding:15px}.skip:focus{top:10px}@media(max-width:800px){.layout{grid-template-columns:1fr;gap:35px;padding:35px 6%}aside nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-bottom:1px solid #d7e0ed;padding-bottom:28px}aside strong{grid-column:1/-1}header{padding:14px 5%}header nav{gap:13px}.intro{padding:45px 6%}}@media(max-width:450px){header nav>a:first-child{display:none}.brand span{display:none}.brand{font-size:17px}.intro h1{font-size:36px}h2{font-size:28px}body{font-size:14px}footer{flex-wrap:wrap}.buy{padding:6px 9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.layout>main,.layout>aside{min-width:0}pre{max-width:100%}@media(max-width:800px){.layout{grid-template-columns:minmax(0,1fr)}}
