:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#061b13;color:#f5f4ea;line-height:1.65}
    *{box-sizing:border-box}body{margin:0}main,header,footer{max-width:1050px;margin:auto;padding:24px}
    header{display:flex;align-items:center;justify-content:space-between;gap:20px}header img{width:62px;height:62px}a{color:#edcf80;text-underline-offset:4px}
    .brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none;font-weight:750;letter-spacing:.04em}
    .eyebrow{color:#edcf80;letter-spacing:.16em;font-size:.8rem;text-transform:uppercase}h1{font-size:clamp(2.4rem,6vw,4.3rem);line-height:1.12;margin:.3em 0}h2{line-height:1.25}p{max-width:70ch;color:#dce6de}
    .hero{padding:42px 0 44px}.lead{font-size:1.2rem;max-width:58ch}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.button{padding:12px 22px;border:1px solid #edcf80;border-radius:8px;text-decoration:none;font-weight:650}.primary{background:#edcf80;color:#122219}
    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}article,.connection{border:1px solid #496353;border-radius:14px;padding:24px;background:#10281c}article h2{margin-top:0;font-size:1.25rem}.connection{margin-top:26px}.connection h2{margin-top:0}footer{border-top:1px solid #496353;margin-top:35px;font-size:.92rem}footer nav{display:flex;flex-wrap:wrap;gap:24px}a:focus-visible{outline:3px solid #fff;outline-offset:5px}