.pa-hero { padding:72px 0 40px; }
  .pa-hero h1 { font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", Arial, sans-serif; font-weight:600; font-size:clamp(36px, 5vw, 60px); line-height:1.05; letter-spacing:-.015em; margin:0 0 18px; max-width:880px; }
  .pa-hero h1 em { font-style:normal; color:var(--gold); }
  .pa-hero .sub { font-size:20px; color:#3b3b3b; max-width:640px; margin:0; }
  .live { padding:8px 0 80px; }
  .live-frame { position:relative; border:1px solid var(--line); border-radius:18px; overflow:hidden; background:#101010; }
  /* scrollen gaat langs de kaart; pas na een klik zoomt en schuift de kaart zelf (feedback 1 oktober 2026: "springt hij over naar de zoom in/out") */
  .live-shield { position:absolute; inset:0; z-index:2; display:flex; align-items:flex-end; justify-content:center; padding-bottom:22px; border:0; background:transparent; cursor:pointer; font:inherit; }
  .live-shield span { font-size:14.5px; font-weight:600; color:#f4f1ea; background:rgba(16,16,16,.78); border-radius:999px; padding:9px 16px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.14); opacity:0; transform:translateY(6px); transition:opacity .25s ease, transform .25s ease; }
  .live-shield:hover span, .live-shield:focus-visible span { opacity:1; transform:none; }
  @media (hover:none) { .live-shield span { opacity:1; transform:none; } }
  .live-frame.on .live-shield { display:none; }
  .live-frame iframe { display:block; width:100%; height:min(80vh, 820px); border:0; }
  .live-cap { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:12px; font-size:15px; color:var(--muted); }
  .live-cap a { color:var(--ink); }
  .fallback { padding:40px; color:#ddd; text-align:center; }
  .get { padding:84px 0; border-top:1px solid var(--line); }
  .rows .r { display:grid; grid-template-columns:5fr 7fr; gap:40px; padding:22px 0; border-top:1px solid var(--line); align-items:baseline; }
  .rows .r:last-child { border-bottom:1px solid var(--line); }
  .rows h3 { font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", Arial, sans-serif; font-weight:600; font-size:24px; margin:0; }
  .rows p { margin:0; font-size:18px; color:#3a3a3a; }
  @media (max-width:760px) { .rows .r { grid-template-columns:1fr; gap:6px; } }
  .how { padding:84px 0; border-top:1px solid var(--line); }
  .timeline { position:relative; margin-top:34px; padding-left:34px; max-width:760px; }
  .timeline:before { content:""; position:absolute; left:8px; top:6px; bottom:6px; width:1.5px; background:var(--line); }
  .timeline .s { position:relative; padding-bottom:30px; }
  .timeline .s:before { content:""; position:absolute; left:-31px; top:7px; width:12px; height:12px; border-radius:50%; background:#fff; border:2px solid var(--gold); }
  .timeline h3 { font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", Arial, sans-serif; font-weight:600; font-size:24px; margin:0 0 4px; }
  .timeline p { margin:0; font-size:18px; color:#3a3a3a; }
  .pics { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:34px; }
  .pics figure { margin:0; } .pics .zf { border:1px solid rgba(201,168,76,.18); border-radius:12px; overflow:hidden; background:#0b0b0b; } .pics img { width:100%; display:block; }
  .pics figcaption { font-size:14px; color:var(--muted); margin-top:8px; }
  @media (max-width:760px) { .pics { grid-template-columns:1fr; } }
  .cta-band { background:var(--ink); color:#fff; padding:80px 0; }
  .cta-band h2 { color:#fff; margin-bottom:22px; }
  .cta-band .btn { background:var(--gold-2); color:#111; }