/* 365OPTIMIZERS, marketingpagina.
   Kleurstrategie: doordrenkt navy (de ruimte); licht komt alleen van de aarde (blauw randlicht, stadslicht);
   geel is alleen de ene actie per beeld en de zon aan het eind.
   Letter: Instrument Sans (SIL OFL, zie assets/OFL.txt), gewichten 500 en 600; ingebed zodat file:// werkt. */

@font-face {
  font-family: "Instrument Sans";
  src: url("data:font/woff2;base64,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") format("woff2"); /* ingebed: via file:// weigert de browser een los lettertypebestand (CORS) */
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

/* kopletter: Funnel Display (SIL OFL 1.1, Google Fonts, gecontroleerd 11 nov 2026; licentie in assets/letters/) */
@font-face {
  font-family: "Funnel Display";
  src: url("assets/letters/funnel-display-var.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --zij: #040a1b;
  --inkt: #0e1a33;
  --geel: #f6d21b;
  --geel-hover: #ffe04a;
  --wit: #f5f5f7;
  --tekst-2: #a3b0ca;
  --tekst-3: #6f7d9c;
  --blauw: #8fd3f0;
  --lijn: rgba(163, 176, 202, .18);
  --lijn-zacht: rgba(163, 176, 202, .07);
  --licht: rgba(190, 235, 255, .9);
  /* de hemel in lagen, van de grond naar de ruimte: lichtblauw, blauw, paars (merkkleuren 365OPTIMIZERS) */
  --ijs: #abe1f6;
  --hemelblauw: #5e97ff;
  --paars: #7b4ae2;
  --hemel: linear-gradient(100deg, var(--ijs) 0%, var(--blauw) 24%, var(--hemelblauw) 58%, var(--paars) 100%);
  /* neon-arcering (ronde 6): schuine lijnen met een heldere kern en een zachte rand, als masker over een verloop.
     Betekenis op de hele site: arcering = "nog niet" of "zoals het was"; licht met gloed = "nu". */
  --arcering: repeating-linear-gradient(-45deg, transparent 0, transparent 1.5px, rgba(0, 0, 0, .3) 2.5px, #000 3.2px, #000 3.8px, rgba(0, 0, 0, .3) 4.5px, transparent 5.5px, transparent 8px);
  /* tweede letter: alleen voor koppen en grote cijfers; wisselen met deze ene variabele */
  --kop: "Funnel Display", "Instrument Sans", system-ui, sans-serif;

  --erin: cubic-bezier(.2, .8, .2, 1);
  --t3: 180ms;
  --t5: 320ms;
  --t6: 600ms;

  --marge: 64px;
  --breed: 1200px;
  --sectie: 112px;
  --r: 6px;

  --kop1: clamp(52px, min(9.4vw, 13.5vh), 120px);
  --kop2: clamp(36px, 4.6vw, 68px);
  --kop3: clamp(28px, 2.6vw, 40px);
  --lead: clamp(18px, 1.5vw, 21px);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; overflow-x: clip; }
body {
  margin: 0;
  background: var(--zij);
  color: var(--wit);
  font-family: "Instrument Sans", system-ui, sans-serif;
  font-size: 17px;
  overflow-wrap: anywhere; /* lange woorden en url's breken af in plaats van uit hun kolom te lopen */
  line-height: 1.55;
  font-weight: 500;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
h1, h2, h3, p, ol, ul, dl, dd, figure, blockquote { margin: 0; padding: 0; }
ol, ul { list-style: none; }
svg { display: block; overflow: visible; }

:focus-visible { outline: 2px solid rgba(143, 211, 240, .9); outline-offset: 3px; border-radius: 2px; }
::selection { background: rgba(143, 211, 240, .32); color: #fff; }
html { scrollbar-color: #26324d var(--zij); }
/* ronde 7: een hoofdstuk dat je via een link opent, krijgt lucht onder de zwevende kopbalk */
html { scroll-padding-top: 36px; }

.overslaan {
  position: absolute; left: 16px; top: -64px; z-index: 50;
  padding: 12px 16px; background: var(--wit); color: var(--inkt); border-radius: var(--r);
  text-decoration: none; font-weight: 600;
}
.overslaan:focus-visible { top: 16px; }

/* ── Knoppen: rechthoekig, één gele per beeld ─────────────────────────── */
.knop {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 52px; padding: 0 24px;
  border-radius: var(--r);
  font: 600 16px/1 "Instrument Sans", system-ui, sans-serif;
  letter-spacing: .005em;
  text-decoration: none;
  transition: background-color var(--t3) var(--erin), box-shadow var(--t5) var(--erin), color var(--t3) var(--erin), transform var(--t3) var(--erin);
}
.knop:active { transform: translateY(1px); }
/* geel: een lichtrand aan de bovenkant, bij hover een warme gloed eronder */
.knop--geel {
  background: var(--geel); color: var(--inkt);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 10px 28px -16px rgba(246, 210, 27, 0);
}
.knop--geel { transition: background-color var(--t3) var(--erin), box-shadow var(--t3) var(--erin), transform var(--t3) var(--erin); }
.knop--geel:hover { background: var(--geel-hover); transform: translate3d(0, -2px, 0); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 0 0 1px rgba(255, 224, 74, .45), 0 14px 30px -10px rgba(246, 210, 27, .6); }
.knop--geel:active { transform: translate3d(0, 0, 0); }
.knop--lijn { color: var(--wit); box-shadow: inset 0 0 0 1px rgba(245, 245, 247, .28); }
.knop--lijn:hover { box-shadow: inset 0 0 0 1px rgba(245, 245, 247, .8); background: rgba(245, 245, 247, .06); }
/* ronde 9 (on-04-knoppen-licht), alleen op rustige schermen: geel met een pijl die een stap naar voren zet en één
   lichtstreek over de knop; de lijnknop krijgt bij de muis een rand in het merkverloop met een zachte gloed. */
.knop--licht { position: relative; isolation: isolate; gap: 10px; }
.knop__glans { position: absolute; inset: 0; border-radius: inherit; overflow: hidden; pointer-events: none; z-index: 0; }
.knop__glans i { position: absolute; top: 0; bottom: 0; left: 0; width: 60%;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .55) 50%, rgba(255, 255, 255, 0));
  transform: translate3d(-120%, 0, 0) skewX(-18deg); }
.knop--licht:hover .knop__glans i { transform: translate3d(240%, 0, 0) skewX(-18deg); transition: transform 460ms var(--erin); }
.knop--licht > span, .knop__pijl { position: relative; z-index: 1; }
.knop__pijl { width: 16px; height: 16px; flex: none; transition: transform var(--t5) var(--erin); }
.knop--licht:hover .knop__pijl { transform: translate3d(4px, 0, 0); }
.knop--licht:active { transform: scale(.97); }
.knop--lijn.knop--licht { background: rgba(143, 211, 240, .06); }
.knop__rand { position: absolute; inset: 0; border-radius: inherit; padding: 1px; pointer-events: none;
  background: linear-gradient(100deg, var(--ijs), var(--blauw) 30%, var(--hemelblauw) 65%, var(--paars));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude;
  opacity: 0; transition: opacity var(--t5) var(--erin); }
.knop--lijn.knop--licht:hover { box-shadow: inset 0 0 0 1px rgba(245, 245, 247, 0), 0 0 22px -4px rgba(94, 151, 255, .55); background: rgba(143, 211, 240, .08); }
.knop--lijn.knop--licht:hover .knop__rand { opacity: 1; }
/* kaart (bw-kaart-vlek): een zachte lichtvlek onder de tekst volgt de muis, de rand licht op waar de muis het dichtst bij is */
[data-vlek] { isolation: isolate; overflow: hidden; }
.vlek { position: absolute; left: 0; top: 0; width: 420px; height: 420px; margin: -210px 0 0 -210px; border-radius: 50%; pointer-events: none; z-index: -1;
  background: radial-gradient(closest-side, rgba(143, 211, 240, .2), rgba(94, 151, 255, .08) 50%, rgba(94, 151, 255, 0));
  opacity: 0; transition: opacity var(--t5) var(--erin); will-change: transform; }
.vlek-rand { position: absolute; inset: 0; pointer-events: none; padding: 1px;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude;
  background: radial-gradient(220px circle at var(--vx, 50%) var(--vy, 50%), rgba(214, 243, 255, .9), rgba(143, 211, 240, .35) 45%, rgba(143, 211, 240, 0) 75%);
  opacity: 0; transition: opacity var(--t5) var(--erin); }
[data-vlek]:hover .vlek, [data-vlek]:hover .vlek-rand { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .vlek, .vlek-rand, .knop__glans i, .knop__pijl { transition: none !important; } }
@media (prefers-reduced-motion: reduce) { .js .slot__straal { opacity: 1; transform: none; transition: none; } }

.tekstlink {
  display: inline-flex; align-items: center; min-height: 48px;
  color: var(--wit); font-weight: 600; font-size: 16px;
  text-decoration: underline; text-decoration-color: rgba(143, 211, 240, .45);
  text-decoration-thickness: 1px; text-underline-offset: 6px;
  transition: text-decoration-color var(--t3) var(--erin), color var(--t3) var(--erin);
}
.tekstlink:hover { text-decoration-color: var(--blauw); }

/* ── Typografie ───────────────────────────────────────────────────────── */
.kop2 { font-size: var(--kop2); line-height: 1.04; letter-spacing: -.03em; font-weight: 500; max-width: 16ch; text-wrap: balance; }
.kop3 { font-size: var(--kop3); line-height: 1.1; letter-spacing: -.02em; font-weight: 500; text-wrap: balance; }
/* herstel ronde 9: koppen breken nooit midden in een woord. De body staat op overflow-wrap: anywhere (voor url's in lopende
   tekst); voor koppen geldt dat niet, een kop krijgt een kolom waar zijn langste woord in past. */
h1, h2, h3, .kop2, .kop3 { overflow-wrap: normal; word-break: normal; hyphens: manual; }
/* koppen en grote cijfers in de kopletter; leestekst, labels en knoppen blijven Instrument Sans */
.held__kop, .kop2, .kop3, .lagen__kop, .missie__kop, .slot__kop, .case__naam,
.case__getal strong, .meting__rij strong, .plek__feit strong { font-family: var(--kop); }
.lead { font-size: var(--lead); line-height: 1.5; color: var(--tekst-2); max-width: 36em; text-wrap: pretty; }

/* ── Kop: een zwevende glazen pil (ronde 6b) ──────────────────────────────
   Maatkeuze: het logo staat precies op de linkerlijn van de tekstkolom en de laatste menulink eindigt op de
   rechterlijn; de pil steekt aan beide kanten even ver (--kop-in) buiten de kolom uit. Het glas zit op een
   pseudo-element, zodat de pil zelf geen backdrop-root of containing block wordt voor het menu. */
:root { --kop-h: 92px; --kop-in: 28px; }
.kop {
  position: fixed; inset: 0 0 auto 0; z-index: 20;
  padding: 12px max(12px, var(--marge) - var(--kop-in)) 0;
  pointer-events: none;
}
.kop__binnen {
  position: relative; pointer-events: auto;
  max-width: calc(var(--breed) + 2 * var(--kop-in)); margin: 0 auto; padding: 12px 12px 12px var(--kop-in);
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  border-radius: 999px;
  box-shadow: 0 14px 30px -20px rgba(94, 151, 255, .55), 0 22px 44px -30px rgba(123, 74, 226, .55);
  transition: box-shadow var(--t5) var(--erin);
}
/* glas: vervaging met een lichte verzadiging, en een zachte glans linksboven */
.kop__binnen::before {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background:
    radial-gradient(90% 160% at 22% -50%, rgba(255, 255, 255, .11), rgba(255, 255, 255, 0) 62%),
    linear-gradient(104deg, rgba(255, 255, 255, 0) 38%, rgba(171, 225, 246, .055) 50%, rgba(255, 255, 255, 0) 62%),
    rgba(12, 24, 52, .34);
  -webkit-backdrop-filter: blur(18px) saturate(1.45); backdrop-filter: blur(18px) saturate(1.45);
  transition: background-color var(--t5) var(--erin);
}
/* rand van een haarlijn: wit en helder bovenaan, onderaan alleen het merkverloop (lichtblauw, blauw, paars) */
.kop__binnen::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  padding: 1px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .36), rgba(255, 255, 255, .05) 55%, rgba(255, 255, 255, 0)),
    linear-gradient(100deg, rgba(171, 225, 246, .5), rgba(143, 211, 240, .42) 24%, rgba(94, 151, 255, .46) 58%, rgba(123, 74, 226, .62));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
/* na scrollen: het glas wordt dichter en de pil krijgt een schaduw, zodat tekst eronder rustig blijft */
.kop.is-vast .kop__binnen::before { background-color: rgba(6, 13, 32, .66); }
.kop.is-vast .kop__binnen { box-shadow: 0 14px 30px -20px rgba(94, 151, 255, .5), 0 22px 44px -30px rgba(123, 74, 226, .5), 0 18px 40px -16px rgba(0, 0, 0, .7); }
/* ronde 9: lager en fijner, en bovenaan bijna onzichtbaar zodat de pil in de hemel opgaat.
   Logo 36 px, menu 40 px, 6 px lucht: de pil is 52 px hoog. De haarlijn is zachter; pas na scrollen wordt het glas dicht. */
:root { --kop-h: 72px; --kop-in: 20px; }
.kop { padding-top: 10px; padding-bottom: 10px; }
.kop__binnen { padding: 8px 12px 8px var(--kop-in); gap: var(--kop-gap, 16px); justify-content: flex-start; box-shadow: none; }
/* boven de pil een zachte navy band: wat eronder schuift, lost op in plaats van boven de pil uit te steken */
.kop::before { content: ""; position: absolute; inset: 0 0 auto 0; height: calc(var(--kop-h) + 8px); pointer-events: none; z-index: -1;
  background: linear-gradient(180deg, rgba(4, 10, 27, .92), rgba(4, 10, 27, .7) 40%, rgba(4, 10, 27, 0));
  opacity: 0; transition: opacity var(--t5) var(--erin); }
.kop.is-vast::before { opacity: 1; }
.kop__binnen::before { background-color: rgba(10, 20, 44, .16); }
.kop__binnen::after { opacity: .55; transition: opacity var(--t5) var(--erin); }
.kop.is-vast .kop__binnen::before { background-color: rgba(5, 11, 28, .8); }
.kop.is-vast .kop__binnen::after { opacity: .9; }
.kop.is-vast .kop__binnen { box-shadow: 0 12px 28px -22px rgba(94, 151, 255, .45), 0 18px 36px -24px rgba(0, 0, 0, .7); }
.kop__merk { margin-right: auto; min-height: 40px; }
.kop__merk img.logo { height: 36px; }
.kop__nav { gap: 2px; transition: transform var(--t6) var(--erin); }
.kop__nav a { min-height: 40px; }
.kop__nav a::after { bottom: 8px; }
/* de kleine gele knop (ac-05): hij schuift pas in de pil als de grote knop uit beeld is en er geen andere gele knop te zien is.
   Het vak is dicht (breedte 0) zolang de knop er niet hoort; als hij komt, gaat het vak in één keer open en glijdt het menu
   met een transform naar zijn nieuwe plek (script.js, schuifKop). Zo hebben menu en knop altijd elk hun eigen plek en
   beweegt er alleen transform en opacity. --vak-w is de breedte van de knop (script.js). */
.kop__vak { flex: none; display: flex; overflow: hidden; border-radius: var(--r); width: 0; margin-left: calc(-1 * var(--kop-gap, 16px)); }
.kop.toon-knop .kop__vak { width: var(--vak-w, auto); margin-left: 0; }
.kop__knop { flex: none; white-space: nowrap; min-height: 40px; padding: 0 16px; font-size: 15px; visibility: hidden; opacity: 0;
  transition: opacity 200ms var(--erin), visibility 0s linear 200ms, background-color var(--t3) var(--erin), box-shadow var(--t3) var(--erin); }
.kop.toon-knop .kop__knop { visibility: visible; opacity: 1; transition: opacity 240ms var(--erin) 80ms, visibility 0s, background-color var(--t3) var(--erin), box-shadow var(--t3) var(--erin); }
.kop__menu { transition: color var(--t3) var(--erin); }
/* zonder backdrop-filter: egaal navy met dezelfde rand */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .kop__binnen::before, .kop.is-vast .kop__binnen::before { background: #0a1530; }
}
@media (forced-colors: active) {
  .kop__binnen::before { background: Canvas; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .kop__binnen::after { display: none; }
  .kop__binnen { border: 1px solid CanvasText; box-shadow: none; }
}
.kop__merk { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; text-decoration: none; font-weight: 600; font-size: 16px; letter-spacing: .02em; border-radius: var(--r); }
.kop__merk img { width: 44px; height: auto; }
/* logo (ronde 6b): het volledige originele merk van 365optimizers.nl met de regel "Microsoft Adoptie Experts",
   niet hertekend en niet herkleurd; bestanden op 2x en 3x, de hoogte bepaalt de maat.
   Ronde 7: in de pil 48 px hoog met 12 px lucht boven en onder; links --kop-in, zodat het merk ruim binnen de bocht staat */
.kop__merk img.logo, .voet__merk img.logo { width: auto; height: 48px; }
.voet__merk img.logo { height: 72px; }
.kop__nav { display: flex; gap: 8px; }
.kop__menu {
  display: none; align-items: center; min-height: 48px; padding: 0 4px; background: none; border: 0; cursor: pointer;
  font: 600 16px/1 "Instrument Sans", system-ui, sans-serif; color: var(--tekst-2); transition: color var(--t3) var(--erin);
}
.kop__menu:hover, .kop__menu[aria-expanded="true"] { color: var(--wit); }
.kop__nav a {
  position: relative;
  display: inline-flex; align-items: center; min-height: 48px; padding: 0 12px;
  color: var(--tekst-2); text-decoration: none; font-size: 15px;
  transition: color var(--t3) var(--erin);
}
.kop__nav a::after {
  content: ""; position: absolute; left: 12px; right: 12px; bottom: 10px; height: 1px;
  background: var(--blauw); transform: scaleX(0); transform-origin: left;
  transition: transform var(--t5) var(--erin);
}
.kop__nav a:hover, .kop__nav a[aria-current] { color: var(--wit); }
.kop__nav a:hover::after, .kop__nav a[aria-current]::after { transform: scaleX(1); }

/* ── Koers: waar je bent op de reis, rechts in de kantlijn ────────────── */
.koers { display: none; }
@media (min-width: 1280px) and (min-height: 640px) {
  .koers {
    position: fixed; right: 20px; top: 50%; z-index: 15;
    display: grid; transform: translateY(-50%);
  }
  .koers::before { content: ""; position: absolute; right: 0; top: 18px; bottom: 18px; width: 1px; background: var(--lijn); }
  .koers a {
    position: relative; display: block; width: 40px; height: 36px; text-decoration: none;
  }
  .koers a::before {
    content: ""; position: absolute; right: 0; top: 50%; width: 8px; height: 1px;
    background: rgba(163, 176, 202, .4); transform-origin: right;
    transition: transform var(--t5) var(--erin), background-color var(--t5) var(--erin);
  }
  .koers a span {
    position: absolute; right: 28px; top: 50%; transform: translate3d(6px, -50%, 0);
    white-space: nowrap; font-size: 13px; font-weight: 600; color: var(--wit);
    text-shadow: 0 0 12px var(--zij), 0 0 4px var(--zij);
    opacity: 0; pointer-events: none;
    transition: opacity var(--t3) var(--erin), transform var(--t3) var(--erin);
  }
  .koers a:hover span, .koers a:focus-visible span { opacity: 1; transform: translate3d(0, -50%, 0); }
  .koers a:hover::before, .koers a[aria-current]::before { transform: scaleX(2); background: var(--licht); }
  .koers__stip {
    position: absolute; right: -2px; top: 16px; width: 5px; height: 5px; border-radius: 50%;
    background: #fff; box-shadow: 0 0 10px 2px rgba(143, 211, 240, .6);
    pointer-events: none;
  }
}

/* ── Sterren: elk een vast punt, scherp, alleen in lege lucht ─────────── */
.sterren { position: absolute; left: 0; top: 0; width: 1px; height: 1px; border-radius: 50%; }
.sterren--fel { width: 1.5px; height: 1.5px; }

/* ── Hoofdstuk 1: held, vier lagen: verre sterren, nabije sterren, gloed, aarde met baan ── */
/* Het tekstblok staat in het midden tussen de onderkant van de kopbalk en de horizon: boven en onder dezelfde
   lucht (--held-lucht). De horizon ligt --h0 boven de onderrand, net boven de rij van vijf. */
.held {
  position: relative; min-height: 100svh; overflow: hidden; isolation: isolate;
  display: flex; flex-direction: column;
  --b: max(100vw, 1200px); --h0: clamp(110px, 16svh, 170px); --held-lucht: 24px;
}
.held::after {
  content: ""; position: absolute; inset: auto 0 0 0; height: 18svh; z-index: 2; pointer-events: none;
  background: linear-gradient(180deg, rgba(4, 10, 27, 0), var(--zij));
}
.held__ver { position: absolute; inset: 0 0 45% 0; opacity: .5; }
/* poollicht (ronde 7): een gordijn dat op de horizon zelf staat, rechts naast de tekst; gespiegeld en iets gedraaid
   zodat de voet de kromming van de aarde volgt en onderin oplost in de lichtrand. Het vak is de hele held. */
.held__lucht { position: absolute; inset: 0; overflow: hidden; }
.held__gloed {
  position: absolute; left: 50%; width: calc(var(--b) * 1.1); height: calc(var(--b) * .42);
  bottom: calc(var(--h0) - 5svh - var(--b) * .2);
  transform: translateX(-50%);
  background: radial-gradient(closest-side, rgba(64, 150, 220, .2), rgba(64, 150, 220, .07) 55%, rgba(64, 150, 220, 0));
}
.held__aarde {
  position: absolute; left: 50%; width: var(--b);
  bottom: calc(var(--h0) - var(--b) * .2227);
  transform: translateX(-50%);
}
.held__aarde img { width: 100%; }
.held__baan {
  position: absolute; left: 50%; z-index: 1;
  width: calc(var(--b) * 1.04); height: calc(var(--b) * .15);
  bottom: calc(var(--h0) - 4svh - var(--b) * .075);
  transform: translateX(-50%) rotate(-5deg);
  /* achter de tekst en knoppen bijna weg, rechts helder */
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .1) 0 40%, #000 66%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, .1) 0 40%, #000 66%);
}
.held__baan svg { width: 100%; height: 100%; }
.held__baan path { fill: none; stroke-width: 1; vector-effect: non-scaling-stroke; }
.baan__achter { stroke: rgba(190, 235, 255, .13); }
.baan__voor { stroke: rgba(190, 235, 255, .3); }
.satelliet {
  position: absolute; left: 0; top: 0; width: 5px; height: 5px; margin: -2.5px 0 0 -2.5px; border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(143, 211, 240, .16), 0 0 14px 3px rgba(143, 211, 240, .65);
  transform: translate3d(calc(var(--b) * .16), calc(var(--b) * .13), 0);
}
.held__tekst {
  position: relative; z-index: 3;
  width: 100%; max-width: calc(var(--breed) + 2 * var(--marge)); margin: auto;
  /* ronde 7: boven en onder dezelfde ruimte, zodat het blok midden op het scherm staat (Gökhan: "in het midden qua hoogte") */
  padding: max(var(--kop-h) + var(--held-lucht), var(--h0) + var(--held-lucht)) var(--marge);
}
.held__kop { font-size: var(--kop1); line-height: .94; letter-spacing: -.04em; font-weight: 500; }
.held__kop .regel { display: inline-block; }
.held__kop { margin-left: -.055em; } /* optische linkerrand: M en l van de grote kop op één lijn met de alinea */
.held__lead { margin-top: 24px; font-size: var(--lead); color: var(--tekst-2); max-width: 30em; }
.held__acties { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 12px; }
.held__kop .regel--zacht { color: var(--tekst-2); }
/* "laag voor laag.": de hemel als verloop, lichtblauw onderin naar paars boven, met een ingehouden gloed die stilstaat.
   Ruimte rondom (met negatieve marge terug) zodat de staart van de g en de gloed binnen het verloop vallen. */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .held__kop .regel--zacht {
    padding: .16em; margin: -.16em;
    background: var(--hemel); -webkit-background-clip: text; background-clip: text;
    color: transparent; -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 .32em rgba(94, 151, 255, .26)) drop-shadow(0 0 .08em rgba(171, 225, 246, .18));
  }
}
@media (forced-colors: active) {
  .held__kop .regel--zacht { background: none; color: CanvasText; -webkit-text-fill-color: CanvasText; filter: none; }
}
/* .neon (ronde 6): hetzelfde verloop en dezelfde gloed als "laag voor laag.", voor één kernwoord of getal per deel */
.neon { color: rgb(143, 211, 240); }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  /* ruimte boven en onder zodat de letters optisch in het midden van hun eigen vlak staan (de kopletter laat boven .31em
     en onder .25em vrij); een inline-element verschuift daar niet door, het woord blijft op zijn regel staan */
  .neon {
    padding: .16em 0 .22em;
  }
  /* het cijfer in de meting staat in Instrument Sans-maat met andere verhoudingen: minder ruimte onder */
  .meting__rij > strong.neon { padding-top: .115em; padding-bottom: .17em; }
  .neon {
    background: var(--hemel); -webkit-background-clip: text; background-clip: text;
    -webkit-box-decoration-break: clone; box-decoration-break: clone;
    color: transparent; -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 .32em rgba(94, 151, 255, .26)) drop-shadow(0 0 .08em rgba(171, 225, 246, .18));
  }
}
@media (forced-colors: active) {
  .neon { background: none; color: CanvasText; -webkit-text-fill-color: CanvasText; filter: none; }
}
/* het aanbod als vijf merktekens op één haarlijn, gelijke tussenruimte */
.held__aanbod {
  position: absolute; z-index: 3; left: 50%; bottom: 24px; transform: translateX(-50%);
  width: min(var(--breed), 100% - 2 * var(--marge));
  display: flex; justify-content: space-between; gap: 16px;
  border-top: 1px solid var(--lijn);
}
.held__aanbod a {
  position: relative;
  display: flex; align-items: center; min-height: 48px; padding-top: 2.6px;
  color: var(--tekst-2); font-size: 14px; font-weight: 600; text-decoration: none;
  transition: color var(--t3) var(--erin);
}
.held__aanbod a::before {
  content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 1px;
  background: var(--licht); transform: scaleX(0); transform-origin: left;
  transition: transform var(--t5) var(--erin);
}
.held__aanbod a:hover { color: var(--wit); }
/* elke oplossing draagt de kleur van haar laag: lichtblauw is de basis, paars is AI (dezelfde stip als in de lagen) */
.held__aanbod li { --k: 171, 225, 246; }
.held__aanbod li:nth-child(2) { --k: 143, 211, 240; }
.held__aanbod li:nth-child(3) { --k: 94, 151, 255; }
.held__aanbod li:nth-child(4) { --k: 106, 112, 242; }
.held__aanbod li:nth-child(5) { --k: 123, 74, 226; }
.held__aanbod a::after, .schil span::before, .stap .kop3::before {
  content: ""; width: 7px; height: 7px; border-radius: 50%; flex: none;
  background: rgb(var(--k)); box-shadow: 0 0 8px 1px rgba(var(--k), .6);
}
.held__aanbod a::after { order: -1; margin-right: 10px; }
.held__aanbod a:hover::before, .held__aanbod a:focus-visible::before { transform: scaleX(1); }

