:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10171b;color:#edf5f4}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:0 24px}a{color:inherit;text-decoration:none}a:hover,a[aria-current=page]{color:#70e7bf}a:focus-visible{outline:2px solid #70e7bf;outline-offset:5px}header{justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid #334047;font-weight:700}header,nav{display:flex}nav{gap:20px}.intro{padding:72px 0 48px}.eyebrow{color:#70e7bf;letter-spacing:.15em;font-size:.75rem}h1{font-size:clamp(2.3rem,6vw,4rem);max-width:720px;line-height:1.08;margin:20px 0}p{color:#b4c5ca;line-height:1.7}.badge{display:inline-block;margin-top:18px;border:1px solid #46685f;border-radius:30px;padding:8px 16px;color:#70e7bf;font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:24px}article{border:1px solid #334047;border-radius:16px;overflow:hidden;background:#192328}article>div{padding:24px}article img{width:100%;height:200px;object-fit:cover}article h2{margin:0}article small{color:#70e7bf}footer{margin-top:64px;padding:28px 0;color:#8da3aa;border-top:1px solid #334047}@media (max-width:500px){header{flex-direction:column}nav{flex-wrap:wrap}}