:root{color-scheme:dark;font:16px system-ui,sans-serif;background:#10131a;color:#f7f8fc}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1100px;margin:auto;padding:1.25rem}header{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;font-size:1.4rem}a{color:#b5cdfd}nav{display:flex;gap:1rem}.hero{padding:7rem 0;max-width:700px}h1{font-size:clamp(2.7rem,8vw,5rem);margin:.2em 0}.eyebrow{color:#89a8e9;text-transform:uppercase;letter-spacing:.1em}.button{display:inline-block;background:#b5cdfd;color:#10131a;padding:.8rem 1.1rem;border-radius:.4rem;font-weight:700;text-decoration:none}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}.catalog article{border:1px solid #3a4357;border-radius:.6rem;padding:1rem;background:#181d28}.catalog span{color:#89a8e9;text-transform:uppercase;font-size:.8rem}footer{color:#aab2c2;border-top:1px solid #3a4357;margin-top:3rem}@media(max-width:480px){header{align-items:flex-start;flex-direction:column;gap:1rem}nav{flex-wrap:wrap}}