/* intro: de aarde komt rustig op, de lucht vult zich; de tekst staat er meteen */
.js .held__aarde img { animation: opkomst 2400ms var(--erin) 100ms both; }
.js .held__gloed, .js .held__lucht, .js .held__ver { animation: infaden 2000ms var(--erin) 300ms both; }
.js .held__baan svg, .js .satelliet { animation: infaden 1400ms var(--erin) 1200ms both; }
@keyframes opkomst { from { opacity: 0; transform: translate3d(0, 24px, 0); } }
@keyframes infaden { from { opacity: 0; } }

/* ── Hoofdstuk 2: overstap, boven de dunne horizon van de atmosfeer ───── */
.overstap { position: relative; isolation: isolate; }
.overstap__binnen { max-width: calc(var(--breed) + 2 * var(--marge)); margin: 0 auto; padding: 96px var(--marge) var(--sectie); }
/* afwerkronde: onder de route-uitleg geen lege navy-strook meer; de lagen-kop volgt eerder */
@media (min-width: 768px) { .overstap__binnen { padding-bottom: 16px; } }
/* gecentreerd boven de koepel: kop en lead staan op de as van de planeet */
.overstap__kopregel { display: grid; justify-items: center; gap: 20px; text-align: center; }
.overstap__kopregel .kop2 { max-width: none; }
.overstap__kopregel .lead { max-width: 34em; }

