*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#17191c;color:#e9e7e3;font:17px/1.7 system-ui,sans-serif}a{color:#d8c6a2;text-underline-offset:4px}a:hover{color:white}header,main,footer{max-width:940px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:14px;border-bottom:1px solid #383a3e}header img{border-radius:16px}header>a{font-size:24px;font-weight:650;color:inherit;text-decoration:none}nav{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap;font-size:15px}main{min-height:65vh;padding-top:48px;padding-bottom:56px}h1{font-size:clamp(32px,6vw,54px);line-height:1.12;letter-spacing:-.035em;margin:0 0 24px}h2{font-size:24px;margin-top:36px;line-height:1.3}p,li{max-width:76ch}.muted,footer{color:#aaa9a7}.tag{color:#d8c6a2;font-size:14px;letter-spacing:.1em;text-transform:uppercase}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.button{display:inline-block;border:1px solid #66615a;border-radius:12px;padding:12px 20px;text-decoration:none}.primary{background:#e9e7e3;color:#17191c}.primary:hover{background:white;color:black}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:36px 0}.card{border:1px solid #383a3e;border-radius:18px;padding:22px}.card h2{margin:0 0 10px;font-size:21px}footer{border-top:1px solid #383a3e;font-size:14px}footer a{margin-right:18px}@media(max-width:600px){header{flex-wrap:wrap}nav{margin:0;width:100%}main{padding-top:32px}}