@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#e9edea;background:#0b1110;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header,footer{border-bottom:1px solid #26332f;justify-content:space-between;align-items:center;padding:26px max(5vw,24px);display:flex}.brand{letter-spacing:-1px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700}.brand span{color:#a1afaa;font-weight:400}nav{align-items:center;gap:30px;display:flex}nav a:not(.button),nav button{color:#a1afaa;background:0 0;border:0;font-size:14px}.button{color:#142315;background:#d7fa87;border-radius:6px;padding:12px 19px;font-weight:700;display:inline-block}.hero{max-width:1050px;padding:120px max(5vw,24px) 140px}.eyebrow{color:#c8ee80;letter-spacing:3px;font-size:12px;font-weight:700}.hero h1{letter-spacing:-.07em;margin:24px 0;font-family:Space Grotesk,sans-serif;font-size:clamp(48px,8vw,104px);line-height:1.02}.hero>p:not(.eyebrow){color:#9eaca6;max-width:560px;font-size:21px;line-height:1.5}.hero .button{margin-top:20px}.products{background:#101a17;border-top:1px solid #26332f;padding:55px max(5vw,24px) 125px}.products h2{letter-spacing:-.04em;margin:10px 0 38px;font-family:Space Grotesk;font-size:44px}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}article{background:#18241e;border:1px solid #35453c;border-radius:12px;min-height:300px;padding:32px;position:relative}.icon{color:#20351c;background:#d7fa87;border-radius:12px;place-items:center;width:52px;height:52px;font-size:29px;display:grid}.status{text-transform:uppercase;letter-spacing:1px;color:#c8ee80;font-size:11px;position:absolute;top:37px;right:30px}article h3{margin:32px 0 8px;font-family:Space Grotesk;font-size:28px}article p{color:#a8b6ae;max-width:340px;line-height:1.5}article a{color:#d7fa87;margin-top:18px;font-weight:700;display:inline-block}footer{color:#829188;border-top:1px solid #26332f;border-bottom:0;font-size:13px}@media (width<=600px){header{gap:15px}.brand span{display:none}nav{gap:10px}.hero{padding-top:90px;padding-bottom:95px}.hero h1{font-size:54px}.products h2{font-size:36px}}