/* De route: vijf punten op één lijn. Je kiest waar je staat; de lijn licht op tot daar. */
.route { position: relative; margin-top: 72px; --p: .25; }
.route__lijn { display: flex; justify-content: space-between; gap: 16px; border-top: 1px solid var(--lijn); }
.route__punt {
  position: relative; display: block; min-height: 48px; padding: 20px 0;
  background: none; border: 0; border-radius: 0; cursor: pointer; text-align: left;
  font: 600 15px/1.35 "Instrument Sans", system-ui, sans-serif; color: var(--tekst-3);
  transition: color var(--t3) var(--erin);
}
.route__punt::before {
  content: ""; position: absolute; left: 0; top: -5px; width: 9px; height: 9px; border-radius: 50%;
  background: var(--zij); box-shadow: inset 0 0 0 1px rgba(163, 176, 202, .45);
  transition: background-color var(--t5) var(--erin), box-shadow var(--t5) var(--erin), transform var(--t5) var(--erin);
}
.route__punt:hover { color: var(--wit); }
.route__punt:hover::before { box-shadow: inset 0 0 0 1px var(--licht); }
.route__punt:active::before { transform: scale(.8); }
.route__punt.is-bereikt { color: var(--tekst-2); }
.route__punt.is-bereikt::before { background: rgba(143, 211, 240, .5); box-shadow: inset 0 0 0 1px rgba(143, 211, 240, .6); }
.route__punt[aria-pressed="true"] { color: var(--wit); }
.route__punt[aria-pressed="true"]::before { background: var(--licht); box-shadow: inset 0 0 0 1px var(--licht), 0 0 0 5px rgba(143, 211, 240, .14), 0 0 14px 3px rgba(143, 211, 240, .55); transform: scale(1.25); }
.route__licht {
  position: absolute; left: 0; right: 0; top: 0; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, rgba(143, 211, 240, .25), var(--licht));
  transform-origin: left; transform: scaleX(var(--p)); transition: transform var(--t6) var(--erin);
}
@media (min-width: 768px) {
  .route { margin-top: 24px; }
  /* de uitleg staat op het oppervlak van de planeet, onder de rand met de vijf plekken */
  .route__bol { position: relative; height: 216px; }
  .route .route__uitleg {
    position: relative; z-index: 1; margin: 0 auto; max-width: 960px; min-height: 200px;
    grid-template-columns: minmax(0, 10fr) minmax(0, 11fr); gap: 24px 0;
  }
  .route__kolom { padding: 0 40px; }
  .route__kolom + .route__kolom { position: relative; }
  .route__kolom + .route__kolom::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; border-left: 1px solid rgba(143, 211, 240, .55); box-shadow: 0 0 10px 0 rgba(143, 211, 240, .3); }
  .route__kolom:first-child { --arc-x: 14px; }
  .route__planeet {
    position: absolute; left: calc(50% - var(--R, 1000px)); top: 72px; width: calc(var(--R, 1000px) * 2); height: calc(var(--R, 1000px) * 2);
    border-radius: 50%;
    background: radial-gradient(60% 9% at 50% 0, rgba(64, 150, 220, .16), rgba(64, 150, 220, 0)), linear-gradient(180deg, #0c1b38, #081329 5%, var(--zij) 18%);
    -webkit-mask-image: linear-gradient(180deg, #000 0, #000 260px, transparent 520px); mask-image: linear-gradient(180deg, #000 0, #000 260px, transparent 520px);
    box-shadow: inset 0 1px 0 rgba(190, 235, 255, .5), inset 0 24px 48px -24px rgba(64, 150, 220, .4), 0 -1px 0 rgba(143, 211, 240, .2), 0 -24px 90px -12px rgba(64, 150, 220, .26);
  }
  .route__lijn { position: absolute; left: 0; right: 0; top: 72px; height: 0; display: block; border: 0; }
  .route__lijn li { position: absolute; left: var(--x, 50%); top: var(--y, 0); width: 0; height: 0; }
  .route__punt {
    position: absolute; left: 0; bottom: 14px; width: max-content; max-width: 11em; transform: translateX(-50%);
    padding: 12px 8px; text-align: center; line-height: 1.3;
  }
  /* de stip ligt op de rand, 14 px onder de knop; als pseudo-element blijft hij klikbaar */
}
@media (min-width: 1000px) {
  .route__punt { max-width: none; white-space: nowrap; }
}
@media (min-width: 768px) {
  .route__punt::before { left: calc(50% - 4.5px); top: auto; bottom: -18.5px; }
  /* ronde 7: aan de steile buitenkant van de boog staat het label hoger, zodat het de rand niet raakt; de stip blijft op de rand */
  .route__lijn li:first-child .route__punt, .route__lijn li:last-child .route__punt { bottom: 30px; }
  .route__lijn li:first-child .route__punt::before, .route__lijn li:last-child .route__punt::before { bottom: -34.5px; }
  .route__licht {
    left: 50%; top: calc(72px + var(--R, 1000px)); right: auto; bottom: auto; width: 26px; height: 26px; margin: -13px 0 0 -13px;
    border-radius: 50%; background: none; box-shadow: inset 0 0 0 1px rgba(190, 235, 255, .7), 0 0 18px 2px rgba(143, 211, 240, .3);
    transform-origin: 50% 50%; transform: rotate(var(--hoek, 0deg)) translate3d(0, calc(-1 * var(--R, 1000px)), 0);
    transition: transform 900ms var(--erin);
  }
}
.route__uitleg { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 24px 64px; margin-top: 48px; min-height: 176px; }
.route__uitleg.is-wissel .route__kolom { animation: wissel var(--t5) var(--erin) both; }
.route__uitleg.is-wissel .route__kolom + .route__kolom { animation-delay: 60ms; }
@keyframes wissel { from { opacity: .3; transform: translate3d(0, 6px, 0); } }
.route__kolom { display: grid; gap: 8px; align-content: start; justify-items: start; }
/* "Herken je dit" is hoe het nu gaat (gearceerd), "Zo kom je verder" heeft de lichtlijn */
.route__kolom:first-child { position: relative; }
@media (max-width: 767px) {
  .route__kolom { position: relative; padding-left: 22px; }
  .route__kolom + .route__kolom::before { content: ""; position: absolute; left: 3px; top: 2px; bottom: 2px; border-left: 1px solid rgba(143, 211, 240, .55); box-shadow: 0 0 10px 0 rgba(143, 211, 240, .3); }
}
.route__kolom:first-child::after { content: ""; position: absolute; left: var(--arc-x, 0); top: 2px; bottom: 2px; width: 7px; background: linear-gradient(180deg, rgba(171, 225, 246, .6), rgba(123, 74, 226, .5)); -webkit-mask-image: var(--arcering); mask-image: var(--arcering); }
.route__kop { font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--tekst-3); }
.route__nu { font-size: clamp(22px, 2vw, 28px); line-height: 1.3; letter-spacing: -.015em; text-wrap: pretty; }
.route__stap { color: var(--tekst-2); font-size: var(--lead); line-height: 1.5; max-width: 34em; text-wrap: pretty; }

