/* Page-level glue the app used to provide around the landing: a bare <body>, smooth
   in-page anchors, and what happens with no script or a splash already seen. Everything
   else is landing.css and splash.css, ported unchanged from the app. */
html { scroll-behavior: smooth; }
body { margin: 0; background: #F5F0E4; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* The intro is a script-driven piece: without script, or once seen this session, it is
   not drawn at all. */
html:not(.js) .skedaddle-splash,
html.splash-seen .skedaddle-splash,
.skedaddle-splash[hidden] { display: none; }

/* The platforms Skedaddle is coming to: stickers, in the landing's own terms. */
.skedaddle-landing .platforms {
  list-style: none; display: flex; flex-wrap: wrap; justify-content: center;
  gap: .7rem; margin: 1.7rem auto 0; padding: 0;
}
.skedaddle-landing .platform {
  display: inline-flex; align-items: center; gap: .45em;
  padding: .55em 1.1em; border: 3px solid var(--ink); border-radius: 999px;
  background: var(--fill, var(--paper)); color: var(--ink);
  box-shadow: var(--shadow-sm);
  font-family: 'Inter', sans-serif; font-weight: 700; font-size: .95rem;
}
.skedaddle-landing .platform svg {
  width: 1.15em; height: 1.15em; fill: none; stroke: var(--ink);
  stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round;
}

/* Without script nothing would ever reveal the sections, so show them as they are. */
html:not(.js) .skedaddle-landing [data-reveal] { opacity: 1; transform: none; }