*{box-sizing:border-box}body{margin:0;background:#101821;color:#e6edf3;font:1rem/1.7 system-ui,sans-serif}header,main,footer{max-width:76rem;margin:auto;padding:2rem}header{display:flex;justify-content:space-between;gap:2rem;align-items:center;border-bottom:1px solid #344354}nav{display:flex;gap:1.5rem;flex-wrap:wrap}a{color:#99d5cd;text-underline-offset:.25em}.brand{color:#fff;font-weight:700;font-size:1.6rem;text-decoration:none}h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.12;letter-spacing:-.045em;max-width:65rem}h2{font-size:1.9rem;line-height:1.3}h3{font-size:1.25rem}.eyebrow{font:700 .8rem/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;color:#b4cec9}.lead{font-size:1.3rem;max-width:52rem}.button{display:inline-block;border:1px solid #99d5cd;padding:.75rem 1rem;border-radius:.25rem;text-decoration:none}.notice{border-left:3px solid #edbb71;padding:1rem;background:#1d2733;color:#f8d399}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}article{border:1px solid #344354;padding:1.3rem;border-radius:.4rem}section{margin:4rem 0}footer{border-top:1px solid #344354;color:#bac6d0}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#101821;padding:1rem}a:focus-visible{outline:3px solid #edbb71;outline-offset:4px}@media(max-width:48rem){header,main,footer{padding:1.25rem}.grid{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column;gap:.75rem}section{margin:3rem 0}}