/* Nexora website — onderdelen uit de investor teaser (OneDrive: NEXORA MT / Nexora investor teaser, 11-09-2026).
 *
 * Overgenomen uit styles.css + identity.css van de teaser, met het voorvoegsel ts-:
 * de teaser gebruikt dezelfde klassenamen als de website-template (.orbit,
 * .nora-core, .final-cta, .hero) en die mogen elkaar niet raken. Lettertype is
 * dat van de site (Inter); de teaser zelf viel via identity.css terug op Arial.
 * Beelden (vingerafdrukring, Nora-bol) komen uit de mediabibliotheek, via
 * style="--ts-kern:url(...)" en background-image op .ts-ring.
 */
:root{--ts-blauw:#5576ff;--ts-diep:#071125;--ts-inkt:#17243d;--ts-zacht:#75839a;--ts-lijn:#dfe6ef;--ts-ijs:#90e7ee;--ts-kernblauw:#062678}

/* ---------------------------------------------------------------- Nora-systeem */
.ts-visual{position:relative;height:590px;display:grid;place-items:center}
.ts-systeem{position:relative;width:520px;height:520px;max-width:100%;display:grid;place-items:center;isolation:isolate}
.ts-systeem::after{content:"";position:absolute;z-index:-1;inset:3%;border-radius:50%;background:radial-gradient(circle,#dfeaff 0,#f7faff 58%,transparent 73%)}
.ts-ring{position:absolute;inset:-28px;border-radius:50%;background-position:70% center;background-size:cover;background-repeat:no-repeat;filter:saturate(1.03) brightness(1.07);-webkit-mask-image:radial-gradient(circle,#000 0 63%,transparent 78%);mask-image:radial-gradient(circle,#000 0 63%,transparent 78%)}
.ts-baan{position:absolute;border:1px solid #1457d93d;border-radius:50%;animation:ts-draai 34s linear infinite}
.ts-baan-a{width:315px;height:315px}
.ts-baan-b{width:470px;height:470px;animation-direction:reverse;animation-duration:48s}
.ts-baan span{position:absolute;background:#ffffffdb;color:#23416f;border:1px solid #b8caf0;box-shadow:0 8px 24px #274e9018;backdrop-filter:blur(9px);border-radius:100px;padding:8px 12px;font-size:9px;font-weight:800;white-space:nowrap}
.ts-baan-a span:first-child{left:1%;top:28%}.ts-baan-a span:nth-child(2){right:-3%;bottom:24%}
.ts-baan-b span:first-child{right:5%;top:12%}.ts-baan-b span:nth-child(2){left:-2%;bottom:28%}.ts-baan-b span:nth-child(3){right:9%;bottom:4%}
.ts-halo{position:absolute;width:242px;height:242px;border-radius:50%;background:conic-gradient(from 90deg,transparent 0 18%,#52caff80 22%,transparent 27% 58%,#376cff70 63%,transparent 68%);filter:blur(2px);animation:ts-draai 5.5s linear infinite;opacity:.9}
.ts-kern{position:relative;z-index:3;width:190px;height:190px;border-radius:50%;border:1px solid #a8d8ff;background:var(--ts-kernblauw);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;cursor:pointer;padding:0;font:inherit;box-shadow:0 0 34px #075cff8c,0 0 0 13px #1765ef12,0 0 0 28px #1765ef08;transition:transform .25s ease}
.ts-kern:hover{transform:scale(1.02)}
.ts-kern::before{content:"";position:absolute;inset:-23px;background:var(--ts-kern) center/contain no-repeat;filter:drop-shadow(0 0 13px #1271ff);animation:ts-adem 4.6s ease-in-out infinite;pointer-events:none}
.ts-kern i{position:absolute;top:26px;width:5px;height:5px;border-radius:50%;background:#7fffe0;box-shadow:0 0 9px #7fffe0;animation:ts-signaal 1.8s ease-in-out infinite}
.ts-kern span,.ts-kern b,.ts-kern small{position:relative;z-index:2}
.ts-kern span{font-size:7px;letter-spacing:.16em;color:#d8f5ff;margin-top:18px}
.ts-kern b{font-size:38px;letter-spacing:.03em;margin-top:14px;text-shadow:0 2px 12px #001a61}
.ts-kern small{font-size:8px;letter-spacing:.12em;color:#d6e8ff;margin-top:7px}
.ts-kaart{position:absolute;z-index:4;right:0;bottom:34px;background:#ffffffed;backdrop-filter:blur(12px);border:1px solid #cbd9f0;padding:13px 18px;border-radius:13px;box-shadow:0 16px 40px #0619431c;display:flex;gap:12px;align-items:center;text-align:left}
.ts-kaart small{display:block;color:#7e8aa1;font-size:11px}
.ts-kaart strong{font-size:12px;font-weight:700;color:#031b4e}
.ts-puls{width:10px;height:10px;flex:0 0 10px;background:#1ecf8b;border-radius:50%;box-shadow:0 0 0 6px #1ecf8b20}
/* In de hero van de template: iets kleiner zodat hij in de rechterkolom past */
.page-hero .ts-visual{height:540px}
/* Eén kader voor elke opening met het Nora-systeem (startpagina, productpagina's, Over ons,
   Investeerders): zelfde bovenmarge, een vaste rechterkolom van 560px en het beeld bovenaan
   die kolom. Vroeger stond het per soort opening anders en zakte het mee met de lengte van de
   tekst ernaast; nu staat het op elke pagina op dezelfde plek (verzoek Rogier, 11-09-2026). */
.hero.met-systeem,.page-hero.met-systeem{padding:60px 0}
.ts-hero.met-systeem{padding-top:60px;min-height:0}
.met-systeem .hero-grid,.met-systeem .page-grid,.ts-hero.met-systeem{grid-template-columns:minmax(0,1fr) 560px;gap:48px;align-items:center;min-height:590px}
.met-systeem .ts-visual{height:590px;align-self:start}

/* ---------------------------------------------------------------- iconen bij kenmerken */
.ts-icoon{width:46px;height:46px;border-radius:13px;background:var(--ts-ijs);color:var(--ts-blauw);display:grid;place-items:center;font-size:22px;line-height:1;margin-bottom:22px}
.feature.met-icoon small{margin-bottom:12px}

/* ---------------------------------------------------------------- mini-Nora */
.ts-mini{position:relative;width:120px;height:120px;border-radius:50%;background:var(--ts-kernblauw);box-shadow:0 0 34px #075cff8c;display:grid;place-items:center;flex:0 0 auto}
.ts-mini::before{content:"";position:absolute;inset:-14px;background:var(--ts-kern) center/contain no-repeat;filter:drop-shadow(0 0 9px #1271ff);pointer-events:none}
.ts-mini b{position:relative;color:#fff;font-size:18px;letter-spacing:.03em}
.final-cta .cta-orb .ts-mini.in-balk{width:44px;height:44px;box-shadow:0 0 18px #075cff66}
.final-cta .cta-orb .ts-mini.in-balk::before{inset:-7px;filter:drop-shadow(0 0 5px #1271ff)}
.final-cta .cta-orb .ts-mini.in-balk b{font-size:8px;letter-spacing:.08em}

/* ---------------------------------------------------------------- teaserpagina */
.ts-hero{position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;min-height:760px;padding:60px max(21px,calc((100% - 1220px)/2)) 70px;background:linear-gradient(118deg,#fff 0%,#f7faff 55%,#edf4ff 100%);overflow:hidden}
.ts-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(#0b2f7506 1px,transparent 1px),linear-gradient(90deg,#0b2f7506 1px,transparent 1px);background-size:70px 70px;pointer-events:none}
.ts-hero-tekst{position:relative;z-index:2}
.ts-eyebrow,.ts-nr{font-size:12px;font-weight:800;letter-spacing:.16em;color:#1457d9;text-transform:uppercase}
.ts-eyebrow{display:flex;align-items:center;gap:10px}
.ts-eyebrow span{width:27px;height:2px;background:var(--ts-blauw)}
.ts-hero h1{font-size:clamp(46px,5vw,73px);line-height:1.02;letter-spacing:-.055em;font-weight:900;margin:25px 0 28px;max-width:760px;color:var(--ts-diep)}
.ts-hero h1 .blue,.ts-hero h1 em{font-style:normal;color:var(--ts-blauw)}
.ts-hero-tekst>p{font-size:19px;line-height:1.7;color:#61708f;max-width:650px;margin:0}
.ts-acties{display:flex;gap:14px;margin:35px 0;flex-wrap:wrap}
.ts-knop{border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:16px 22px;border-radius:100px;font-weight:900;font-size:15px;transition:.25s ease;font-family:inherit}
.ts-knop.primair{background:var(--ts-blauw);color:#fff;box-shadow:0 14px 35px #0757ff35}
.ts-knop.primair:hover{transform:translateY(-2px);background:#4466f0}
.ts-knop.spook{border:1px solid var(--ts-lijn);color:var(--ts-inkt);background:#fff}
.ts-knop.spook:hover{border-color:var(--ts-blauw);color:var(--ts-blauw)}
/* blauw op wit: #4462ee haalt contrast 4,97 (het merkblauw #5576ff maar 3,87) */
.ts-knop.wit{background:#fff;color:#4462ee}
.ts-bewijs{display:flex;align-items:center;gap:17px;color:#6c7993;font-size:13px;flex-wrap:wrap}
.ts-bewijs b,.ts-bewijs strong{color:#031b4e}
.ts-bewijs i{width:3px;height:3px;background:#aeb9ca;border-radius:50%}

.ts-stelling{max-width:940px;margin:auto;text-align:center;padding:110px 28px 70px}
.ts-stelling h2,.ts-fit h2{font-size:clamp(36px,4vw,58px);line-height:1.08;letter-spacing:-.04em;margin:18px 0 25px;color:var(--ts-diep)}
.ts-stelling h2 .blue,.ts-stelling h2 span{color:var(--ts-blauw)}
.ts-stelling p{font-size:19px;line-height:1.7;color:#61708f;max-width:760px;margin:auto}

.ts-pijlers{max-width:1184px;margin:0 auto 120px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ts-lijn);border-radius:18px;overflow:hidden;background:#fff}
.ts-pijlers article{padding:34px 34px 40px;position:relative}
.ts-pijlers article+article{border-left:1px solid var(--ts-lijn)}
.ts-pijler-nr{position:absolute;right:24px;top:20px;color:#a9b7cc;font-size:12px}
.ts-pijlers .ts-icoon{margin-bottom:30px}
.ts-pijlers h3{font-size:20px;margin:0 0 12px;color:var(--ts-diep)}
.ts-pijlers p{color:#61708f;line-height:1.65;margin:0}

.ts-donker{background:var(--ts-diep);color:#fff;padding:100px max(28px,calc((100% - 1184px)/2));display:grid;grid-template-columns:.92fr 1.08fr;gap:90px;align-items:center}
.ts-nr.licht{color:#78a6ff}
.ts-donker h2{font-size:clamp(37px,4vw,58px);line-height:1.08;letter-spacing:-.04em;margin:18px 0 25px;color:#fff}
.ts-donker h2 .blue,.ts-donker h2 span{color:#73a3ff}
.ts-donker p{color:#b6c3dc;font-size:18px;line-height:1.7}
.ts-tekstlink{border:0;background:none;color:#fff;padding:12px 0;border-bottom:1px solid #5d7298;font-weight:600;cursor:pointer;margin-top:14px;font-family:inherit;font-size:15px}
.ts-tekstlink:hover{color:#7faaff;border-color:#7faaff}
.ts-tabel{border-top:1px solid #385078}
.ts-tabel-kop,.ts-tabel-rij{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #263f69;padding:17px 2px;gap:16px}
.ts-tabel-kop{font-size:11px;letter-spacing:.12em;color:#7fa1d3}
.ts-tabel-rij span{font-size:16px}
.ts-tabel-rij i{font-style:normal;color:#6883ae;margin-right:16px;font-size:12px}
.ts-tabel-rij b{font-size:12px;color:#78a6ff;text-transform:uppercase;letter-spacing:.1em}

.ts-fit{max-width:1184px;margin:0 auto;padding:110px 28px;display:grid;grid-template-columns:1fr 1fr;gap:90px}
.ts-fit h2{font-size:45px}
.ts-fit-lijst p{display:flex;gap:24px;margin:0;padding:20px 0;border-bottom:1px solid var(--ts-lijn);font-weight:600;color:var(--ts-inkt)}
.ts-fit-lijst p span{color:var(--ts-blauw);font-size:12px}

.ts-slot{max-width:1184px;margin:0 auto 80px;background:var(--ts-diep);border-radius:20px;color:#fff;padding:58px;display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:35px}
.ts-slot h2{font-size:38px;margin:9px 0;color:#fff;letter-spacing:-.03em}
.ts-slot p{color:#dbe7ff;margin:0;max-width:620px}

/* De band met tabel en het slotblok in het licht (Rogier 12-09-2026: "doe hier ook wit" op /investeerders).
   Tekstkleuren op wit met genoeg contrast: #1457d9 (6,2), #61708f (5,0), #5f7088 (5,1), wit op #4462ee (5,0). */
.ts-donker.licht{background:#fff;color:var(--ts-inkt);border-top:1px solid var(--ts-lijn);border-bottom:1px solid var(--ts-lijn)}
.ts-donker.licht h2{color:var(--ts-diep)}
.ts-donker.licht h2 .blue,.ts-donker.licht h2 span{color:#4462ee}
.ts-donker.licht p{color:#61708f}
.ts-donker.licht .ts-nr.licht,.ts-slot.licht .ts-nr.licht{color:#1457d9}
.ts-donker.licht .ts-tekstlink{color:var(--ts-inkt);border-bottom-color:var(--ts-lijn)}
.ts-donker.licht .ts-tekstlink:hover{color:#1457d9;border-color:#1457d9}
.ts-donker.licht .ts-tabel{border-top-color:#cfd9e8}
.ts-donker.licht .ts-tabel-kop,.ts-donker.licht .ts-tabel-rij{border-bottom-color:var(--ts-lijn)}
.ts-donker.licht .ts-tabel-kop{color:#61708f}
.ts-donker.licht .ts-tabel-kop b,.ts-donker.licht .ts-tabel-rij b{color:#1457d9}
.ts-donker.licht .ts-tabel-rij span{color:var(--ts-inkt)}
.ts-donker.licht .ts-tabel-rij i{color:#5f7088}
.ts-slot.licht{background:#fff;color:var(--ts-inkt);border:1px solid var(--ts-lijn);box-shadow:0 18px 44px #0619431a}
.ts-slot.licht h2{color:var(--ts-diep)}
.ts-slot.licht p{color:#61708f}
.ts-slot.licht .ts-knop.wit{background:#4462ee;color:#fff}
.ts-slot.licht .ts-knop.wit:hover{background:#3552e6}

/* ---------------------------------------------------------------- investeerdersformulier */
/* hidden moet winnen van de display-regels hieronder (de template kent geen [hidden]-regel). */
.ts-modal-achter[hidden],.ts-modal-inhoud[hidden],.ts-succes[hidden]{display:none !important}
.ts-modal-achter{position:fixed;inset:0;z-index:150;background:#03102bd6;backdrop-filter:blur(9px);display:grid;place-items:center;padding:24px;animation:ts-vervaag .25s}
.ts-modal{width:min(1040px,100%);max-height:94vh;background:#fff;border-radius:26px;overflow:auto;display:grid;grid-template-columns:40% 60%;position:relative;box-shadow:0 35px 100px #0008;text-align:left}
.ts-sluit{position:absolute;z-index:5;right:18px;top:16px;width:38px;height:38px;border:0;background:#f0f4fa;color:#52617d;border-radius:50%;font-size:25px;cursor:pointer;line-height:1}
.ts-modal-beeld{position:relative;overflow:hidden;min-height:680px;background:linear-gradient(118deg,#fff,#edf4ff);display:grid;place-items:center}
.ts-modal-beeld .ts-systeem{width:370px;height:370px}
.ts-modal-beeld .ts-ring{inset:-20px}
.ts-modal-beeld .ts-kern{width:160px;height:160px}
.ts-modal-beeld .ts-kern b{font-size:31px}
.ts-label{position:absolute;z-index:3;bottom:28px;left:28px;font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--ts-blauw);display:flex;gap:8px;align-items:center}
.ts-label span{width:8px;height:8px;border-radius:50%;background:#23d69c}
.ts-modal-inhoud,.ts-succes{padding:55px 52px 44px}
.ts-modal-inhoud h2,.ts-succes h2{font-size:34px;line-height:1.12;letter-spacing:-.035em;margin:13px 35px 15px 0;color:var(--ts-diep)}
.ts-modal-inhoud>p,.ts-succes p{color:#61708f;line-height:1.55;margin:0 0 24px}
.ts-rij{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.ts-modal label{display:block;font-size:12px;font-weight:700;color:#52617a;margin-bottom:12px}
.ts-modal input:not([type=checkbox]),.ts-modal select,.ts-modal textarea{width:100%;margin-top:7px;border:1px solid var(--ts-lijn);border-radius:10px;padding:12px 13px;color:var(--ts-inkt);background:#f7f9fc;outline:none;font:inherit;font-size:14px}
.ts-modal input:focus,.ts-modal select:focus,.ts-modal textarea:focus{border-color:var(--ts-blauw);box-shadow:0 0 0 3px #0757ff15}
.ts-modal textarea{resize:vertical}
.ts-modal .ts-toestemming{display:flex;gap:10px;align-items:flex-start;font-weight:400;line-height:1.45}
.ts-toestemming input{width:16px;height:16px;margin:2px 0 0;flex:0 0 16px}
.ts-verstuur{width:100%;margin-top:5px}
.ts-disclaimer{display:block;text-align:center;color:#8c98aa;font-size:11px;line-height:1.4;margin-top:10px}
.ts-status{font-size:13px;font-weight:600;color:#C2413B;min-height:1px;margin:8px 0 0}
.ts-succes{display:flex;flex-direction:column;justify-content:center}
.ts-vink{width:60px;height:60px;border-radius:50%;background:#e6f9f2;color:#15aa76;display:grid;place-items:center;font-size:28px;margin-bottom:25px}
.ts-modal .ts-nr{color:#1457d9}

/* ---------------------------------------------------------------- investeerdersbalk (pagina-instelling kop = investeerders)
   Onder het hoofdmenu, dat blijft staan. Zwevend over de bovenrand van de opening, zoals de kop
   van de teaser; zo blijft het Nora-systeem op dezelfde hoogte als op de andere pagina's. */
.ts-subnav{position:relative;z-index:20;width:min(1320px,calc(100% - 42px));height:56px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #112b5214}
.ts-subnav.zwevend{position:absolute;left:50%;transform:translateX(-50%)}
.ts-subnav nav{display:flex;gap:34px}
.ts-subnav nav a{color:#596981;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap;transition:color .25s ease}
.ts-subnav nav a:hover{color:var(--ts-blauw)}
.ts-nav-knop{border:0;cursor:pointer;display:inline-flex;align-items:center;gap:14px;border-radius:100px;background:var(--ts-blauw);color:#fff;padding:10px 18px;font:inherit;font-size:13px;font-weight:900;white-space:nowrap;transition:background .25s ease}
.ts-nav-knop:hover{background:#3f63f5}
/* Lucht tussen de balk en de tekst van de opening; alleen de tekstkolom, het beeld blijft staan */
@media(min-width:1101px){.ts-subnav.zwevend~main>.ts-hero:first-child .ts-hero-tekst{padding-top:36px}}
/* Ankers (#propositie, #funding, #contact, #demo) niet onder de vaste kop laten verdwijnen */
main [id]{scroll-margin-top:96px}

/* ---------------------------------------------------------------- voet (op elke pagina) */
/* Wit sinds 12-09-2026 (Rogier: "footer ook wit"); de indeling van de teaser bleef. Grijs #5f7088 haalt 5,05 op wit. */
.ts-voet{background:#fff;color:#5f7088;border-top:1px solid var(--line,#e7eef9);padding:35px max(28px,calc((100% - 1184px)/2)) 55px}
.ts-voet-rij{display:flex;align-items:center;justify-content:space-between;gap:20px}
.ts-voet-merk{display:inline-flex;width:184px;height:42px;flex:0 0 auto}
.ts-voet-merk img{width:100%;height:100%;object-fit:contain;object-position:left center}
.ts-voet-merk .brand-tekst{color:var(--ts-diep);font-weight:800;letter-spacing:.18em}
.ts-voet p,.ts-voet small{font-size:13px;margin:0}
.ts-voet-onder{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 24px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid #eef2f8;font-size:12px}
.ts-voet-onder nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.ts-voet-onder a{color:#5f7088;text-decoration:none;transition:color .2s ease}
.ts-voet-onder a:hover{color:#1457d9}

/* ---------------------------------------------------------------- donkere vlakken (blokinstelling Achtergrond = donker)
   Licht en donker om en om, met de kleuren van de donkere band uit de investor teaser
   ("02 — De volgende fase"): #071125, tekst #b6c3dc, accenten #78a6ff en #73a3ff, lijnen #263f69.
   Het blok staat in <div class="vlak-donker">; de sectie erin wordt doorzichtig. */
.vlak-donker{--vd-tekst:#b6c3dc;--vd-zacht:#8fa1c3;--vd-accent:#78a6ff;--vd-blauw:#73a3ff;--vd-lijn:#263f69;--vd-kaart:#0d1c38;--vd-kaartlijn:#213a63;display:flow-root;background:var(--ts-diep);color:#fff}
.vlak-donker>section{background:transparent!important;border-color:transparent!important}
.vlak-donker>section::before{display:none}
.vlak-donker h2,.vlak-donker h3{color:#fff}
.vlak-donker h2 .blue,.vlak-donker h2 .soft,.vlak-donker h2 span{color:var(--vd-blauw)}
.vlak-donker .eyebrow,.vlak-donker .ts-nr{color:var(--vd-accent)}
.vlak-donker .eyebrow::before{background:var(--vd-accent);box-shadow:0 0 0 8px #78a6ff1f}
.vlak-donker>.page-content,.vlak-donker>.pricing{padding-top:90px}
.vlak-donker>.nora-experience{padding-top:100px}
/* strook en grote uitspraak */
.vlak-donker .nav-strip-inner{color:var(--vd-zacht)}
.vlak-donker .human-kicker{color:var(--vd-zacht)}
.vlak-donker .human-overlap strong{color:#fff}
.vlak-donker .human-copy{color:var(--vd-tekst)}
.vlak-donker .human-values span{background:transparent;border-color:var(--vd-kaartlijn);color:var(--vd-tekst)}
/* schermafbeelding, band, kenmerken */
.vlak-donker .dashboard-frame{border-color:var(--vd-kaartlijn);box-shadow:0 30px 80px #00000080}
.vlak-donker .dashboard-foot{color:var(--vd-zacht)}
.vlak-donker .dashboard-foot strong{color:var(--vd-accent)}
.vlak-donker .simple-band p{color:var(--vd-tekst)}
.vlak-donker .feature{border-top-color:var(--vd-lijn)}
.vlak-donker .feature small{color:var(--vd-accent)}
.vlak-donker .feature p{color:var(--vd-tekst)}
/* prijzen */
.vlak-donker .price-card{background:var(--vd-kaart);border-color:var(--vd-kaartlijn);box-shadow:none}
.vlak-donker .price-card.featured{border-color:#4a6fd1;box-shadow:0 20px 48px #00000066}
.vlak-donker .price-card p,.vlak-donker .price-card li{color:var(--vd-tekst)}
.vlak-donker .price-card li::before{color:var(--vd-accent)}
.vlak-donker .price{color:#fff}
.vlak-donker .price span{color:var(--vd-zacht)}
.vlak-donker .price-tag{background:#12284f;color:var(--vd-accent)}
.vlak-donker .btn-secondary{background:transparent;color:#fff;border-color:var(--vd-kaartlijn)}
.vlak-donker .btn-secondary:hover{border-color:var(--vd-accent)}
/* Nora live: het venster blijft licht, het is het product */
.vlak-donker .section-big{color:#fff}
.vlak-donker .section-copy{color:var(--vd-tekst)}
.vlak-donker .nora-console,.vlak-donker .nora-prompts{color:var(--ink);border-color:transparent;box-shadow:0 30px 80px #00000080}
.vlak-donker .nora-prompts h3{color:var(--ink)}
/* Over ons */
.vlak-donker .about-overlap strong{color:#fff}
.vlak-donker .about-origin-head>p,.vlak-donker .about-promise-copy p,.vlak-donker .about-location p{color:var(--vd-tekst)}
.vlak-donker .about-duo article,.vlak-donker .assurance-grid article{background:var(--vd-kaart);border-color:var(--vd-kaartlijn);box-shadow:none}
.vlak-donker .about-duo p,.vlak-donker .about-pillars p,.vlak-donker .assurance-grid p{color:var(--vd-tekst)}
.vlak-donker .about-duo small,.vlak-donker .about-pillars span,.vlak-donker .assurance-grid small{color:var(--vd-accent)}
.vlak-donker .about-pillars article{border-top-color:var(--vd-lijn)}
.vlak-donker .location-mark{background:radial-gradient(circle,#0f2143 56%,#0a1830 100%);border-color:var(--vd-kaartlijn);box-shadow:none}
.vlak-donker .location-mark strong{color:#fff}
.vlak-donker .location-mark span,.vlak-donker .location-mark small{color:var(--vd-zacht)}
/* teaserblokken */
.vlak-donker .ts-stelling p{color:var(--vd-tekst)}
.vlak-donker>.ts-pijlers{margin-top:90px;margin-bottom:90px;background:var(--vd-kaart)!important;border-color:var(--vd-kaartlijn)!important}
.vlak-donker .ts-pijlers article+article{border-left-color:var(--vd-kaartlijn)}
.vlak-donker .ts-pijlers p{color:var(--vd-tekst)}
.vlak-donker .ts-pijler-nr{color:var(--vd-zacht)}
.vlak-donker .ts-fit-lijst p{color:#fff;border-bottom-color:var(--vd-lijn)}
.vlak-donker .ts-fit-lijst p span{color:var(--vd-accent)}
/* vragen, tekst, kerncijfers, afbeelding */
.vlak-donker .faq-kop p{color:var(--vd-tekst)}
.vlak-donker .faq-item{background:var(--vd-kaart);border-color:var(--vd-kaartlijn)}
.vlak-donker .faq-item[open]{border-color:#34548b;box-shadow:none}
.vlak-donker .faq-antwoord{color:var(--vd-tekst)}
.vlak-donker .prose{color:var(--vd-tekst)}
.vlak-donker .prose a{color:var(--vd-blauw)}
.vlak-donker .fact{background:var(--vd-kaart);border-color:var(--vd-kaartlijn)}
.vlak-donker .fact dt,.vlak-donker .fact small{color:var(--vd-zacht)}
.vlak-donker .fact strong{color:#fff}
.vlak-donker .image-figure img{border-color:var(--vd-kaartlijn)}
.vlak-donker .image-figure figcaption{color:var(--vd-zacht)}
/* de compacte afsluiter als donkere balk op de witte pagina, zoals het slotblok van de teaser */
.final-cta.cta-donker{padding-bottom:56px!important}
.final-cta.cta-donker .cta-grid{background:var(--ts-diep);border-color:var(--ts-diep);box-shadow:0 18px 44px #07112533}
.final-cta.cta-donker .final-kicker{color:#78a6ff!important}
.final-cta.cta-donker .final-kicker::before{background:#78a6ff!important;box-shadow:0 0 0 8px #78a6ff1f!important}
.final-cta.cta-donker .cta-copy h2{color:#fff}
.final-cta.cta-donker .cta-copy h2 .blue{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#73a3ff!important}
.final-cta.cta-donker .cta-copy p{color:#b6c3dc}
.final-cta.cta-donker .human-proof span{background:transparent;border-color:#263f69;color:#b6c3dc}
.final-cta.cta-donker .btn-primary{background:#fff;color:#4462ee}
.final-cta.cta-donker .cta-orb::before,.final-cta.cta-donker .cta-orb::after{border-color:#263f69}

@keyframes ts-draai{to{transform:rotate(360deg)}}
@keyframes ts-adem{0%,100%{transform:scale(.98);opacity:.88}50%{transform:scale(1.035);opacity:1}}
@keyframes ts-signaal{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}
@keyframes ts-vervaag{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion: reduce){.ts-baan,.ts-halo,.ts-kern::before,.ts-kern i{animation:none}}

@media(max-width:1100px){.ts-hero{grid-template-columns:1fr;min-height:0}.ts-hero .ts-visual{grid-row:1}
  .met-systeem .hero-grid,.met-systeem .page-grid,.ts-hero.met-systeem{grid-template-columns:1fr;min-height:0}.met-systeem .ts-visual{align-self:auto}}
@media(max-width:850px){
  .ts-visual,.page-hero .ts-visual,.met-systeem .ts-visual{height:470px}
  .ts-subnav{width:calc(100% - 28px);padding:0 8px}.ts-subnav nav{gap:18px}.ts-subnav nav a{font-size:13px}
  .ts-voet-rij{flex-direction:column;gap:14px;text-align:center}.ts-voet-onder{justify-content:center;text-align:center}.ts-voet-onder nav{justify-content:center}
  .ts-systeem{width:410px;height:410px}.ts-baan-a{width:250px;height:250px}.ts-baan-b{width:380px;height:380px}
  .ts-kern{width:155px;height:155px}.ts-kern b{font-size:31px}
  .ts-pijlers{grid-template-columns:1fr;margin:0 20px 80px}.ts-pijlers article+article{border-left:0;border-top:1px solid var(--ts-lijn)}
  .ts-donker,.ts-fit{grid-template-columns:1fr;gap:45px}
  .ts-slot{margin:0 20px 50px;grid-template-columns:1fr;text-align:center;justify-items:center;padding:40px 25px}
  .ts-modal{grid-template-columns:1fr}.ts-modal-beeld{display:none}.ts-modal-inhoud,.ts-succes{padding:48px 25px 28px}.ts-rij{grid-template-columns:1fr}.ts-modal-inhoud h2{font-size:29px}
}
@media(max-width:520px){
  .ts-visual,.page-hero .ts-visual,.met-systeem .ts-visual{height:380px}
  .ts-nav-knop{font-size:0;padding:9px 14px}.ts-nav-knop span{font-size:16px}
  .ts-systeem{width:330px;height:330px}.ts-baan-a{width:210px;height:210px}.ts-baan-b{width:310px;height:310px}
  .ts-kern{width:135px;height:135px}.ts-kern b{font-size:27px}.ts-kern span{margin-top:10px}
  .ts-kaart{bottom:0}
  .ts-hero h1{font-size:39px}.ts-hero-tekst>p{font-size:17px}.ts-acties{flex-direction:column;align-items:stretch}
  .ts-bewijs i{display:none}.ts-bewijs{gap:8px;flex-direction:column;align-items:flex-start}
  .ts-stelling{padding-top:80px}.ts-fit{padding:80px 22px}.ts-fit h2{font-size:36px}
}