/* Huisstijl van gader.io (tailwind.config.js in movias-eu/gader-website):
   Ubuntu, teal #279989 / donker #285752, inkt #293133, muntgroen #e8f5f1.
   Alleen voor de landingspagina en de 404; de demo's zelf dragen hun eigen
   opmaak mee. */
@font-face { font-family: Ubuntu; src: url(/fonts/Ubuntu-Regular.ttf); font-weight: 400; }
@font-face { font-family: Ubuntu; src: url(/fonts/Ubuntu-Medium.ttf);  font-weight: 500; }
@font-face { font-family: Ubuntu; src: url(/fonts/Ubuntu-Bold.ttf);    font-weight: 700; }
:root {
  --teal: #279989; --teal-dark: #285752; --teal-light: #54aea2; --mint: #e8f5f1;
  --ink: #293133; --white: #fff;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  font-family: Ubuntu, ui-sans-serif, system-ui, sans-serif; color: var(--white);
  background: linear-gradient(160deg, var(--teal-dark) 0%, var(--teal) 70%, var(--teal-light) 100%);
  display: flex; flex-direction: column; min-height: 100vh;
}
.hero { flex: 1; max-width: 46rem; margin: 0 auto; padding: 3rem 1rem 4rem; }
.logo { display: inline-block; margin-bottom: 4rem; }
.logo img { display: block; height: 41px; width: auto; }
h1 { font-size: clamp(2rem, 5vw, 2.75rem); font-weight: 700; line-height: 1.2; margin: 0 0 1.5rem; }
p { font-size: 1.125rem; line-height: 1.6; margin: 0 0 1.25rem; max-width: 36rem; }
a { color: inherit; }
.actions { margin-top: 2.5rem; }
.button {
  display: inline-block; background: var(--white); color: var(--teal-dark); text-decoration: none;
  font-weight: 500; font-size: 1.125rem; border-radius: .5rem; padding: .75rem 1.75rem;
}
.button:hover { background: var(--mint); }
footer { border-top: 1px solid rgba(255,255,255,.5); padding: 1.5rem 1rem; text-align: center; }
footer p { margin: 0 auto; font-size: .875rem; }