:root {
  color: #eef4ff;
  background: #101828;
  font-family: Inter, "Segoe UI", "Microsoft YaHei", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: radial-gradient(circle at 50% -10%, #294e8a, #101828 45rem); }
main, footer { width: min(100% - 40px, 960px); margin-inline: auto; }
.hero { padding: 130px 0 92px; max-width: 710px; }
.eyebrow { color: #8fbcff; letter-spacing: .13em; font-size: .78rem; font-weight: 700; }
h1, h2, p { margin-top: 0; }
h1 { font-size: clamp(2.8rem, 8vw, 5.5rem); line-height: 1.04; letter-spacing: -.06em; margin-bottom: 24px; }
h2 { font-size: 1.55rem; }
p { color: #bdc9db; line-height: 1.7; }
.lead { font-size: 1.15rem; max-width: 620px; }
.button { display: inline-block; margin-top: 16px; padding: 14px 20px; border-radius: 10px; font-weight: 700; text-decoration: none; }
.primary { color: #081120; background: #8fbcff; }
.features, .downloads { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.features article, .download-card { border: 1px solid #31425f; background: rgba(18, 32, 55, .75); border-radius: 14px; padding: 24px; }
.features h2 { margin-bottom: 8px; font-size: 1.1rem; }
.features p { margin-bottom: 0; }
.download { padding: 92px 0; }
.download h2 { margin-bottom: 8px; }
.downloads { grid-template-columns: repeat(2, 1fr); margin-top: 28px; }
.download-card { color: inherit; text-decoration: none; transition: border-color .2s, transform .2s; }
.download-card:hover { border-color: #8fbcff; transform: translateY(-2px); }
.download-card strong, .download-card span, .download-card em { display: block; }
.download-card strong { font-size: 1.3rem; margin-bottom: 8px; }
.download-card span { color: #bdc9db; line-height: 1.5; }
.download-card em { color: #8fbcff; font-style: normal; margin-top: 26px; font-weight: 700; }
footer { border-top: 1px solid #31425f; padding: 24px 0 36px; color: #8392aa; font-size: .9rem; }
@media (max-width: 650px) {
  .hero { padding-top: 85px; }
  .features, .downloads { grid-template-columns: 1fr; }
}