/* public/app/css/landing.css
 * Synopsis: Module landing.
 * Objectif: Rôle de public/app/css/landing.css.
 */

.proof {
  border-top: 1px solid var(--line, var(--ink));
  padding: clamp(4rem, 10vw, 9rem) var(--edge);
  background: var(--band-proof, var(--paper));
  color: var(--band-proof-ink, var(--ink));
}

.proof h2,
.proof p {
  max-width: 18ch;
}

.proof p {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  max-width: 50ch;
}

.text-cta {
  color: var(--cta, var(--acid));
  display: inline-block;
  font-weight: 700;
  margin-top: 2rem;
}

footer {
  background: var(--band-foot, var(--paper));
  border-top: 1px solid var(--line);
  color: var(--band-foot-ink, var(--ink));
  font-size: .85rem;
  gap: 1rem;
}

footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

footer a {
  color: inherit;
}

@media (max-width: 760px) {
  .mast-note {
    display: none;
  }

  footer {
    align-items: flex-start;
    flex-direction: column;
  }
}