:root{
  --brand-green:#00c07f;
  --text:#fefefe;
  --muted:#fefefe;
}

/* global */
*{box-sizing:border-box}
html,body{
  height:100%;
  background:var(--brand-green);
  overflow:hidden;
}
body{
  margin:0;
  color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Noto Sans",sans-serif;
  background:transparent;

  /* sticky footer layout */
  display:flex;
  flex-direction:column;
  min-height:100vh;
  min-height:100svh;
}

/* Vanta behind content, oversized to hide seams */
#vanta{position:fixed; top:-2px; left:-2px; right:-2px; bottom:-2px; z-index:-1}
canvas.vanta-canvas{
  position:fixed !important;
  top:-2px !important; left:-2px !important;
  width:calc(100vw + 4px) !important;
  height:calc(100dvh + 4px) !important;
  display:block !important;
}

/* layout */
.container{max-width:1024px; margin:0 auto; padding:0 16px}

/* header */
header{display:flex; align-items:center; gap:16px; padding:20px 16px; border-bottom:none}
.brand img{display:block; height:48px; max-width:100%}

/* links and media */
a{color:var(--text); text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%; height:auto; display:block}

/* footer */
footer.footer{
  color:var(--muted);
  font-size:14px;
  padding:32px 16px 48px;
  text-align:center;
  border-top:none;
  margin-top:auto;
}