/* Gedeelde stijl voor de losse pagina's van de lanceerversie
   (download.html, speurweek.html, speurweek-voorwaarden.html).
   Zelfde tokens en lettertypen als index.html. */
@font-face{font-family:'Baloo 2';src:url('../fonts/Baloo2-Bold.woff2') format('woff2');font-weight:600 700;font-display:swap}
@font-face{font-family:'Baloo 2';src:url('../fonts/Baloo2-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('../fonts/PlusJakartaSans-Medium.woff2') format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('../fonts/PlusJakartaSans-Bold.woff2') format('woff2');font-weight:600 700;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('../fonts/PlusJakartaSans-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}

:root{
  --green:#01623E; --green-dark:#013A25; --green-deep:#012418;
  --gold:#FBB616; --gold-ledge:#D14E0F; --faya:#E5321B;
  --cream:#FDF8F1; --cream-deep:#F4ECDD; --card:#FFFDF8;
  --ink:#15271D; --ink-soft:#5A6B60; --border:#EAE0CE;
  --mint:#D6EDE0; --mint-ink:#12432E;
  --shadow:0 24px 50px rgba(1,58,37,.10);
}
*{box-sizing:border-box}
body{margin:0; background:var(--cream); color:var(--ink);
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  line-height:1.6; -webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Baloo 2',system-ui,sans-serif; line-height:1.1; color:var(--green-dark); margin:0}
a{color:var(--green)}
.top{display:flex; align-items:center; justify-content:space-between; max-width:760px; margin:0 auto; padding:18px 16px}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none}
.brand img{width:34px; height:34px}
.brand span{font-family:'Baloo 2',system-ui,sans-serif; font-weight:800; font-size:1.3rem; color:var(--green-dark)}
main{max-width:760px; margin:0 auto; padding:8px 16px 64px}
.eyebrow{font-weight:700; letter-spacing:.12em; text-transform:uppercase; font-size:.78rem; color:var(--faya)}
.lead{font-size:1.08rem; color:var(--ink-soft); margin:12px 0 0}
.card{background:var(--card); border:3px solid var(--border); border-radius:28px; padding:28px 22px; box-shadow:var(--shadow)}
.pill{display:inline-block; background:var(--mint); color:var(--mint-ink); font-weight:700; border-radius:999px; padding:4px 14px; font-size:.9rem}
.sticker{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:52px; padding:12px 28px;
  border:0; border-radius:999px; background:var(--gold); color:var(--ink); font:inherit; font-weight:800; font-size:1.05rem;
  box-shadow:0 5px 0 var(--gold-ledge); cursor:pointer; text-decoration:none; transition:transform .1s, box-shadow .1s}
.sticker:active{transform:translateY(3px); box-shadow:0 2px 0 var(--gold-ledge)}
.sticker[disabled]{opacity:.6; cursor:default}
.store-row{display:flex; gap:14px; flex-wrap:wrap; margin-top:22px}
footer{text-align:center; color:var(--ink-soft); font-size:.85rem; padding:24px 16px 40px}
footer a{color:var(--ink-soft)}
