*{box-sizing:border-box}body{margin:0;font-family:'Helvetica Neue',Arial,sans-serif;background:#101418;color:#e8edf2}
header{display:flex;justify-content:space-between;align-items:center;max-width:960px;margin:0 auto;padding:1.5rem}
header a.brand{color:#ff8a4c;font-weight:700;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}
nav a{color:#c7d0da;margin-left:1.4rem;text-decoration:none}nav a:hover{color:#ff8a4c}
main{max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem}h1{font-size:2.6rem;max-width:18ch;line-height:1.1}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin-top:2.5rem}
.card{background:#182029;border:1px solid #23303c;border-radius:10px;padding:1.3rem}.card h3{margin:.2rem 0 .5rem;color:#fff}
p{line-height:1.65;color:#aab6c3}footer{max-width:960px;margin:0 auto;padding:2rem 1.5rem;color:#6d7a88;font-size:.85rem;border-top:1px solid #1d2731}