*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:#1b2d45;font:16px/1.7 system-ui,sans-serif}header,footer{max-width:960px;margin:auto;padding:22px 26px;display:flex;align-items:center;gap:24px}header{justify-content:space-between}.brand{font-weight:800;font-size:23px;letter-spacing:-1px;text-decoration:none}.brand span{color:#3a83ba}a{color:#276da2;text-underline-offset:3px}main{max-width:820px;margin:16px auto 50px;padding:32px 40px;background:#fff;border:1px solid #e1e7ed;border-radius:18px}h1{font-size:clamp(30px,5vw,44px);line-height:1.15;margin:8px 0 20px;letter-spacing:-1px}h2{font-size:21px;margin-top:0;line-height:1.3}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#5d7892}.intro{font-size:20px;color:#556d85}section{border-top:1px solid #e8edf2;padding-top:24px;margin-top:28px}p{margin:12px 0}.button{display:inline-block;padding:10px 17px;background:#1b2d45;color:white;border-radius:9px;text-decoration:none;font-weight:600;margin:10px 0}.button.secondary{background:#eef3f8;color:#1b2d45}:focus-visible{outline:3px solid #3d84ba;outline-offset:3px}[hidden]{display:none!important}@media(max-width:600px){main{margin:8px 12px 25px;padding:26px 22px}header,footer{padding:18px 22px;font-size:14px}footer{flex-wrap:wrap}}
/* Navigation follows the landing page's button system. */
body>header nav,body>footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
body>header nav a,body>footer>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 18px;box-sizing:border-box;border:1px solid #c4d3e0;border-radius:9px;background:#fff;color:#1b2d45;text-decoration:none;font:800 14px/1.4 Nunito,system-ui,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
body>header nav a:hover,body>footer>a:hover{background:#eef5fb;border-color:#3982be;box-shadow:0 2px 6px #1b2d4510}
body>header nav a:focus-visible,body>footer>a:focus-visible{outline:3px solid #3982be;outline-offset:3px}
@media(max-width:560px){body>header{gap:12px;flex-wrap:wrap}body>header nav{gap:8px}body>header nav a,body>footer>a{padding:9px 12px}body>footer{gap:8px}}