/* ── Hoofdstuk 3: lagen ───────────────────────────────────────────────── */
.lagen { max-width: calc(var(--breed) + 2 * var(--marge)); margin: 0 auto; padding: var(--sectie) var(--marge) calc(var(--sectie) - 40px); }
/* een lange kop over de volle breedte, de lead eronder: anders opgebouwd dan de andere hoofdstukken */
.lagen__intro { display: grid; gap: 28px; margin-bottom: 24px; }
.lagen__kop { font-size: clamp(40px, 6.2vw, 92px); line-height: 1; letter-spacing: -.04em; font-weight: 500; text-wrap: balance; }
.lagen__intro .lead { max-width: 40em; }
.lagen__verhaal { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 64px; }
.lagen__podium { position: relative; }
.podium {
  position: sticky; top: 0; height: 100svh; overflow: hidden;
  --straal: 520px; --tussen: clamp(40px, 6.4svh, 58px);
  --grond: 76%; /* ronde 6: 4% lager, podium in balans met de tekstkolom rechts */
  /* zijkanten en boven- en onderkant lopen zacht uit: nergens een rechte rand */
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent), linear-gradient(180deg, transparent, #000 10%, #000 77%, transparent 95%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent), linear-gradient(180deg, transparent, #000 10%, #000 77%, transparent 95%);
  mask-composite: intersect;
}
.sterren--podium { left: 0; top: 0; }
.podium__gloed {
  position: absolute; left: 50%; top: var(--grond); width: calc(2 * var(--straal) + 360px); height: 70%;
  transform: translate(-50%, -50%);
  background: radial-gradient(closest-side, rgba(64, 150, 220, .16), rgba(64, 150, 220, 0));
}
.podium__aarde, .schil {
  position: absolute; left: 50%; top: var(--grond);
  width: calc(2 * var(--straal)); height: calc(2 * var(--straal));
  margin-left: calc(-1 * var(--straal));
  border-radius: 50%;
}
.podium__aarde {
  overflow: hidden;
  background: radial-gradient(closest-side, #040a1b 92%, #0b1f3a 97%, #1b4a6e 100%); /* kern gelijk aan het navy: geen banden in de zijvervaging, geen naad onderaan */
  box-shadow: 0 -1px 0 rgba(190, 235, 255, .85), 0 -5px 14px rgba(143, 211, 240, .5), 0 -18px 40px rgba(143, 211, 240, .22);
}
.schil {
  --r2: calc(var(--straal) + (var(--i) + 1) * var(--tussen));
  width: calc(2 * var(--r2)); height: calc(2 * var(--r2));
  margin-left: calc(-1 * var(--r2));
  margin-top: calc(-1 * (var(--i) + 1) * var(--tussen));
  border: 1px solid rgba(143, 211, 240, .14);
  transition: border-color var(--t5) var(--erin);
}
.schil::before {
  content: ""; position: absolute; inset: -1px; border-radius: 50%;
  box-shadow: 0 -1px 0 rgba(190, 235, 255, .9), 0 -6px 18px rgba(143, 211, 240, .35);
  opacity: 0; transition: opacity var(--t5) var(--erin);
}
/* arcering betekent op de hele pagina "nog niet" of "zoals het was"; licht met gloed betekent "nu".
   Een laag die je nog niet bereikt hebt is een gearceerde band; zodra je er bent verdwijnt de arcering. */
.schil::after {
  content: ""; position: absolute; inset: -1px; border-radius: 50%;
  /* neon in de kleur van de laag, met een verloop: helder bovenop de band, zacht naar de zijkanten */
  background: radial-gradient(60% 50% at 50% 0%, rgba(var(--k), .9), rgba(var(--k), .45) 60%, rgba(var(--k), .2));
  -webkit-mask-image: radial-gradient(closest-side, transparent calc(100% - var(--tussen) + 2px), #000 calc(100% - var(--tussen) + 3px), #000 calc(100% - 2px), transparent calc(100% - 1px)), var(--arcering);
  -webkit-mask-composite: source-in;
  mask-image: radial-gradient(closest-side, transparent calc(100% - var(--tussen) + 2px), #000 calc(100% - var(--tussen) + 3px), #000 calc(100% - 2px), transparent calc(100% - 1px)), var(--arcering);
  mask-composite: intersect;
  opacity: .55;
  transition: opacity var(--t6) var(--erin);
}
.schil.is-bereikt::after, .schil.is-actief::after { opacity: 0; }
.schil span {
  position: absolute; left: 50%; top: 0;
  transform: translate3d(-50%, calc(-100% - 8px), 0);
  white-space: nowrap; font-size: 14px; font-weight: 600; letter-spacing: .01em;
  color: var(--tekst-3);
  text-shadow: 0 0 6px var(--zij), 0 0 3px var(--zij), 0 0 1px var(--zij); /* label blijft leesbaar boven de arcering */
  transition: color var(--t5) var(--erin), opacity var(--t5) var(--erin);
}
/* een agent in de baan van de actieve laag */
.schil__baan {
  position: absolute; inset: -1px; border-radius: 50%;
  opacity: 0; transition: opacity var(--t5) var(--erin);
  animation: zwaai 16s ease-in-out infinite alternate; animation-play-state: paused;
}
.schil__baan b {
  position: absolute; left: 50%; top: 0; width: 5px; height: 5px; margin: -2.5px 0 0 -2.5px; border-radius: 50%;
  background: #fff; box-shadow: 0 0 0 3px rgba(143, 211, 240, .16), 0 0 12px 3px rgba(143, 211, 240, .6);
}
@keyframes zwaai { from { transform: rotate(-19deg); } to { transform: rotate(19deg); } }
/* bereikte lagen: rustig zichtbaar; actieve laag: helder */
/* elke laag een plek op de hemel: lichtblauw bij de grond, via blauw naar paars voor AI bovenaan */
.schil, .stap { --k: 171, 225, 246; }
.schil[style="--i:1"], .stap[data-stap="1"] { --k: 143, 211, 240; }
.schil[style="--i:2"], .stap[data-stap="2"] { --k: 94, 151, 255; }
.schil[style="--i:3"], .stap[data-stap="3"] { --k: 106, 112, 242; }
.schil[style="--i:4"], .stap[data-stap="4"] { --k: 123, 74, 226; }
.schil { border-color: rgba(var(--k), .16); }
.schil::before { box-shadow: 0 -1px 0 rgba(var(--k), .95), 0 -5px 16px rgba(var(--k), .45), 0 -18px 44px rgba(var(--k), .16); }
.schil__baan b { box-shadow: 0 0 0 3px rgba(var(--k), .18), 0 0 12px 3px rgba(var(--k), .7); }
.schil span::before { display: inline-block; margin-right: 8px; vertical-align: .08em; }
/* de stip staat op het spoor links van de stap, in de kleur van de laag */
.stap .kop3::before { position: absolute; left: -3px; margin-top: .42em; }
.schil.is-bereikt { border-color: rgba(var(--k), .36); }
.schil.is-bereikt span { color: var(--tekst-2); }
.schil.is-actief { border-color: rgba(var(--k), .8); }
.schil.is-actief::before { opacity: 1; }
.schil.is-actief span { color: var(--wit); }
.schil.is-actief .schil__baan { opacity: 1; animation-play-state: running; }

/* de stappen staan dicht op elkaar, elk met een eigen voorwerp; niets wordt gedimd */
/* afwerkronde: onderaan 6svh in plaats van 26svh; het podium plakt nog tot de laatste stap op de leeslijn staat */
/* fixronde: onder de laatste stap loopt het podium zelf door (100svh - 220px). Zo blijft Saturnus staan
   tot de AI-stap voor meer dan de helft voorbij is; daarna schuiven podium en tekst samen weg */
.lagen__stappen { padding: 18svh 0 calc(100svh - 220px); display: grid; gap: 112px; }
@media (min-width: 901px) { .lagen { padding-bottom: 0; } }
.stap {
  position: relative;
  display: flex; flex-direction: column; gap: 14px;
  max-width: 30em; padding-left: 32px;
}
/* een doorlopend spoor links van de tekst; de actieve laag licht erop op */
.stap::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: var(--lijn); }
.stap::after {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px;
  background: linear-gradient(180deg, rgba(var(--k), 0), rgba(var(--k), .95) 30%, rgba(var(--k), .95) 70%, rgba(var(--k), 0));
  box-shadow: 0 0 10px rgba(var(--k), .35);
  transform: scaleY(0); transition: transform var(--t6) var(--erin);
}
.stap.is-actief::after { transform: scaleY(1); }
.stap p { color: var(--tekst-2); font-size: 17px; }
.stap .stap__tools { color: var(--tekst-3); font-size: 15px; }
/* Microsoft-producticonen (ronde 6): ongewijzigd, 24 px, 1:1, vóór de productnaam; geen filter of doorzichtigheid */
.ms-icoon { display: inline-block; width: 24px; height: 24px; max-width: none; vertical-align: -6px; margin-right: 6px; }
.stap__tools .ms-icoon:not(:first-child) { margin-left: 2px; }
.voet__merken { margin-top: -48px; color: var(--tekst-3); font-size: 13px; line-height: 1.5; max-width: 58ch; }
.stap .kop3 { margin-bottom: 4px; }

/* ── Voorwerpen: per laag een eigen object van haarlijnen, geen getinte vlakken ── */
.voorwerp { position: relative; margin-bottom: 12px; color: var(--tekst-2); font-size: 14px; font-weight: 600; line-height: 1.35; }
.voorwerp p { font-size: 14px; }
/* 0 een kaartje in Teams */
.voorwerp--kaart { max-width: 360px; padding: 18px 20px 20px; border-radius: 8px; box-shadow: inset 0 0 0 1px var(--lijn), 0 24px 48px -32px rgba(0, 0, 0, .8); display: grid; gap: 10px; }
.voorwerp--kaart::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; border-radius: 8px 0 0 8px; background: rgba(143, 211, 240, .55); }
.kaart__van { display: flex; align-items: center; gap: 8px; color: var(--tekst-3); font-size: 13px !important; }
.kaart__van i { width: 7px; height: 7px; border-radius: 50%; background: var(--blauw); box-shadow: 0 0 8px rgba(143, 211, 240, .7); }
.voorwerp .kaart__vraag { color: var(--wit); font-size: 16px; font-weight: 500; line-height: 1.4; }
.kaart__keuzes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.kaart__keuzes span { padding: 7px 12px; border-radius: 4px; box-shadow: inset 0 0 0 1px var(--lijn); color: var(--tekst-2); font-size: 13px; transition: box-shadow var(--t5) var(--erin), color var(--t5) var(--erin); }
.stap.is-actief .kaart__keuzes .is-gekozen { box-shadow: inset 0 0 0 1px var(--licht); color: var(--wit); }
/* 1 een raster dat gescand wordt; een paar punten blijken gevoelig */
.voorwerp--scan { max-width: 360px; display: grid; gap: 12px; }
.scan__veld {
  position: relative; height: 92px; overflow: hidden; border-radius: 4px; box-shadow: inset 0 0 0 1px var(--lijn-zacht);
  background:
    radial-gradient(circle, rgba(163, 176, 202, .42) 1.2px, transparent 1.6px) 0 0 / 18px 18px;
}
.scan__veld::after {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(circle at 63px 27px, transparent 3px, rgba(190, 235, 255, .9) 3.5px, rgba(190, 235, 255, .9) 4.5px, transparent 5px),
    radial-gradient(circle at 171px 63px, transparent 3px, rgba(190, 235, 255, .9) 3.5px, rgba(190, 235, 255, .9) 4.5px, transparent 5px),
    radial-gradient(circle at 279px 45px, transparent 3px, rgba(190, 235, 255, .9) 3.5px, rgba(190, 235, 255, .9) 4.5px, transparent 5px),
    radial-gradient(circle at 117px 81px, transparent 3px, rgba(190, 235, 255, .9) 3.5px, rgba(190, 235, 255, .9) 4.5px, transparent 5px);
  opacity: .25; transition: opacity var(--t6) var(--erin);
}
.stap.is-actief .scan__veld::after { opacity: 1; }
.scan__lijn {
  position: absolute; left: 0; top: 0; bottom: 0; width: 1px;
  background: var(--licht); box-shadow: 0 0 12px 2px rgba(143, 211, 240, .45);
  opacity: 0; transform: translateX(0);
}
.stap.is-actief .scan__lijn { opacity: 1; animation: scan 4.8s ease-in-out infinite alternate; }
@keyframes scan { to { transform: translateX(358px); } }
.scan__legenda { display: flex; align-items: center; gap: 10px; color: var(--tekst-3); font-size: 13px !important; }
.scan__legenda i { width: 9px; height: 9px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(190, 235, 255, .9); }
/* 2 een workflow: aanvraag, goedkeuring, verwerkt */
.voorwerp--stroom { display: flex; align-items: center; max-width: 420px; }
.voorwerp--stroom span { flex: none; padding: 9px 12px; border-radius: 4px; box-shadow: inset 0 0 0 1px var(--lijn); font-size: 13px; }
.voorwerp--stroom .is-klaar { color: var(--wit); transition: box-shadow var(--t5) var(--erin); }
.stap.is-actief .voorwerp--stroom .is-klaar { box-shadow: inset 0 0 0 1px var(--licht); }
.stroom__lijn { position: relative; flex: 1; min-width: 24px; height: 1px; background: var(--lijn); }
.stroom__lijn b { position: absolute; left: 0; top: -2.5px; width: 6px; height: 6px; border-radius: 50%; background: #fff; box-shadow: 0 0 10px 2px rgba(143, 211, 240, .6); opacity: 0; }
.stap.is-actief .stroom__lijn b { animation: stroom 2.4s var(--erin) infinite; }
.stap.is-actief .stroom__lijn + span + .stroom__lijn b { animation-delay: 1.2s; }
@keyframes stroom { 0% { opacity: 0; transform: translateX(0); } 15% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; transform: translateX(var(--l, 40px)); } }
/* 3 losse exports komen samen in één heldere ster (het model); daarna een lijn van sterren die vanzelf bijwerkt */
.voorwerp--model { max-width: 400px; padding: 18px 20px 14px; border-radius: 8px; box-shadow: inset 0 0 0 1px var(--lijn), 0 24px 48px -32px rgba(0, 0, 0, .8); }
.voorwerp--model::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; border-radius: 8px 0 0 8px; background: rgba(106, 112, 242, .7); }
.voorwerp--model svg { display: block; width: 100%; height: auto; overflow: visible; }
.voorwerp--model .model__nu { transform-box: fill-box; transform-origin: center; }
.stap.is-actief .model__nu { animation: hartslag 2.4s ease-in-out infinite; }
@keyframes hartslag { 50% { opacity: .35; transform: scale(1.6); } }
.model__labels { display: flex; justify-content: space-between; margin-top: 10px; color: var(--tekst-3); font-size: 13px !important; }
/* 4 een agent in een baan, met de vaste taken eromheen */
.voorwerp--baan { display: flex; align-items: center; gap: 28px; }
.baan__ring { position: relative; flex: none; width: 112px; height: 112px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--lijn); display: grid; place-items: center; }
.baan__ring::before { content: ""; position: absolute; inset: 22px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(143, 211, 240, .3); }
.baan__kern { color: var(--wit); font-size: 13px; }
.baan__draai { position: absolute; inset: -1px; border-radius: 50%; }
.baan__draai b { position: absolute; left: 50%; top: 0; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%; background: #fff; box-shadow: 0 0 10px 2px rgba(123, 74, 226, .75); }
/* de agent werkt zelfstandig: zijn baan is paars */
.baan__ring { box-shadow: inset 0 0 0 1px rgba(123, 74, 226, .45), 0 0 28px -6px rgba(123, 74, 226, .4); }
.baan__ring::before { box-shadow: inset 0 0 0 1px rgba(123, 74, 226, .3); }
.stap.is-actief .baan__draai { animation: draai 9s linear infinite; }
@keyframes draai { to { transform: rotate(360deg); } }
.baan__taken { display: grid; gap: 10px; }
.baan__taken li { position: relative; padding-left: 18px; color: var(--tekst-2); }
.baan__taken li::before { content: ""; position: absolute; left: 0; top: .6em; width: 10px; height: 1px; background: rgba(143, 211, 240, .6); }

/* ── Hoofdstuk 4: begin, een lens op het werk ─────────────────────────── */
.begin { position: relative; padding: var(--sectie) var(--marge); }
.begin__binnen {
  max-width: var(--breed); margin: 0 auto;
  display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 64px 96px; align-items: center;
}
.begin__tekst { display: grid; gap: 24px; }

.traject { position: relative; margin-top: 16px; padding-left: 36px; display: grid; gap: 28px; }
/* de weg ernaartoe is gearceerd ("nog niet"); het eindpunt licht op ("nu weet je het") */
.traject::before { content: ""; position: absolute; left: 1px; top: 10px; bottom: 14px; width: 7px; background: linear-gradient(180deg, rgba(171, 225, 246, .55), rgba(94, 151, 255, .6) 60%, rgba(143, 211, 240, .9)); -webkit-mask-image: var(--arcering); mask-image: var(--arcering); }
.traject li { position: relative; }
.traject li::before {
  content: ""; position: absolute; left: -36px; top: 8px; width: 9px; height: 9px; border-radius: 50%;
  background: var(--zij); box-shadow: inset 0 0 0 1px rgba(143, 211, 240, .6);
}
.traject h3 { font-size: 17px; font-weight: 600; line-height: 1.4; }
.traject p { color: var(--tekst-2); }
.traject__eind::before { background: var(--licht) !important; box-shadow: 0 0 0 4px rgba(143, 211, 240, .14), 0 0 14px 3px rgba(143, 211, 240, .5) !important; }
.traject__eind p { color: var(--wit); font-size: var(--lead); font-weight: 600; line-height: 1.35; }

.lensblok { display: grid; gap: 24px; }
.lens { position: relative; aspect-ratio: 1; perspective: 1100px; }
.lens__halo { position: absolute; inset: 0; border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, rgba(64, 150, 220, .16), rgba(64, 150, 220, .05) 70%, rgba(64, 150, 220, 0));
  box-shadow: inset 0 0 0 1px rgba(143, 211, 240, .07);
}
/* fijne schaalverdeling rond de lens, zoals op een instrument */
.lens__halo::after {
  content: ""; position: absolute; inset: 3%; border-radius: 50%;
  background: repeating-conic-gradient(rgba(163, 176, 202, .32) 0 .3deg, transparent .3deg 5deg);
  -webkit-mask-image: radial-gradient(closest-side, transparent calc(100% - 8px), #000 calc(100% - 7px));
  mask-image: radial-gradient(closest-side, transparent calc(100% - 8px), #000 calc(100% - 7px));
}
/* kantelt een paar graden mee met de muis (alleen met een muis, niet bij minder beweging) */
.lens__kantel {
  position: absolute; inset: 11%; transform-style: preserve-3d;
  transform: rotateX(calc(var(--my, 0) * -10deg)) rotateY(calc(var(--mx, 0) * 12deg));
}
.lens__basis {
  position: absolute; inset: 0; border-radius: 50%; overflow: hidden;
  box-shadow: 0 0 0 1px rgba(190, 235, 255, .5), 0 0 24px rgba(143, 211, 240, .25), 0 40px 80px -36px rgba(0, 0, 0, .8);
}
.lens__basis img { width: 100%; height: 100%; object-fit: cover; }
.lens__glans {
  position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(closest-side, rgba(190, 235, 255, .16), rgba(190, 235, 255, 0));
  transform: translate(calc((var(--px, .5) - .5) * 60%), calc((var(--py, .3) - .5) * 60%));
}
.lens__vizier { position: absolute; inset: 0; width: 100%; height: 100%; transform: translateZ(34px); pointer-events: none; }
.lens__vizier circle, .lens__vizier path, .lens__vizier line { fill: none; stroke: rgba(190, 235, 255, .38); stroke-width: 1; vector-effect: non-scaling-stroke; }
.lens__vizier .stip { stroke-dasharray: 2 5; stroke: rgba(190, 235, 255, .28); }
.lens__vizier .lens__schaal line { stroke: rgba(190, 235, 255, .3); }
/* ronde 7: de lens is een moeite/opbrengst-matrix: doorlopende assen, het kwadrant "weinig moeite, veel opbrengst" licht op, kansen als stippen */
.lens__vizier .lens__as { stroke: rgba(225, 244, 255, .72); stroke-width: 1.25; }
.lens__vizier .lens__kwadrant { fill: rgba(143, 211, 240, .2); stroke: none; }
.bijeen { white-space: nowrap; } /* een leesteken blijft bij zijn woord, ook na het neonwoord */
.lens__knop--x span { transform: translateY(-15px); } /* label boven de as, niet erdoorheen */
.lens__vizier .lens__kansen circle { fill: rgba(225, 244, 255, .78); stroke: none; }
.lens__basis img { opacity: .5; filter: saturate(.55); }
/* drie aanwijsbare punten op de lens; de gekozen krijgt het richtmerk */
.lens__knop {
  position: absolute; display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 6px;
  background: none; border: 0; border-radius: var(--r); cursor: pointer;
  font: 600 14px/1 "Instrument Sans", system-ui, sans-serif; letter-spacing: .01em; color: var(--tekst-2);
  text-shadow: 0 0 16px var(--zij), 0 0 8px var(--zij), 0 0 3px var(--zij);
  transform: translateZ(34px);
  transition: color var(--t3) var(--erin);
}
.lens__knop::before {
  content: ""; width: 9px; height: 9px; border-radius: 50%; flex: none;
  background: var(--zij); box-shadow: inset 0 0 0 1px rgba(190, 235, 255, .7);
  transition: background-color var(--t3) var(--erin), transform var(--t3) var(--erin);
}
.lens__knop:hover, .lens__knop[aria-pressed="true"] { color: var(--wit); }
.lens__knop:hover::before { transform: scale(1.3); }
.lens__knop:active::before { transform: scale(.85); }
.lens__knop[aria-pressed="true"]::before { background: #fff; }
.lens__knop--x { right: calc(24% - 10.5px); top: calc(50% - 24px); flex-direction: row-reverse; } /* label links van de stip: past ook op smalle schermen */
.lens__knop--y { left: calc(50% - 10px); top: calc(6% - 24px); }
.lens__knop--doel { left: calc(36% - 10px); top: calc(28% - 24px); transform: translateZ(58px); }
.lens__richt { position: absolute; left: 0; top: 0; width: 0; height: 0; pointer-events: none; transform: translateZ(46px); }
.lens__richt i {
  position: absolute; left: -18px; top: -18px; width: 36px; height: 36px; border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(245, 245, 247, .85), 0 0 18px rgba(143, 211, 240, .45);
  transition: transform var(--t6) var(--erin);
}
.lens__uitleg { min-height: 3.2em; max-width: 30em; justify-self: center; text-align: center; color: var(--tekst-2); text-wrap: pretty; }
.lens__uitleg.is-wissel { animation: infaden var(--t5) var(--erin) both; }
.lens__uitleg strong { color: var(--wit); font-weight: 600; }

/* ── Hoofdstuk 5: klantcases ──────────────────────────────────────────── */
.cases { position: relative; isolation: isolate; max-width: calc(var(--breed) + 2 * var(--marge)); margin: 0 auto; padding: var(--sectie) var(--marge); }
/* kop gecentreerd, daaronder een instrumentenpaneel van haarlijnen: elke case met een eigen meetvorm */
.cases__kopregel { display: grid; justify-items: center; gap: 20px; margin: 0 auto 64px; max-width: 46em; text-align: center; }
.cases__kopregel .kop2 { max-width: none; }
.cases__kopregel .lead { max-width: 34em; }
.cases__paneel {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--lijn); border-left: 1px solid var(--lijn);
}
.case {
  position: relative; display: grid; gap: 16px; align-content: start; justify-items: start;
  padding: 40px 36px 32px;
  border-right: 1px solid var(--lijn); border-bottom: 1px solid var(--lijn);
}
.case::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, var(--licht), rgba(143, 211, 240, .1) 80%, rgba(143, 211, 240, 0)); transform: scaleX(0); transform-origin: left; transition: transform var(--t6) var(--erin); }
.case:hover::after, .case:focus-within::after { transform: scaleX(1); }
.case__titel { font-size: 17px; line-height: 1.35; font-weight: 500; color: var(--tekst-2); max-width: 22em; text-wrap: balance; }
.case__naam { display: block; margin-bottom: 6px; font-size: clamp(26px, 2.2vw, 32px); line-height: 1.05; letter-spacing: -.03em; color: var(--wit); }
.case__citaat p { font-size: clamp(18px, 1.4vw, 20px); line-height: 1.45; letter-spacing: -.01em; text-wrap: pretty; }
.case__citaat footer { margin-top: 12px; font-size: 15px; color: var(--tekst-2); }
.case__groot { font-size: clamp(20px, 1.6vw, 24px); line-height: 1.3; letter-spacing: -.015em; text-wrap: pretty; }
.case__geleverd { color: var(--tekst-2); max-width: 36em; font-size: 16px; }
.case .tekstlink { margin-top: auto; }

