:root {
  color-scheme: dark;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #101311;
  color: #eef1e9;
  font-synthesis: none;
}

* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(1040px, 100%); min-height: 100svh; margin: auto; padding: 40px 48px; display: flex; flex-direction: column; }
header, footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.wordmark { font-size: 38px; font-weight: 750; letter-spacing: -3px; }
.dot { color: #b8e675; }
.badge { border: 1px solid #394031; border-radius: 30px; padding: 7px 16px; color: #b8e675; font-size: 13px; }
section { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 100px 0; }
.eyebrow { color: #b8e675; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; margin: 0 0 24px; }
h1 { font-size: clamp(42px, 7vw, 78px); font-weight: 550; line-height: 1.08; letter-spacing: -0.05em; margin: 0; }
.description { color: #a6ada0; font-size: 17px; line-height: 1.8; margin: 28px 0 0; }
footer { border-top: 1px solid #2c3129; padding-top: 24px; color: #929c8b; font-size: 12px; }
footer span:first-child { letter-spacing: 3px; }

@media (max-width: 600px) {
  main { padding: 24px; }
  section { padding: 80px 0; }
  .description { font-size: 15px; }
}