.landing {
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.landing-header {
  padding: var(--space-6) 0;
}
.landing-header .shell {
  display: flex; align-items: center; justify-content: space-between;
}
.brand {
  display: flex; align-items: center; gap: var(--space-3);
  font-family: var(--font-display); font-weight: 500; letter-spacing: 0.06em;
  text-transform: uppercase; font-size: 13px;
}

.landing-main {
  display: grid;
  place-items: center;
  padding: var(--space-9) 0;
}
.landing-main .shell {
  display: grid; gap: var(--space-7);
  max-width: 880px;
}
.landing-eyebrow {
  display: inline-flex; align-items: center; gap: var(--space-3);
}
.landing-title {
  letter-spacing: -0.04em;
}
.landing-title em {
  font-style: normal;
  color: var(--accent);
}
.landing-pitch {
  font-size: clamp(1rem, 1.4vw, 1.125rem);
  color: var(--mute-3);
  max-width: 540px;
  font-weight: 400;
  line-height: 1.6;
}
.landing-cta {
  display: flex; flex-wrap: wrap; gap: var(--space-3);
  align-items: center;
  padding-top: var(--space-3);
}
.landing-cta .legal {
  font-size: 12px;
  color: var(--mute-1);
  font-family: var(--font-mono);
}

.landing-spec {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--space-5);
  padding-top: var(--space-5);
  border-top: 1px solid var(--line);
}
.spec {
  display: grid; gap: 4px;
}
.spec-k {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--mute-1);
}
.spec-v {
  font-family: var(--font-display);
  font-size: 15px;
  color: var(--white-dim);
  font-weight: 400;
}

.landing-footer {
  padding: var(--space-5) 0 var(--space-6);
  border-top: 1px solid var(--line);
}
.landing-footer .shell {
  display: flex; justify-content: space-between; align-items: center;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--mute-1);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}