/* ÆVO voorop over de volle breedte: voor en na als twee balken */
.case--aevo { grid-column: 1 / -1; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 32px 72px; align-items: center; padding: 56px 48px 42px; }
.case--aevo .case__citaat p { font-size: clamp(24px, 2.4vw, 34px); line-height: 1.25; letter-spacing: -.02em; }
.case--aevo .case__wat { display: grid; gap: 18px; justify-items: start; }
/* ronde 9: de meting als klok (on-08-meting-klok). Eerst draait de wijzer een half uur rond over een gearceerd vlak,
   daarna schiet de heldere wijzer naar enkele minuten. Speelt één keer, als de case in beeld komt. */
.case__meting { display: grid; grid-template-columns: minmax(120px, 240px) max-content; align-items: center; gap: clamp(24px, 2.8vw, 40px); width: 100%; }
@media (max-width: 560px) { .case__meting { grid-template-columns: minmax(0, 200px); justify-content: start; gap: 20px; } }
.case--aevo { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.meting__rij strong { white-space: nowrap; }
.meting__rij { justify-items: start; }
.klok { width: 100%; height: auto; overflow: visible; }
.klok__ring { fill: none; stroke: rgba(163, 176, 202, .22); stroke-width: 1; }
.klok__strepen line { stroke: rgba(163, 176, 202, .45); stroke-width: 1.2; }
.klok__strepen line.groot { stroke: rgba(245, 245, 247, .7); stroke-width: 1.6; }
.klok__eerst { fill: url(#klok-arcering); }
.klok__nu { fill: url(#klok-licht); filter: drop-shadow(0 0 8px rgba(94, 151, 255, .7)); }
.klok__wijzer { transform-box: view-box; transform-origin: 140px 140px; }
.klok__wijzer line { stroke-linecap: round; }
.klok__wijzer--eerst { transform: rotate(180deg); opacity: .4; }
.klok__wijzer--eerst line { stroke: var(--tekst-2); stroke-width: 1.5; }
.klok__wijzer--nu { transform: rotate(24deg); }
.klok__wijzer--nu line { stroke: var(--wit); stroke-width: 2; }
.klok__as { fill: var(--wit); }
.js .case--aevo:not(.is-in) .klok__eerst, .js .case--aevo:not(.is-in) .klok__nu, .js .case--aevo:not(.is-in) .meting__rij { opacity: 0; }
.js .case--aevo:not(.is-in) .klok__wijzer { transform: rotate(0deg); }
.js .case--aevo:not(.is-in) .klok__wijzer--nu { opacity: 0; }
.case--aevo.is-in .klok__eerst { animation: klok-in 1200ms linear 250ms both; }
.case--aevo.is-in .klok__wijzer--eerst { animation: klok-eerst 1200ms cubic-bezier(.45, 0, .55, 1) 250ms both, klok-dim 300ms 1450ms both; }
.case--aevo.is-in .klok__nu, .case--aevo.is-in .meting__rij--nu { animation: klok-in 400ms var(--erin) 1550ms both; }
.case--aevo.is-in .klok__wijzer--nu { animation: klok-nu 500ms var(--erin) 1550ms both; }
.case--aevo.is-in .meting__rij--eerst { animation: klok-in 400ms var(--erin) 250ms both; }
@keyframes klok-in { from { opacity: 0; } }
@keyframes klok-eerst { from { transform: rotate(0deg); } }
@keyframes klok-dim { from { opacity: 1; } }
@keyframes klok-nu { from { transform: rotate(0deg); opacity: 0; } 20% { opacity: 1; } }
.meting__rijen { display: grid; gap: 20px; }
.meting__rij { display: grid; gap: 2px; }
.meting__rij span { color: var(--tekst-3); font-size: 15px; font-weight: 600; letter-spacing: .02em; }
.meting__rij strong { font-size: clamp(28px, 2.8vw, 40px); line-height: 1.05; letter-spacing: -.035em; font-weight: 500; }
.meting__rij--eerst strong { color: var(--tekst-2); }

/* ── Neon-arcering, losse klasse (ronde 6): ook voor de subpagina's ──
   <span class="arcering"></span> op een blok met een maat; kleur via --arcering-vlak (standaard het hemelverloop) */
.arcering { background: var(--arcering-vlak, var(--hemel)); -webkit-mask-image: var(--arcering); mask-image: var(--arcering); opacity: var(--arcering-sterkte, .7); }

/* Anculus: het getal zelf, met zeventien punten als sterrenbeeld */
.case__getal { position: relative; width: 100%; min-height: 128px; display: flex; align-items: flex-end; }
.case__getal strong { position: relative; font-size: clamp(88px, 9vw, 132px); line-height: .82; letter-spacing: -.06em; font-weight: 500; }
.sterrenbeeld { position: absolute; right: 0; top: 0; width: 54%; height: auto; overflow: visible; }
/* HEMA: een live instrument met drie meters */
.case__instrument { width: 100%; display: grid; gap: 6px; padding-bottom: 8px; }
.instrument__live { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; color: var(--tekst-3); font-size: 13px; font-weight: 600; }
.instrument__live i { width: 7px; height: 7px; border-radius: 50%; background: var(--blauw); box-shadow: 0 0 10px 2px rgba(143, 211, 240, .55); } /* ronde 9: stil licht, geen ademende gloed */
.instrument__rij { display: grid; grid-template-columns: 5.5em minmax(0, 1fr); align-items: center; gap: 12px; padding: 6px 0; border-top: 1px solid var(--lijn-zacht); font-size: 14px; color: var(--tekst-2); font-weight: 600; }
.instrument__rij svg { width: 100%; height: 24px; }
.instrument__rij path { fill: none; stroke: var(--licht); stroke-width: 1.25; vector-effect: non-scaling-stroke; }
.instrument__rij:last-child path { stroke: rgba(163, 176, 202, .6); }
/* FMI Improvia: een contract met drie vinkjes en een paraaf */
.case__contract { position: relative; width: 100%; padding: 14px 16px 12px; border-radius: 4px; box-shadow: inset 0 0 0 1px var(--lijn); display: grid; gap: 2px; }
.contract__rij { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 6px 0; font-size: 14px; color: var(--tekst-2); font-weight: 600; }
.contract__rij + .contract__rij { border-top: 1px solid var(--lijn-zacht); }
.contract__rij i { position: relative; flex: none; width: 14px; height: 8px; margin-top: -4px; border-left: 1.5px solid var(--blauw); border-bottom: 1.5px solid var(--blauw); transform: rotate(-45deg); }
.contract__paraaf { width: 46%; height: auto; margin: 6px 0 0 auto; opacity: .2; transition: opacity 900ms var(--erin) 500ms; }
.case.is-in .contract__paraaf { opacity: 1; }
.contract__paraaf path { fill: none; stroke: var(--licht); stroke-width: 1.25; vector-effect: non-scaling-stroke; }

.cases__actie {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px 48px;
  padding: 40px 0 0;
}
.cases__actie p { font-size: clamp(22px, 2vw, 28px); line-height: 1.3; letter-spacing: -.015em; max-width: 24em; text-wrap: balance; }


/* ── Hoofdstuk 6: missie, en waar we zitten ───────────────────────────── */
.missie { position: relative; isolation: isolate; max-width: calc(var(--breed) + 2 * var(--marge)); margin: 0 auto; padding: 48px var(--marge) calc(var(--sectie) + clamp(120px, 14vw, 220px)); }
/* fixronde: via het menu staat de kop even ver onder de kopbalk als bij de andere hoofdstukken (die hebben var(--sectie) boven) */
.missie { scroll-margin-top: calc(var(--sectie) - 48px); }
/* poollicht in plaats van nog een horizon: lichtblauw onderin de plooien, paars bovenin, zoals de lagen; vervaagt boven en onder ruim binnen dit hoofdstuk */
.missie__kust {
  position: absolute; z-index: -1; left: 50%; bottom: 0; width: 100vw; margin-left: -50vw; height: clamp(320px, 34vw, 540px);
  opacity: .9;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 34%, #000 64%, transparent 96%);
  mask-image: linear-gradient(180deg, transparent, #000 34%, #000 64%, transparent 96%);
}
.missie__kust img { width: 100%; height: 100%; object-fit: cover; object-position: 70% 50%; }
/* decoratieve lagen vangen nooit klikken af */
.missie__kust, .sfeer, .held__aarde, .held__baan, .route__planeet, .slot__aarde { pointer-events: none; }
/* de missie over de volle breedte; eronder links het waarom, rechts de plek */
.missie__onder { margin-top: 56px; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 48px clamp(48px, 7vw, 112px); align-items: start; }
.missie__tekst { max-width: 34em; }
.missie__kop { font-size: clamp(48px, 7.4vw, 107px); line-height: .98; letter-spacing: -.04em; font-weight: 500; }
.missie__kop .regel { display: flex; align-items: center; gap: 28px; }
.missie__kop .regel::after {
  content: ""; flex: 1; height: 1px; margin-top: .08em;
  /* het verloop van de hemel komt terug als horizonlijn die uitdooft */
  background: linear-gradient(90deg, rgba(171, 225, 246, .55), rgba(94, 151, 255, .35) 45%, rgba(123, 74, 226, .2) 75%, rgba(123, 74, 226, 0));
  transform: scaleX(0); transform-origin: left; transition: transform var(--t6) var(--erin) 240ms;
}
.missie__kop .regel.is-in::after { transform: scaleX(1); }
.missie__tekst { display: grid; gap: 24px; padding-bottom: 12px; }
/* de officiële missie blijft herkenbaar als één zin onder de kop */
.missie__zin { margin-top: 28px; font-size: var(--lead); line-height: 1.35; font-weight: 600; color: var(--licht); max-width: 34em; }
.missie__tekst p:not(.lead) { color: var(--tekst-2); }

.plek {
  padding-left: 32px; border-left: 1px solid var(--lijn);
  display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 32px 40px; align-items: start;
}
.plek__waar { grid-column: 1 / -1; }
.plek__waar { display: flex; gap: 24px; align-items: flex-start; }
.plek__waar p, .plek__feit { display: grid; gap: 4px; }
.plek__waar strong { font-size: var(--lead); font-weight: 600; line-height: 1.3; }
.plek__waar span { color: var(--tekst-3); font-size: 15px; font-variant-numeric: tabular-nums; }
.plek__feit strong { font-size: clamp(40px, 4vw, 56px); line-height: 1; letter-spacing: -.035em; font-weight: 500; font-variant-numeric: lining-nums; }
.plek__feit span { color: var(--tekst-2); font-size: 15px; max-width: 18em; }
/* baken: een punt met ringen die rustig uitdijen */
.plek__baken { position: relative; flex: none; width: 32px; height: 32px; margin-top: 2px; }
.plek__baken::after { content: ""; position: absolute; left: 13px; top: 13px; width: 6px; height: 6px; border-radius: 50%; background: #fff; box-shadow: 0 0 12px 3px rgba(143, 211, 240, .6); }
.plek__baken i {
  position: absolute; inset: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(143, 211, 240, .7);
  opacity: 0; transform: scale(.3);
  animation: baken 4.2s cubic-bezier(.2, .8, .2, 1) infinite;
}
.plek__baken i:nth-child(2) { animation-delay: 1.4s; }
.plek__baken i:nth-child(3) { animation-delay: 2.8s; }
@keyframes baken { 0% { opacity: 0; transform: scale(.3); } 15% { opacity: .9; } 100% { opacity: 0; transform: scale(1.6); } }

/* ── Hoofdstuk 7: wat we vaak horen, boven het wolkendek ──────────────── */
.vragen { position: relative; isolation: isolate; padding: var(--sectie) var(--marge) calc(var(--sectie) - 24px); }
/* ronde 9 (on-10-vragen-uitklap): de kop links op een derde, rechts een lijst die je openklikt; één vraag tegelijk open */
.vragen__binnen { max-width: var(--breed); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 40px clamp(48px, 6vw, 96px); align-items: start; }
/* herstel ronde 9: geen 9ch meer; de kop vult zijn kolom en breekt alleen tussen woorden (zie Typografie) */
.vragen__binnen > .kop2 { max-width: none; }
/* afwerkronde: de onderste lijn hoort bij de laatste vraag, zodat hij meeglijdt als een antwoord open- of dichtgaat */
.vraag { border-top: 1px solid var(--lijn); }
.vraag:last-child { border-bottom: 1px solid var(--lijn); }
.vraag h3 { margin: 0; font: inherit; }
.vraag button {
  position: relative; isolation: isolate; width: 100%; min-height: 72px; padding: 14px 56px 14px 16px; margin: 0;
  display: flex; align-items: center; text-align: left; background: none; border: 0; cursor: pointer; border-radius: 4px;
  font-family: var(--kop); font-size: clamp(22px, 2vw, 28px); line-height: 1.2; letter-spacing: -.02em; font-weight: 500; color: var(--wit);
}
.vraag button::before {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit;
  background: linear-gradient(90deg, rgba(143, 211, 240, .08), rgba(123, 74, 226, .04) 60%, rgba(123, 74, 226, 0));
  opacity: 0; transition: opacity var(--t3) var(--erin);
}
.vraag button:hover::before, .vraag.is-open button::before { opacity: 1; }
.vraag__t { display: inline-block; transition: transform var(--t5) var(--erin); }
.vraag button:hover .vraag__t { transform: translate3d(4px, 0, 0); }
.vraag button:focus-visible { outline-offset: -2px; }
/* plus wordt min: de staande streep draait plat */
.vraag__teken { position: absolute; right: 20px; top: 50%; width: 16px; height: 16px; margin-top: -8px; }
.vraag__teken::before, .vraag__teken::after { content: ""; position: absolute; left: 0; top: 7.25px; width: 16px; height: 1.5px; background: var(--blauw); transition: transform var(--t5) var(--erin); }
.vraag__teken::after { transform: rotate(90deg); }
.vraag.is-open .vraag__teken::after { transform: rotate(0deg); }
.vraag__antwoord { padding: 0 56px 24px 16px; color: var(--tekst-2); max-width: 40em; text-wrap: pretty; }
.vraag.is-open .vraag__antwoord { animation: vraag-open 320ms var(--erin) both; }
@keyframes vraag-open { from { opacity: 0; transform: translate3d(0, -6px, 0); } }
@keyframes vraag-open-stil { from { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .vraag__t, .vraag__teken::before, .vraag__teken::after { transition: none; }
  .vraag button:hover .vraag__t { transform: none; }
  .vraag.is-open .vraag__antwoord { animation-name: vraag-open-stil; }
}

/* ── Sfeer: per hoofdstuk een eigen laag lucht, ver weg en traag ──────── */
.lagen { position: relative; isolation: isolate; }
/* elke laag vervaagt boven en onder ruim binnen zijn eigen hoofdstuk: op een sectiegrens is nooit een rand */
.sfeer {
  position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; margin-left: -50vw;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 12%, #000 82%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 12%, #000 82%, transparent);
}
.sfeer > .sterren { opacity: .7; }

/* ── Sfeerbeelden (ronde 6): vaste beelden met eigen alfa, randen lossen zelf op in het navy.
   Ze staan stil of schuiven alleen mee via translate; geen filter, geen mix-blend-mode. ── */
.sfeerbeeld { position: absolute; z-index: -1; max-width: none; height: auto; pointer-events: none; user-select: none; }
.sfeerbeeld--gespiegeld { transform: scaleX(-1); }
.begin { isolation: isolate; }
/* hero: poollicht ver weg rechtsboven, achter de sterren */
.held__lucht { z-index: 1; } /* boven het aardebeeld: dat heeft een navy lucht zonder alfa */
/* het hele gordijn valt binnen het scherm (ook gedraaid): niets wordt door de rand afgesneden */
.held__lucht .sfeerbeeld--poollicht {
  z-index: 0; width: var(--pl-b, clamp(300px, 44vw, 680px)); right: var(--pl-r, max(16px, 50vw - 720px));
  bottom: calc(var(--h0) - var(--pl-b, clamp(300px, 44vw, 680px)) * var(--pl-voet, .2));
  transform: scaleX(-1) rotate(var(--pl-draai, 6deg)); transform-origin: 50% 80%; opacity: .8;
}
.held__lucht .sterren { z-index: 1; }
/* lagen: de melkweg loopt achter de kop door, in de kleuren van de lagen */
/* herstel ronde 9: de band ligt niet meer onder de route-uitleg van #overstap, maar vult de lege strook
   onder de inleiding, licht schuin in de richting van de maanfasen; de maan staat erop */
.lagen > .sfeerbeeld--melkweg { left: 50%; top: 190px; width: max(1500px, 110vw); margin-left: calc(max(1500px, 110vw) / -2); opacity: .9; transform: rotate(-5deg); }
/* herstel ronde 9: de nevel staat niet meer achter "Eerst de koers", maar als halo om de lens.
   Hij hoort bij de lens en schaalt met hem mee (twee keer de lensbreedte, op elke breedte om de lens heen);
   binnen de lensschijf is hij weggemaskeerd, zodat de labels niet op de nevel staan */
.lens { container-type: inline-size; }
.lens::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  left: 50%; top: 50%; width: 200cqw; aspect-ratio: 1600 / 1100; transform: translate(-44%, -54%);
  background: url("assets/sfeer/v2/nevel-paars.webp") center / 100% 100% no-repeat; opacity: .7;
  -webkit-mask-image: radial-gradient(circle at 44% 54%, transparent 41cqw, #000 50cqw);
  mask-image: radial-gradient(circle at 44% 54%, transparent 41cqw, #000 50cqw);
}
/* klantcases: dezelfde band gespiegeld, de andere kant op */
.cases > .sfeerbeeld--melkweg { left: 50%; top: -20px; width: max(1500px, 110vw); margin-left: calc(max(1500px, 110vw) / -2); opacity: .75; }
/* ronde 7: achter de gecentreerde kop en lead dooft de band uit, zodat de tekst op een rustig vlak staat; links en rechts blijft hij volop */
.cases > .sfeerbeeld--melkweg {
  -webkit-mask-image: radial-gradient(ellipse 30% 46% at 50% 44%, rgba(0, 0, 0, .18), rgba(0, 0, 0, .18) 45%, #000 100%);
  mask-image: radial-gradient(ellipse 30% 46% at 50% 44%, rgba(0, 0, 0, .18), rgba(0, 0, 0, .18) 45%, #000 100%);
}
/* herstel ronde 9: geen leeg navy meer onder de cases en onder Over ons.
   Ver weg Neptunus tussen de slotregel en de knop; linksonder de sikkel van Jupiter (beide NASA, zie assets/hemel/BRON.md) */
/* afwerkronde: schaduwkant links-onder (licht van rechtsboven, zoals op het podium) en een zwakke gloed aan de lichte kant */
.sfeerbeeld--neptunus { left: 66%; bottom: -14px; width: 64px; opacity: .86; filter: drop-shadow(3px -2px 10px rgba(94, 151, 255, .4)); }
.sfeerbeeld--sikkel { left: max(calc(-1 * var(--marge)), calc((100% - 100vw) / 2)); bottom: -190px; width: 362px; opacity: .95; }
/* vragen: hoge sluierwolken aan de randen, onder de laatste regel tekst */
/* twee wolkenlagen (F, ronde 6): ver en traag (data-diepte), dichtbij en vol; de tekst eindigt erboven */
.vragen { --wolk-b: max(1200px, 104vw); --wolk-h: calc(var(--wolk-b) * .25); padding-bottom: calc(var(--sectie) + var(--wolk-h) * .62 - 14px); }
.sfeerbeeld--wolken, .sfeerbeeld--wolken-ver { left: 50%; width: var(--wolk-b); margin-left: calc(var(--wolk-b) / -2); }
/* herstel ronde 9: het dek zakt 150 px het slot in; daar is het slot bovenin doorzichtig (zie .slot), dus de wolken lossen
   met hun eigen alfa op in de nachtlucht in plaats van op de sectiegrens afgesneden te worden */
.sfeerbeeld--wolken { bottom: -150px; opacity: 1; } /* ronde 7: het dek zakt tot in het slot, zodat er geen lege strook tussen wolken en slotkop ligt */
.sfeerbeeld--wolken-ver { bottom: calc(var(--wolk-h) * .42); opacity: .7; }
/* smal scherm (ronde 7): het vak is zo breed als het scherm; het beeld vult het en snijdt opzij bij */
@media (max-width: 640px) {
  .vragen { --wolk-h: 300px; }
  .sfeerbeeld--wolken, .sfeerbeeld--wolken-ver { left: 0; margin-left: 0; width: 100%; object-fit: cover; object-position: 50% 100%; }
  .sfeerbeeld--wolken { height: 300px; }
  .sfeerbeeld--wolken-ver { height: 194px; }
}
/* de gloed staat midden in het hoofdstuk en is ruim voor de onderrand uitgedoofd: geen naad met het slot */
.sfeer--vragen::after {
  content: ""; position: absolute; left: 50%; top: 22%; width: 140%; height: 58%; transform: translateX(-50%);
  background: radial-gradient(closest-side, rgba(64, 150, 220, .1), rgba(64, 150, 220, .04) 55%, rgba(64, 150, 220, 0));
}

/* ── Hoofdstuk 8: slot, zonsopkomst ───────────────────────────────────── */
.slot { position: relative; min-height: 100svh; overflow: hidden; isolation: isolate; display: flex; --b: max(100vw, 1200px); }
/* herstel ronde 9, de naad onder het wolkendek: het aardebeeld van het slot heeft een dichte navy lucht, die de wolken die het
   slot in zakken afsneed (rechte rand op de sectiegrens). Het beeld van het slot (lucht, zon, aarde; niet de tekst) is bovenin
   nu doorzichtig en wordt pas naar beneden dicht, zodat het wolkendek van de twijfels er zonder rand doorheen loopt en in de
   nachtlucht boven de zonsopkomst oplost. */
.slot__beeld {
  position: absolute; inset: 0; pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .35) 90px, #000 280px);
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .35) 90px, #000 280px);
}
.slot__lucht { position: absolute; inset: 0 0 45% 0; }
.slot__aarde {
  --x: -50%;
  position: absolute; left: 50%; width: var(--b); top: calc(100% - 30svh - var(--b) * .385);
  transform: translateX(var(--x));
}
.slot__aarde img { width: 100%; }
/* schemering in banden boven de horizon: hetzelfde vak als de aarde (rijen 240..700 van 1024), dus beweegt mee */
.slot__aarde .sfeerbeeld--schemering { z-index: 0; left: 0; top: 23.4375%; width: 100%; height: 44.92%; }
/* de zon: warm licht vlak boven de horizon, groeit mee terwijl het hoofdstuk binnenkomt */
.slot__gloed {
  position: absolute; z-index: 0; left: 50%; width: var(--b); top: calc(100% - 30svh - var(--b) * .385); height: calc(var(--b) * .6667);
  transform: translateX(-50%); transform-origin: 66.3% 57.8%; pointer-events: none;
}
.slot__gloed::before, .slot__gloed::after { content: ""; position: absolute; left: 66.3%; top: 57.8%; border-radius: 50%; transform: translate(-50%, -50%); }
.slot__gloed::before { width: 46%; height: 30%; background: radial-gradient(closest-side, rgba(255, 214, 110, .22), rgba(255, 214, 110, .06) 45%, rgba(255, 214, 110, 0)); }
.slot__gloed::after { width: 110%; height: 50%; background: radial-gradient(closest-side, rgba(64, 150, 220, .12), rgba(64, 150, 220, 0)); }
.slot::after {
  content: ""; position: absolute; inset: auto 0 0 0; height: 16svh; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, rgba(4, 10, 27, 0), var(--zij));
}
.slot__tekst {
  position: relative; z-index: 2; width: 100%;
  max-width: calc(var(--breed) + 2 * var(--marge)); margin: 0 auto;
  padding: max(12svh, 96px) var(--marge) calc(30svh + 64px);
  display: grid; gap: 24px; align-content: start; justify-items: start;
}
.slot__kop { font-size: clamp(44px, min(7vw, 12vh), 107px); line-height: .98; letter-spacing: -.04em; font-weight: 500; max-width: 12ch; text-wrap: balance; }
.slot__acties { margin-top: 8px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 32px; }
/* het plan in drie stappen: drie punten op één verticale lichtlijn, van lichtblauw naar paars, zoals de lagen */
.slot__plan { position: relative; display: grid; gap: 14px; max-width: 760px; padding: 4px 0 4px 28px; }
/* stap 1 en 2 liggen nog voor je (gearceerd), stap 3 is waar je uitkomt (licht met gloed) */
.slot__plan::before { content: ""; position: absolute; left: 1px; top: 12px; bottom: 12px; width: 7px; background: linear-gradient(180deg, rgba(171, 225, 246, .7), rgba(94, 151, 255, .6) 55%, rgba(123, 74, 226, .5)); -webkit-mask-image: var(--arcering); mask-image: var(--arcering); }
.slot__plan li { position: relative; color: var(--tekst-2); font-size: 16px; line-height: 1.45; text-wrap: pretty; }
.slot__plan li::before { content: ""; position: absolute; left: -28px; top: 7px; width: 9px; height: 9px; border-radius: 50%; background: var(--zij); box-shadow: inset 0 0 0 1px rgba(171, 225, 246, .8); }
.slot__plan li:nth-child(2)::before { box-shadow: inset 0 0 0 1px rgba(94, 151, 255, .85); }
.slot__plan li:nth-child(3)::before { background: var(--ijs); box-shadow: 0 0 0 4px rgba(143, 211, 240, .14), 0 0 14px 3px rgba(143, 211, 240, .5); }
.slot__keuze { color: var(--tekst-3); font-size: 15px; max-width: 34em; }
/* ronde 9, slotscène (ac-04): symmetrisch en filmisch. De zon komt precies in het midden op, de knop staat recht erboven
   en een dunne warme lichtbaan loopt van de zon naar de knop. Aarde en gloed schuiven zo dat de zon (66,3% van het beeld) op 50% staat. */
.slot { --b: max(160vw, 1800px); }
.slot__aarde, .slot__gloed { --x: -66.3%; }
.slot__gloed { transform: translateX(var(--x)); }
.slot__gloed::before { width: 52%; height: 34%; background: radial-gradient(closest-side, rgba(255, 214, 110, .3), rgba(255, 190, 90, .08) 45%, rgba(255, 214, 110, 0)); }
.slot__tekst { justify-items: center; text-align: center; align-content: end; }
.slot__kop { max-width: 14ch; }
.slot__tekst .lead { max-width: 34em; }
.slot__plan { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 56px; max-width: none; padding: 0; }
.slot__plan::before { display: none; }
.slot__plan li { padding-left: 21px; text-align: left; }
.slot__plan li::before { left: 0; }
.slot__plan li:not(:last-child)::after { content: ""; position: absolute; right: -44px; top: 11px; width: 32px; height: 1px;
  background: linear-gradient(90deg, rgba(171, 225, 246, .5), rgba(123, 74, 226, .45)); }
.slot__acties { position: relative; display: block; width: max-content; margin-top: 16px; }
.slot__acties .tekstlink { position: absolute; left: calc(100% + 32px); top: 50%; transform: translateY(-50%); white-space: nowrap; }
.slot__straal { position: absolute; z-index: 1; left: 50%; bottom: 30svh; width: 240px; height: 110px; margin-left: -120px; pointer-events: none; }
.slot__straal::before { content: ""; position: absolute; left: 50%; bottom: 0; width: 2px; height: 100%; margin-left: -1px;
  background: linear-gradient(0deg, rgba(255, 222, 140, .95), rgba(255, 214, 110, .45) 32%, rgba(171, 225, 246, 0) 62%);
  box-shadow: 0 0 14px 2px rgba(255, 200, 110, .22); border-radius: 2px; }
.slot__straal::after { content: ""; position: absolute; left: 50%; bottom: -1px; width: min(70vw, 900px); height: 2px; transform: translateX(-50%);
  background: linear-gradient(90deg, rgba(255, 214, 110, 0), rgba(255, 228, 160, .7) 50%, rgba(255, 214, 110, 0)); }
.js .slot__straal { opacity: 0; transform: scaleY(.4); transform-origin: 50% 100%; transition: opacity 600ms var(--erin), transform 700ms var(--erin); }
.js .slot.is-zon .slot__straal { opacity: 1; transform: none; }
@media (max-width: 700px) {
  .slot__plan { display: grid; justify-items: start; gap: 10px; }
  .slot__plan li:not(:last-child)::after { display: none; }
  .slot__acties { display: grid; justify-items: center; gap: 14px; }
  .slot__acties .tekstlink { position: static; transform: none; }
}
.route__kost { color: var(--tekst-2); max-width: 30em; text-wrap: pretty; margin-top: 4px; }

/* ── Voet ─────────────────────────────────────────────────────────────── */
.voet { position: relative; overflow: hidden; padding: 64px var(--marge) 0; }
.voet__binnen { max-width: var(--breed); margin: 0 auto; display: grid; gap: 64px; }
.voet__contact { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 24px 40px; }
.voet__contact dt { color: var(--tekst-3); font-size: 14px; font-weight: 600; margin-bottom: 4px; }
.voet__contact dd { font-size: 16px; line-height: 1.5; }
.voet__contact a { display: inline-flex; align-items: center; min-height: 48px; margin-top: -12px; margin-bottom: -12px; text-decoration: none; transition: color var(--t3) var(--erin); }
.voet__contact a:hover { color: var(--blauw); }
.voet__onder { display: flex; justify-content: space-between; align-items: center; gap: 16px; color: var(--tekst-3); font-size: 14px; padding-top: 24px; border-top: 1px solid var(--lijn); }
.voet__merk { display: inline-flex; align-items: center; gap: 10px; color: var(--wit); font-weight: 600; letter-spacing: .02em; }

/* ── Hemellichamen: fijn getekend, elk met een betekenis (ook los in assets/hemel/) ── */
.hemel { display: block; width: 100%; height: auto; overflow: visible; }
/* lagen: boven de schillen staat het hemellichaam van de laag die je leest; wisselt met een rustige overgang */
.podium__hemel {
  position: absolute; left: 50%; top: 14%; height: clamp(110px, 22svh, 200px); aspect-ratio: 3 / 2;
  transform: translateX(-50%); pointer-events: none;
}
.podium__hemel .hemel {
  position: absolute; inset: 0; height: 100%; opacity: 0; transform: translate3d(0, 10px, 0) scale(.96);
  transition: opacity var(--t6) var(--erin), transform var(--t6) var(--erin);
}
.podium[data-laag="0"] .hemel--maan, .podium[data-laag="1"] .hemel--zonnestelsel, .podium[data-laag="2"] .hemel--satelliet,
.podium[data-laag="3"] .hemel--sterrenbeeld, .podium[data-laag="4"] .hemel--ringplaneet { opacity: 1; transform: none; }
/* wat niet in beeld is, staat stil */
.podium:not([data-laag="1"]) .zs-p, .podium:not([data-laag="2"]) .sat { animation-play-state: paused; }
/* "Waar sta je nu?": een klein, stil zwart gat rechts van de kop */
.overstap__kopregel { position: relative; }
/* ronde 7: het zwarte gat hangt aan de hemel boven de wereld (waar tijd verdwijnt), niet als losse sticker naast de kop */
.overstap__gat { position: absolute; right: 0; top: calc(100% + 6px); width: clamp(140px, 12vw, 176px); pointer-events: none; }
/* Copilot Discovery: een meteoor die op de quick win valt: snel, kort, zichtbaar */
.lens__meteoor {
  position: absolute; left: calc(36% - 160px); top: 28%; width: 160px; height: 1.5px; margin-top: -.75px; overflow: hidden;
  transform-origin: 100% 50%; transform: translateZ(58px) rotate(34deg); pointer-events: none;
}
.lens__meteoor::before {
  content: ""; position: absolute; inset: 0; border-radius: 1px;
  background: linear-gradient(90deg, rgba(171, 225, 246, 0), rgba(171, 225, 246, .45) 60%, #fff);
  opacity: 0; transform: translateX(-100%);
}
.lens__meteoor.is-val::before { animation: meteoor 1000ms cubic-bezier(.4, .1, .2, 1) both; }
@keyframes meteoor { 0% { opacity: 0; transform: translateX(-100%); } 15% { opacity: 1; } 60% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(0); } }
/* klantcase: bij aanwijzen licht het vak zacht op, naast de lijn bovenaan */
.case::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: -2;
  background: linear-gradient(180deg, rgba(143, 211, 240, .07), rgba(143, 211, 240, .02) 45%, rgba(143, 211, 240, 0) 80%);
  opacity: 0; transition: opacity var(--t5) var(--erin);
}
.case:hover::before, .case:focus-within::before { opacity: 1; }

/* ── Onthullen (ronde 9, bw-binnen-regels en -tempo "snel"): regel voor regel 14 px omhoog en infaden,
   420 ms, 55 ms na de vorige. Overal dezelfde beweging; geen schaal, niets van onscherp naar scherp. ── */
.js [data-reveal] { opacity: 0; transform: translate3d(0, 14px, 0); transition: opacity 420ms var(--erin), transform 420ms var(--erin); transition-delay: calc(var(--n, 0) * 55ms); }
.js [data-reveal].is-in { opacity: 1; transform: none; }

/* ── Breedtes ─────────────────────────────────────────────────────────── */
@media (max-width: 1100px) {
  :root { --marge: 40px; --sectie: 96px; }
  .podium { --straal: 420px; }
  .begin__binnen { gap: 64px; }
}
@media (max-width: 900px) {
  .kop__menu { display: inline-flex; }
  .kop__menu { margin-right: 12px; border-radius: var(--r); }
  /* het menu: een glazen paneel van dezelfde soort onder de pil, even breed, met dezelfde rand */
  .kop__nav {
    position: absolute; left: 0; right: 0; top: calc(100% + 8px);
    flex-direction: column; gap: 0; max-height: calc(100svh - var(--kop-h) - 16px); overflow-y: auto;
    padding: 12px var(--kop-in) 16px; border-radius: 24px;
    background: rgba(6, 13, 32, .9);
    -webkit-backdrop-filter: blur(18px) saturate(1.45); backdrop-filter: blur(18px) saturate(1.45);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 0 0 1px rgba(143, 211, 240, .2), 0 24px 48px -16px rgba(0, 0, 0, .75);
    opacity: 0; visibility: hidden; transform: translate3d(0, -8px, 0);
    transition: opacity var(--t5) var(--erin), transform var(--t5) var(--erin), visibility 0s linear var(--t5);
  }
  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .kop__nav { background: #0a1530; } }
  .kop.is-open .kop__binnen::before { background-color: rgba(6, 13, 32, .66); }
  .kop.is-open .kop__nav { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
  .kop__nav a { min-height: 56px; font-size: 22px; }
  .kop__nav a + a { box-shadow: inset 0 1px 0 var(--lijn-zacht); }
  .held { --h0: 22svh; }
  /* de vijf oplossingen blijven op tablet, in één of twee regels onderin */
  .held__aanbod { flex-wrap: wrap; justify-content: flex-start; gap: 0 24px; bottom: 8px; }
  .held__aanbod a { min-height: 44px; font-size: 13px; }
  .podium__hemel { left: auto; right: 0; top: calc(var(--kop-h, 72px) + 6px); height: 60px; transform: none; }
  .overstap__gat { display: none; }
  .lagen__intro { grid-template-columns: 1fr; }
  .lagen__verhaal { grid-template-columns: 1fr; gap: 0; }
  .lagen__podium { position: sticky; top: 0; z-index: 1; height: 44svh; background: var(--zij); }
  .podium { position: relative; height: 44svh; -webkit-mask-image: linear-gradient(#000 80%, transparent); mask-image: linear-gradient(#000 80%, transparent); --straal: 360px; --tussen: clamp(22px, 4.2svh, 34px); --grond: 84%; }
  .schil span { font-size: 13px; }
  .lagen__stappen { padding: 32px 0 28svh; gap: 72px; }
  .stap { padding-left: 24px; scroll-margin-top: 46svh; }
  .begin__binnen { grid-template-columns: 1fr; }
  .lensblok { width: min(100%, 440px); justify-self: center; }
  .route__uitleg { grid-template-columns: 1fr; }
  .vragen__binnen { grid-template-columns: 1fr; }
  .vragen__binnen > .kop2 { max-width: 14ch; }
  .cases__paneel { grid-template-columns: 1fr 1fr; }
  .case--aevo { grid-template-columns: 1fr; padding: 40px 32px 28px; }
  .missie__onder { grid-template-columns: 1fr; gap: 48px; }
  /* in één kolom vult het noorderlicht de onderkant al; de sikkel zou achter de cijfers vallen */
  .sfeerbeeld--sikkel { display: none; }
  .plek { padding: 32px 0 0; border-left: 0; border-top: 1px solid var(--lijn); }
  .voet__contact { flex-direction: column; justify-content: flex-start; gap: 24px; }
}
@media (max-width: 767px) {
  .route { margin-top: 48px; }
  .route__lijn { flex-direction: column; gap: 0; border-top: 0; border-left: 1px solid var(--lijn); }
  .route__punt { width: 100%; padding: 12px 0 12px 24px; }
  .route__punt::before { left: -5px; top: calc(50% - 4.5px); }
  .route__licht { left: 0; right: auto; top: 0; bottom: auto; width: 1px; height: var(--lijn-h, 100%); background: linear-gradient(180deg, rgba(143, 211, 240, .25), var(--licht)); transform-origin: top; transform: scaleY(var(--p)); }
  .route__uitleg { margin-top: 32px; }
  .cases__paneel { grid-template-columns: 1fr; }
  .case, .case--aevo { padding: 32px 24px 28px; }
  .case--aevo { padding-bottom: 18px; }
  /* de kop in twee hele regels, zonder lijn erachter die zou worden afgesneden */
  .missie__kop .regel { display: block; }
  .missie__kop .regel::after { display: none; }
}
@media (max-width: 560px) {
  :root { --marge: 24px; --sectie: 72px; --kop-h: 64px; --kop-in: 16px; }
  body { font-size: 16px; }
  /* ronde 7: de vijf staan ook op een telefoon onder de horizon, in drie korte regels; de aarde komt daarvoor iets hoger */
  .held__aanbod { flex-wrap: wrap; justify-content: flex-start; gap: 0 18px; bottom: 4px; }
  .held__aanbod a { min-height: 34px; font-size: 12.5px; }
  .kop { padding-top: 10px; padding-bottom: 10px; }
  .kop__merk span { font-size: 15px; }
  .kop__merk img.logo { height: 32px; }
  .kop__binnen { padding-top: 8px; padding-bottom: 8px; padding-right: 10px; --kop-gap: 8px; }
  .kop__menu { margin-right: 4px; min-height: 40px; }
  .kop__knop { padding: 0 12px; font-size: 14px; }
  .held__acties .knop { flex: 1 1 100%; }
  .held { --h0: 18svh; }
  .podium { --straal: 300px; }
  /* ronde 7: het vaste lagenbeeld neemt op een telefoon hooguit een derde van het scherm; de tekst verdwijnt er zacht onder */
  .lagen__podium, .podium { height: 31svh; }
  .podium { --straal: 250px; --tussen: clamp(16px, 2.9svh, 24px); --grond: 90%; }
  /* afwerkronde: de zachte rand onder het podium is 16 px in plaats van 48 px; een kop die eronder schuift, blijft tot vlak bij het podium helder */
  .lagen__podium::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 16px; background: linear-gradient(var(--zij), rgba(4, 10, 27, 0)); pointer-events: none; }
  /* fixronde: onderaan 32 px in plaats van 20svh; de AI-stap staat dan al onder het vaste podium als dat loslaat */
  .lagen__stappen { padding-top: 64px; padding-bottom: 32px; }
  /* afwerkronde: wie via een link op een stap landt, ziet de kop onder het podium en de vervaging, niet erin */
  .stap { scroll-margin-top: calc(31svh + 64px); }
  .plek { grid-template-columns: 1fr; gap: 24px; }
  .voorwerp--baan { gap: 20px; }
  .baan__ring { width: 92px; height: 92px; }
  .case__getal strong { font-size: 96px; }
  .missie__kop { font-size: 40px; }
  .voet__onder { flex-direction: column; align-items: flex-start; }
}
/* Liggend telefoon: weinig hoogte */
@media (max-height: 520px) and (orientation: landscape) {
  .held__tekst { padding-top: 100px; padding-bottom: calc(var(--h0) + 8px); }
  .held__kop { font-size: clamp(36px, 11vh, 56px); }
  .held__lead { margin-top: 12px; max-width: 40em; }
  .held__acties { margin-top: 20px; }
  .held__acties .knop { flex: 0 0 auto; }
  .held__lucht { display: none; }
  /* ronde 7: de vijf in één regel onder de horizon */
  .held { --h0: 15svh; }
  .held__aanbod { display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 12px; bottom: 2px; }
  .held__aanbod a { min-height: 36px; font-size: 12.5px; }
  .podium__hemel { left: 50%; right: auto; top: 64px; height: 96px; transform: translateX(-50%); }
  .lagen__verhaal { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; }
  .lagen__podium { position: relative; height: auto; background: none; }
  .podium { position: sticky; top: 0; height: 100svh; --straal: 300px; --tussen: 27px; --grond: 82%; }
  .schil span { font-size: 12px; }
  .lagen__stappen { padding: 72px 0 40svh; gap: 64px; }
  .stap { scroll-margin-top: 72px; }
  .stap .stap__tools { display: none; }
  .stap h3 { font-size: 24px; }
  .stap p { font-size: 15px; line-height: 1.45; }
  .begin__binnen { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .lensblok { grid-row: auto; width: 100%; }
  .slot__kop { font-size: clamp(36px, 12vh, 56px); }
  .slot__aarde, .slot__gloed { top: calc(100% - 96px - var(--b) * .385); }
  .slot__tekst { padding: 72px var(--marge) 140px; }
  .slot__straal { bottom: 96px; height: 120px; }
}

/* herstel ronde 9, hapering kopknop: lagen die script.js per frame verschuift krijgen een eigen compositorlaag,
   anders tekent de GPU ze elk frame opnieuw (trace: raster 577 ms tijdens snel scrollen) */
.js [data-diepte], .js .held__aarde, .js .held__baan, .js .held__gloed, .js .held__ver, .js .held__lucht,
.js .slot__aarde, .js .slot__gloed { will-change: translate; }

/* ── Minder beweging: alles staat stil, alleen opacity ────────────────── */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .js [data-diepte], .js .held__aarde, .js .held__baan, .js .held__gloed, .js .held__ver, .js .held__lucht,
  .js .slot__aarde, .js .slot__gloed { will-change: auto; }
  .js [data-reveal], .js .hoofdstuk [data-reveal]:not(.is-in) { transform: none; transition: opacity 200ms linear; transition-delay: 0ms; }
  .knop:active, .knop--geel:hover { transform: none; }
  .schil__baan, .plek__baken i { animation: none; }
  .lens__meteoor { display: none; }
  .podium__hemel .hemel { transition: opacity 200ms linear; transform: none; }
  /* voorwerpen staan stil in hun eindstand */
  .stap.is-actief .scan__lijn, .scan__lijn { animation: none; opacity: 1; transform: translateX(180px); }
  .stap.is-actief .stroom__lijn b, .stroom__lijn b { animation: none; opacity: 1; left: calc(50% - 3px); }
  .stap.is-actief .model__nu, .instrument__live i, .stap.is-actief .baan__draai { animation: none; }
  .case--aevo .klok *, .case--aevo .meting__rij { animation: none !important; }
  .js .case--aevo:not(.is-in) .klok__eerst, .js .case--aevo:not(.is-in) .klok__nu, .js .case--aevo:not(.is-in) .meting__rij, .js .case--aevo:not(.is-in) .klok__wijzer--nu { opacity: 1; }
  .js .case--aevo:not(.is-in) .klok__wijzer--eerst { transform: rotate(180deg); }
  .js .case--aevo:not(.is-in) .klok__wijzer--nu { transform: rotate(24deg); }
  .contract__paraaf { opacity: 1; transition: none; }
  .scan__veld::after { opacity: 1; }
  .plek__baken i { opacity: .5; transform: scale(calc(.5 + var(--s, 0))); }
  .plek__baken i:nth-child(2) { --s: .4; opacity: .3; }
  .plek__baken i:nth-child(3) { --s: .8; opacity: .15; }
  .missie__kop .regel::after, .case::after, .stap::after, .kop__nav a::after, .held__aanbod a::before { transition-duration: 0ms; }
  .js .held__aarde img, .js .held__gloed, .js .held__lucht, .js .held__ver, .js .held__baan svg, .js .satelliet { animation: none; }
  .route__uitleg.is-wissel .route__kolom, .lens__uitleg.is-wissel { animation: none; }
  .route__licht, .lens__richt i, .route__punt::before, .lens__knop::before { transition-duration: 0ms; }
  .kop__nav, .kop.is-open .kop__nav { transform: none; transition: none; }
  .route__punt:active::before, .lens__knop:active::before, .lens__knop:hover::before { transform: none; }
  /* lijnen onder links: verschijnen, maar groeien niet */
  .held__aanbod a::before, .kop__nav a::after { transform: none; opacity: 0; transition: none; }
  .held__aanbod a:hover::before, .held__aanbod a:focus-visible::before,
  .kop__nav a:hover::after, .kop__nav a[aria-current]::after { opacity: 1; }
  .koers a::before, .koers a:hover::before, .koers a[aria-current]::before { transform: none; transition: none; }
  .koers a span, .koers a:hover span, .koers a:focus-visible span { transform: translate3d(0, -50%, 0); transition: none; }
}