/* ==========================================================================
   Nexa Pro — premium secties (hero-flow, bewijsstrip, scroll-verhaal, werkdag, quote, aanbod, afsluiter)
   Prefix: npro (globaal) · nph (hero) · npp (proof) · nps (story) · npd (day) · npq (quote) · npo (offer) · npc (cta)
   ========================================================================== */
.npro{position:relative;font-family:'Satoshi',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#0B1C3D;-webkit-font-smoothing:antialiased;
  --npro-blue:#0074FF;--npro-blue-2:#3D92FF;--npro-soft-blue:#7AB3FF;--npro-navy:#0B1C3D;--npro-navy-2:#0E2249;--npro-deep:#071430;
  --npro-ink2:#5B6B85;--npro-line:rgba(11,28,61,.1);--npro-line-dark:rgba(255,255,255,.12);
  --npro-red:#FF5A47;--npro-ok:#22C55E;--npro-amber:#F5A524;--npro-soft:#EEF5FF;--npro-canvas:#F5F7FB;
  --npro-display:'Elms Sans','Satoshi',ui-sans-serif,system-ui,sans-serif;}
.npro *{box-sizing:border-box;}
.npro.is-bleed{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
.npro-in{max-width:1240px;margin:0 auto;padding:0 32px;position:relative;z-index:2;}
.npro-bg{position:absolute;inset:0;z-index:0;overflow:hidden;}
.npro-bg canvas{display:block;width:100%;height:100%;}
.npro-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(7,20,48,.55),rgba(7,20,48,.12) 40%,rgba(7,20,48,.3) 75%,rgba(7,20,48,.78));}
.npro-ico{width:1em;height:1em;flex:none;}
.npro-kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--npro-blue);}
.npro-kicker::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor;}
.npro-kicker.is-light{color:var(--npro-soft-blue);}
.npro-h2{font-family:var(--npro-display);font-weight:800;font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.025em;margin:18px 0 0;text-wrap:balance;color:var(--npro-navy);}
.npro-h2 em{font-style:normal;color:var(--npro-blue);}
.npro-h2.is-light{color:#fff;}
.npro-h2.is-light em{color:var(--npro-soft-blue);}
.npro-lead{font-size:18px;line-height:1.6;color:var(--npro-ink2);max-width:60ch;margin:22px 0 0;}
.npro-lead.is-light{color:rgba(255,255,255,.72);}
.npro-rv{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .9s cubic-bezier(.22,.9,.3,1);transition-delay:calc(var(--i,0) * .1s);}
.npro.is-in .npro-rv{opacity:1;transform:none;}
.npro a:not(.nexa-btn){color:inherit;}
.npro .nexa-btn{text-decoration:none;}

/* ---------- HERO (flow) ---------- */
.npro-hero{background:var(--npro-deep);color:#fff;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:var(--npro-top,160px);}
.nph-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center;padding-bottom:72px;width:100%;}
.nph-crumb{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.6);}
.nph-crumb a{color:inherit;text-decoration:none;}
.nph-crumb i{display:inline-flex;width:14px;height:14px;opacity:.6;}
.nph-crumb b{color:#fff;font-weight:600;}
.nph-title{font-family:var(--npro-display);font-weight:800;font-size:clamp(46px,6.2vw,92px);line-height:.98;letter-spacing:-.035em;margin:26px 0 0;color:#fff;text-wrap:balance;}
.nph-title em{font-style:normal;background:linear-gradient(90deg,#7AB3FF,#0074FF);-webkit-background-clip:text;background-clip:text;color:transparent;}
.nph-sub{font-size:19px;line-height:1.6;color:rgba(255,255,255,.72);max-width:54ch;margin:28px 0 0;}
.nph-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px;}
.nph-trust{position:relative;display:flex;align-items:center;gap:14px;margin-top:34px;font-size:14px;color:rgba(255,255,255,.7);}
.nph-trust img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.25);max-width:none!important;}
.nph-online{position:absolute;left:29px;top:28px;width:11px;height:11px;border-radius:50%;background:var(--npro-ok);border:2px solid var(--npro-deep);}
.nph-trust em{font-style:normal;color:#fff;font-weight:700;}
.nph-stage{position:relative;}
.nph-glow{position:absolute;inset:-10% -20%;z-index:0;pointer-events:none;background:radial-gradient(50% 50% at 60% 40%,rgba(0,116,255,.38),transparent 70%);filter:blur(30px);}
.nph-flow{position:relative;z-index:1;border-radius:28px;padding:22px 24px 26px;background:linear-gradient(180deg,rgba(14,34,73,.74),rgba(7,20,48,.88));border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -30px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.08);}
.nph-flow-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;color:rgba(255,255,255,.6);margin-bottom:18px;}
.nph-live{display:inline-flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:11px;color:#fff;}
.nph-live i{width:8px;height:8px;border-radius:50%;background:var(--npro-ok);box-shadow:0 0 0 0 rgba(34,197,94,.5);animation:npro-pulse 2.2s ease-out infinite;}
.nph-timer b{color:#fff;font-variant-numeric:tabular-nums;}
.nph-rail{list-style:none;margin:0;padding:0;position:relative;display:flex;flex-direction:column;gap:10px;}
.nph-rail-line{position:absolute;left:19px;top:20px;bottom:20px;width:2px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden;}
.nph-rail-line b{position:absolute;left:0;top:0;width:100%;height:var(--p,0%);background:linear-gradient(180deg,#7AB3FF,#0074FF);box-shadow:0 0 12px rgba(0,116,255,.8);transition:height .6s cubic-bezier(.22,.9,.3,1);}
.nph-step{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;opacity:.42;transition:opacity .4s ease;}
.nph-step.is-done,.nph-step.is-on{opacity:1;}
.nph-dot{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--npro-navy-2);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.7);transition:background-color .35s,border-color .35s,box-shadow .35s,color .35s;}
.nph-dot .npro-ico{width:17px;height:17px;}
.nph-step.is-done .nph-dot{background:#143060;color:var(--npro-soft-blue);}
.nph-step.is-on .nph-dot{background:var(--npro-blue);border-color:var(--npro-blue-2);color:#fff;box-shadow:0 0 0 6px rgba(0,116,255,.18),0 10px 24px rgba(0,116,255,.45);}
.nph-step[data-tone="red"].is-on .nph-dot{background:var(--npro-red);border-color:#ff8b7d;box-shadow:0 0 0 6px rgba(255,90,71,.18),0 10px 24px rgba(255,90,71,.4);}
.nph-step[data-tone="ok"].is-on .nph-dot{background:var(--npro-ok);border-color:#5ee08d;box-shadow:0 0 0 6px rgba(34,197,94,.18),0 10px 24px rgba(34,197,94,.4);}
.nph-step[data-tone="amber"].is-on .nph-dot{background:var(--npro-amber);border-color:#ffc766;color:#0B1C3D;box-shadow:0 0 0 6px rgba(245,165,36,.18),0 10px 24px rgba(245,165,36,.4);}
.nph-card{border-radius:16px;padding:12px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:background-color .4s,border-color .4s,transform .4s;}
.nph-step.is-on .nph-card{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);transform:translateX(4px);}
.nph-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11.5px;color:rgba(255,255,255,.55);margin-bottom:5px;}
.nph-pill{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;white-space:nowrap;}
.nph-step[data-tone="red"] .nph-pill{background:rgba(255,90,71,.2);color:#ffb0a6;}
.nph-step[data-tone="ok"] .nph-pill{background:rgba(34,197,94,.2);color:#8df0b0;}
.nph-step[data-tone="amber"] .nph-pill{background:rgba(245,165,36,.2);color:#ffd28a;}
.nph-card b{display:block;font-size:14.5px;font-weight:700;color:#fff;}
.nph-card p{margin:3px 0 0;font-size:13px;color:rgba(255,255,255,.62);}
.nph-sign{display:block;margin-top:8px;width:120px;height:32px;}
.nph-sign svg{width:100%;height:100%;fill:none;stroke:var(--npro-soft-blue);stroke-width:2;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400;}
.nph-step.is-on .nph-sign svg{animation:npro-draw 1.6s ease-out .3s forwards;}
.nph-ideal{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:700;color:#8df0b0;}
.nph-ideal i{width:20px;height:20px;border-radius:50%;background:var(--npro-ok);color:var(--npro-deep);display:grid;place-items:center;transform:scale(0);}
.nph-ideal .npro-ico{width:12px;height:12px;}
.nph-step.is-on .nph-ideal i{animation:npro-pop .5s cubic-bezier(.34,1.56,.64,1) .4s forwards;}
.nph-sms{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;padding:5px 10px;border-radius:12px 12px 12px 3px;background:rgba(122,179,255,.15);color:#c9dfff;}
.nph-sms .npro-ico{width:12px;height:12px;}
.npro-in.nph-logos{display:flex;align-items:center;gap:28px;padding:22px 32px 40px;border-top:1px solid rgba(255,255,255,.1);}
.nph-logos-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);white-space:nowrap;}
.nph-logos-row{display:flex;flex-wrap:wrap;gap:34px;align-items:center;}
.nph-logos-row img{height:22px;width:auto;filter:brightness(0) invert(1);opacity:.5;transition:opacity .25s;max-width:none!important;}
.nph-logos-row img:hover{opacity:.95;}

/* ---------- PROOF ---------- */
.npro-proof{background:#fff;padding:96px 0 88px;border-bottom:1px solid var(--npro-line);}
.npp-intro{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--npro-ink2);font-weight:700;margin:0 0 40px;}
.npp-grid{display:grid;grid-template-columns:repeat(4,1fr);}
.npp-stat{padding:6px 32px 6px 28px;border-left:1px solid var(--npro-line);}
.npp-stat:first-child{border-left:0;padding-left:0;}
.npp-num{display:block;font-family:var(--npro-display);font-weight:800;font-size:clamp(44px,4.6vw,68px);line-height:1;letter-spacing:-.03em;color:var(--npro-navy);font-variant-numeric:tabular-nums;white-space:nowrap;}
.npp-label{display:block;margin-top:14px;font-weight:700;font-size:16px;}
.npp-stat small{display:block;margin-top:5px;font-size:13.5px;color:var(--npro-ink2);line-height:1.5;}
.npp-logos{margin-top:64px;padding-top:36px;border-top:1px solid var(--npro-line);display:flex;align-items:center;gap:40px;flex-wrap:wrap;}
.npp-logos>span{font-size:13px;color:var(--npro-ink2);white-space:nowrap;}
.npp-logos-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px;align-items:center;flex:1;min-width:0;}
.npp-logo{display:block;width:100%;max-width:118px;height:34px;background:var(--npro-navy);opacity:.38;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;transition:opacity .25s;}
.npp-logo:hover{opacity:.85;}

/* ---------- STORY (sticky scroll) ---------- */
.npro-story{background:var(--npro-canvas);padding:128px 0 96px;}
.nps-head{max-width:760px;margin-bottom:56px;}
.nps-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start;}
.nps-chapter{min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding:32px 0;opacity:.35;transition:opacity .5s ease;}
.nps-chapter.is-on{opacity:1;}
.nps-index{display:flex;gap:6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--npro-ink2);font-weight:700;}
.nps-index b{color:var(--npro-blue);}
.nps-chapter h3{font-family:var(--npro-display);font-weight:800;font-size:clamp(26px,2.6vw,36px);line-height:1.1;letter-spacing:-.02em;margin:18px 0 0;text-wrap:balance;color:var(--npro-navy);}
.nps-chapter p{font-size:17px;line-height:1.65;color:var(--npro-ink2);margin:18px 0 0;max-width:46ch;}
.nps-gain{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:22px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--npro-line);font-size:13.5px;font-weight:700;color:var(--npro-navy);box-shadow:0 8px 20px -12px rgba(11,28,61,.25);}
.nps-gain .npro-ico{color:var(--npro-blue);width:15px;height:15px;}
.nps-screen-mobile{display:none;}
.nps-sticky{position:sticky;top:120px;}
.nps-frame{position:relative;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--npro-line);box-shadow:0 40px 80px -30px rgba(11,28,61,.35);}
.nps-screen{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transform:scale(.98) translateY(10px);transition:opacity .5s ease,transform .6s cubic-bezier(.22,.9,.3,1);pointer-events:none;}
.nps-screen.is-on{opacity:1;transform:none;pointer-events:auto;}
.nps-progress{display:flex;gap:6px;justify-content:center;margin-top:18px;}
.nps-progress i{width:22px;height:4px;border-radius:2px;background:rgba(11,28,61,.12);transition:width .3s,background-color .3s;}
.nps-progress i.is-on{width:44px;background:var(--npro-blue);}
/* mini-UI */
.nps-top{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--npro-navy);color:#fff;font-size:12.5px;flex:none;}
.nps-brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;white-space:nowrap;}
.nps-brand i{width:24px;height:24px;border-radius:7px;background:var(--npro-blue);display:grid;place-items:center;color:#fff;}
.nps-brand .npro-ico{width:13px;height:13px;}
.nps-tabs{margin-left:auto;display:flex;gap:4px;}
.nps-tabs span,.nps-tabs b{padding:6px 10px;border-radius:999px;color:rgba(255,255,255,.6);font-weight:500;white-space:nowrap;}
.nps-tabs b{background:var(--npro-blue);color:#fff;font-weight:700;}
.nps-user{width:28px;height:28px;border-radius:50%;background:#143060;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none;}
.nps-body{padding:18px;flex:1;display:flex;flex-direction:column;gap:12px;font-size:13px;background:var(--npro-canvas);min-height:0;}
.nps-board-head,.nps-plan-head{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.nps-board-head b,.nps-plan-head b{font-size:15px;}
.nps-board-head span{font-size:12px;color:var(--npro-ink2);}
.nps-rows{display:flex;flex-direction:column;gap:8px;}
.nps-row{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--npro-line);border-radius:12px;padding:10px 12px;}
.nps-row b{display:block;font-size:13.5px;}
.nps-row small{display:flex;align-items:center;gap:5px;color:var(--npro-ink2);font-size:11.5px;margin-top:2px;}
.nps-row small .npro-ico{width:12px;height:12px;}
.nps-row.is-new{border-color:rgba(255,90,71,.5);box-shadow:0 8px 24px -12px rgba(255,90,71,.5);}
.nps-screen.is-on .nps-row.is-new{animation:npro-slidein .6s ease both;}
.nps-av{width:34px;height:34px;border-radius:10px;background:var(--npro-soft);color:var(--npro-blue);display:grid;place-items:center;font-weight:800;font-size:12px;}
.nps-av.is-red{background:var(--npro-red);color:#fff;}
.nps-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--npro-soft);color:var(--npro-blue);white-space:nowrap;}
.nps-chip.is-red{background:#FFE9E6;color:#D93B2A;}
.nps-chip.is-ok{background:#E3F8EA;color:#15803D;}
.nps-chip .npro-ico{width:11px;height:11px;}
.nps-photo{display:flex;align-items:center;gap:12px;background:#fff;border:1px dashed var(--npro-line);border-radius:12px;padding:10px 12px;margin-top:auto;}
.nps-photo i{width:56px;height:42px;border-radius:8px;background:linear-gradient(135deg,#7AB3FF,#0B1C3D);flex:none;}
.nps-photo b{display:block;font-size:13px;}
.nps-photo small{color:var(--npro-ink2);font-size:11.5px;}
.nps-slot{font-size:11.5px;color:var(--npro-ink2);white-space:nowrap;}
.nps-slot.is-drop{display:inline-flex;align-items:center;gap:6px;background:var(--npro-blue);color:#fff;font-weight:700;padding:6px 10px;border-radius:8px;}
.nps-screen.is-on .nps-slot.is-drop{animation:npro-drop 1.2s cubic-bezier(.22,.9,.3,1) .4s both;}
.nps-slot.is-drop i{width:6px;height:6px;border-radius:50%;background:#fff;}
.nps-toast{display:flex;gap:12px;align-items:center;background:var(--npro-navy);color:#fff;border-radius:14px;padding:12px 14px;margin-top:auto;}
.nps-screen.is-on .nps-toast{animation:npro-slidein .6s ease .9s both;}
.nps-toast i{width:32px;height:32px;border-radius:50%;background:var(--npro-blue);display:grid;place-items:center;flex:none;}
.nps-toast .npro-ico{width:15px;height:15px;}
.nps-toast b{display:block;font-size:13px;}
.nps-toast small{color:rgba(255,255,255,.65);font-size:11.5px;}
.nps-tablet{flex:1;margin:22px 60px 0;background:#fff;border-radius:20px 20px 0 0;border:8px solid var(--npro-navy);border-bottom:0;padding:18px 20px;display:flex;flex-direction:column;gap:12px;font-size:13px;min-height:0;}
.nps-tab-head b{display:block;font-size:15px;}
.nps-tab-head span{color:var(--npro-ink2);font-size:12px;}
.nps-photos{display:flex;gap:8px;}
.nps-photos i{width:64px;height:48px;border-radius:8px;background:linear-gradient(135deg,#ADD0FF,#0A3680);}
.nps-photos i:nth-child(2){background:linear-gradient(135deg,#7AB3FF,#143060);}
.nps-photos i.is-add{background:var(--npro-soft);color:var(--npro-blue);display:grid;place-items:center;border:1px dashed #ADD0FF;}
.nps-lines{display:flex;flex-direction:column;}
.nps-lines>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--npro-line);font-size:12.5px;}
.nps-lines>div.is-total{border-bottom:0;font-weight:700;font-size:13.5px;}
.nps-lines b{font-variant-numeric:tabular-nums;}
.nps-sign{position:relative;border:1px solid var(--npro-line);border-radius:12px;padding:8px 12px;background:var(--npro-canvas);}
.nps-sign small{font-size:10.5px;color:var(--npro-ink2);letter-spacing:.08em;text-transform:uppercase;}
.nps-sign svg{display:block;width:100%;height:48px;fill:none;stroke:var(--npro-navy);stroke-width:2;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;}
.nps-screen.is-on .nps-sign svg,.nps-screen-mobile .nps-sign svg{animation:npro-draw 2s ease-out .5s forwards;}
.nps-sign b{position:absolute;right:12px;bottom:8px;font-size:11px;color:var(--npro-ink2);}
.nps-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:999px;background:var(--npro-blue);color:#fff;font-weight:700;font-size:13px;margin-top:auto;}
.nps-btn .npro-ico{width:14px;height:14px;}
.nps-btn.is-ghost{background:#fff;color:var(--npro-blue);border:1px solid #ADD0FF;}
.nps-invoice{background:#fff;border:1px solid var(--npro-line);border-radius:16px;padding:16px;box-shadow:0 16px 40px -20px rgba(11,28,61,.25);}
.nps-inv-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;}
.nps-inv-head small{color:var(--npro-ink2);font-size:11px;display:block;}
.nps-inv-head b{font-size:15px;}
.nps-ideal{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:12px;background:#E3F8EA;color:#15803D;font-size:12px;}
.nps-ideal i{position:relative;width:22px;height:22px;border-radius:50%;background:var(--npro-ok);flex:none;}
.nps-ideal i::after{content:"";position:absolute;left:7px;top:4px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.nps-ideal b{font-weight:800;}
.nps-sync{display:flex;flex-wrap:wrap;gap:8px;}
.nps-sync span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--npro-line);color:var(--npro-ink2);}
.nps-sync .npro-ico{width:12px;height:12px;color:var(--npro-blue);}
.nps-portal{flex:1;display:flex;flex-direction:column;background:#fff;min-height:0;}
.nps-portal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--npro-line);font-size:12.5px;color:var(--npro-navy);flex:none;}
.nps-portal-head .nps-user{background:var(--npro-blue);color:#fff;}
.nps-portal-body{padding:22px;display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;}
.nps-hi{font-family:var(--npro-display);font-weight:800;font-size:22px;}
.nps-portal-body>small{color:var(--npro-ink2);font-size:12.5px;margin-top:-10px;}
.nps-timeline{display:flex;gap:6px;flex-wrap:wrap;}
.nps-timeline span{font-size:11.5px;padding:6px 10px;border-radius:999px;background:var(--npro-canvas);border:1px solid var(--npro-line);color:var(--npro-ink2);}
.nps-timeline span.is-done{background:#E3F8EA;border-color:#bfe9cd;color:#15803D;}
.nps-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.nps-cards div{background:var(--npro-canvas);border-radius:12px;padding:12px;}
.nps-cards small{display:block;color:var(--npro-ink2);font-size:11px;}
.nps-cards b{font-size:16px;font-family:var(--npro-display);font-weight:800;}

/* ---------- WERKDAG (tijdlijn) ---------- */
.npro-day{background:#fff;padding:128px 0 112px;overflow:hidden;}
.npd-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:56px;}
.npd-head>div{max-width:720px;}
.npd-nav{display:flex;gap:8px;flex:none;}
.npd-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--npro-line);background:#fff;color:var(--npro-navy);display:grid;place-items:center;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s;}
.npd-btn:hover{background:var(--npro-navy);color:#fff;border-color:var(--npro-navy);}
.npd-btn .npro-ico{width:18px;height:18px;}
.npd-wrap{position:relative;}
.npd-line{position:absolute;left:0;right:0;top:82px;height:2px;background:var(--npro-line);}
.npd-line b{position:absolute;left:0;top:0;height:100%;width:var(--p,8%);background:linear-gradient(90deg,#7AB3FF,#0074FF);box-shadow:0 0 12px rgba(0,116,255,.6);transition:width .6s ease;}
.npd-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(32px,calc(50vw - 620px)) 12px;scroll-padding-left:max(32px,calc(50vw - 620px));scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none;}
.npd-track::-webkit-scrollbar{display:none;}
.npd-card{flex:0 0 340px;scroll-snap-align:start;position:relative;opacity:.55;transition:opacity .4s ease;}
.npd-card.is-on{opacity:1;}
.npd-time{display:flex;align-items:baseline;gap:8px;height:56px;}
.npd-time b{font-family:var(--npro-display);font-weight:800;font-size:26px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.npd-time small{font-size:12.5px;color:var(--npro-ink2);}
.npd-dot{position:relative;z-index:1;width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid var(--npro-line);display:grid;place-items:center;color:var(--npro-navy);transition:background-color .35s,border-color .35s,box-shadow .35s,color .35s;}
.npd-dot .npro-ico{width:20px;height:20px;}
.npd-card.is-on .npd-dot{background:var(--npro-blue);border-color:var(--npro-blue);color:#fff;box-shadow:0 0 0 8px rgba(0,116,255,.12);}
.npd-card[data-tone="red"].is-on .npd-dot{background:var(--npro-red);border-color:var(--npro-red);box-shadow:0 0 0 8px rgba(255,90,71,.14);}
.npd-card[data-tone="ok"].is-on .npd-dot{background:var(--npro-ok);border-color:var(--npro-ok);box-shadow:0 0 0 8px rgba(34,197,94,.14);}
.npd-card[data-tone="amber"].is-on .npd-dot{background:var(--npro-amber);border-color:var(--npro-amber);color:#0B1C3D;box-shadow:0 0 0 8px rgba(245,165,36,.14);}
.npd-card[data-tone="navy"].is-on .npd-dot{background:var(--npro-navy);border-color:var(--npro-navy);box-shadow:0 0 0 8px rgba(11,28,61,.12);}
.npd-body{margin-top:22px;background:var(--npro-canvas);border-radius:20px;padding:22px;min-height:236px;border:1px solid transparent;transition:background-color .35s,border-color .35s,box-shadow .35s,color .35s;}
.npd-card.is-on .npd-body{background:#fff;border-color:var(--npro-line);box-shadow:0 30px 60px -30px rgba(11,28,61,.3);}
.npd-card[data-tone="navy"].is-on .npd-body{background:var(--npro-navy);color:#fff;border-color:var(--npro-navy);}
.npd-card[data-tone="navy"].is-on .npd-body p{color:rgba(255,255,255,.72);}
.npd-card[data-tone="navy"].is-on .npd-tag{background:rgba(255,255,255,.12);color:#fff;}
.npd-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--npro-soft);color:var(--npro-blue);}
.npd-card[data-tone="red"] .npd-tag{background:#FFE9E6;color:#D93B2A;}
.npd-card[data-tone="ok"] .npd-tag{background:#E3F8EA;color:#15803D;}
.npd-body h3{font-family:var(--npro-display);font-weight:800;font-size:20px;line-height:1.2;margin:12px 0 0;letter-spacing:-.01em;}
.npd-body p{margin:10px 0 0;font-size:14.5px;line-height:1.6;color:var(--npro-ink2);}
.npd-spacer{flex:0 0 1px;}

/* ---------- QUOTE ---------- */
.npro-quote{background:var(--npro-deep);color:#fff;padding:128px 0;overflow:hidden;}
.npq-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:72px;align-items:center;}
.npq-fig{margin:0;position:relative;}
.npq-mark{width:56px;height:56px;border-radius:16px;background:rgba(0,116,255,.2);color:var(--npro-soft-blue);display:grid;place-items:center;margin-bottom:28px;}
.npq-mark .npro-ico{width:26px;height:26px;fill:currentColor;stroke:none;}
.npq-fig blockquote{margin:0;font-family:var(--npro-display);font-weight:800;font-size:clamp(26px,3vw,42px);line-height:1.15;letter-spacing:-.02em;text-wrap:balance;}
.npq-fig blockquote em{font-style:normal;color:var(--npro-soft-blue);}
.npq-fig figcaption{display:flex;align-items:center;gap:14px;margin-top:28px;}
.npq-fig figcaption img,.npq-av{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;max-width:none!important;}
.npq-av{display:grid;place-items:center;background:var(--npro-blue);font-weight:800;font-size:14px;}
.npq-fig figcaption b{display:block;font-size:15px;}
.npq-fig figcaption small{color:rgba(255,255,255,.6);font-size:13px;}
.npq-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:36px;padding-top:28px;border-top:1px solid var(--npro-line-dark);}
.npq-stats{display:flex;gap:36px;flex-wrap:wrap;}
.npq-stats b{display:block;font-family:var(--npro-display);font-weight:800;font-size:30px;letter-spacing:-.02em;line-height:1;white-space:nowrap;}
.npq-stats small{display:block;margin-top:5px;font-size:12.5px;color:rgba(255,255,255,.6);}
.npq-link{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:700;font-size:14.5px;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:3px;transition:border-color .25s;}
.npq-link:hover{border-color:#fff;}
.npq-link .npro-ico{width:16px;height:16px;transition:transform .25s;}
.npq-link:hover .npro-ico{transform:translate(2px,-2px);}
.npq-visual{position:relative;}
.npq-card{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 50px 100px -40px rgba(0,0,0,.8);transform:perspective(1200px) rotateY(-8deg) rotateX(3deg);transition:transform .7s cubic-bezier(.22,.9,.3,1);}
.npq-visual:hover .npq-card{transform:perspective(1200px) rotateY(0) rotateX(0);}
.npq-card img{display:block;width:100%;height:auto;}
.npq-rating{position:absolute;left:-18px;bottom:-18px;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:#fff;color:var(--npro-navy);font-size:13px;font-weight:700;box-shadow:0 20px 40px -16px rgba(0,0,0,.6);}
.npq-rating i{display:inline-flex;gap:2px;color:var(--npro-amber);}
.npq-rating .npro-ico{width:13px;height:13px;fill:currentColor;stroke:none;}

/* ---------- AANBOD ---------- */
.npro-offer{background:var(--npro-canvas);padding:128px 0;}
.npo-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:72px;align-items:center;}
.npo-points{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;}
.npo-points li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5;}
.npo-points .npro-ico{width:22px;height:22px;flex:none;color:var(--npro-blue);background:var(--npro-soft);border-radius:50%;padding:4px;margin-top:1px;}
.npo-guar{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;}
.npo-guar span{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--npro-ink2);padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--npro-line);}
.npo-guar .npro-ico{width:15px;height:15px;color:var(--npro-blue);}
.npo-card{position:relative;overflow:hidden;background:var(--npro-navy);color:#fff;border-radius:28px;padding:36px;box-shadow:0 50px 100px -40px rgba(11,28,61,.6);border:1px solid rgba(255,255,255,.08);}
.npo-shine{position:absolute;inset:-40% -10% auto;height:70%;pointer-events:none;background:radial-gradient(50% 60% at 70% 30%,rgba(0,116,255,.45),transparent 70%);}
.npo-card-head{position:relative;}
.npo-card-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--npro-soft-blue);}
.npo-card-kicker .npro-ico{width:14px;height:14px;}
.npo-price{display:flex;align-items:baseline;gap:10px;margin-top:16px;}
.npo-price small{font-size:14px;color:rgba(255,255,255,.6);}
.npo-price b{font-family:var(--npro-display);font-weight:800;font-size:clamp(40px,4vw,56px);letter-spacing:-.03em;line-height:1;}
.npo-price-note{margin:8px 0 0;font-size:13.5px;color:rgba(255,255,255,.6);}
.npo-inc{position:relative;list-style:none;margin:28px 0 0;padding:24px 0 0;border-top:1px solid var(--npro-line-dark);display:grid;gap:11px;}
.npo-inc li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;}
.npo-inc i{width:22px;height:22px;flex:none;border-radius:50%;background:rgba(0,116,255,.25);color:var(--npro-soft-blue);display:grid;place-items:center;}
.npo-inc .npro-ico{width:13px;height:13px;}
.npo-tl{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:28px;padding-top:24px;border-top:1px solid var(--npro-line-dark);}
.npo-tl div{position:relative;padding-top:14px;}
.npo-tl i{position:absolute;left:0;top:0;width:100%;height:3px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden;}
.npo-tl i::after{content:"";position:absolute;inset:0;background:var(--npro-blue);transform:scaleX(0);transform-origin:left;}
.npro.is-in .npo-tl i::after{animation:npro-fill .7s ease forwards;animation-delay:calc(.5s + var(--k,0) * .35s);}
.npo-tl small{display:block;font-size:11px;color:rgba(255,255,255,.55);letter-spacing:.06em;text-transform:uppercase;}
.npo-tl b{display:block;font-size:13px;margin-top:2px;}
.npo-card .nexa-btn{margin-top:28px;position:relative;}
.npo-note{margin:12px 0 0;text-align:center;font-size:12.5px;color:rgba(255,255,255,.55);position:relative;}

/* ---------- AFSLUITER (Sam) ---------- */
.npro-cta{background:var(--npro-deep);color:#fff;padding:120px 0;overflow:hidden;}
.npc-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center;}
.npc-photo{position:relative;max-width:440px;}
.npc-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:32px;border:1px solid rgba(255,255,255,.14);box-shadow:0 60px 120px -50px rgba(0,0,0,.9);max-width:none!important;}
.npc-avail{position:absolute;top:20px;left:20px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(7,20,48,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);font-size:12.5px;font-weight:600;}
.npc-avail i{width:8px;height:8px;border-radius:50%;background:var(--npro-ok);animation:npro-pulse 2.2s ease-out infinite;}
.npc-name{position:absolute;left:20px;right:20px;bottom:20px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.92);color:var(--npro-navy);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.npc-name b{display:block;font-family:var(--npro-display);font-weight:800;font-size:18px;}
.npc-name small{font-size:12.5px;color:var(--npro-ink2);}
.npc-ctas{margin-top:32px;}
.npc-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px;}
.npc-ch{display:flex;gap:12px;align-items:center;padding:14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;transition:background-color .25s,border-color .25s;}
a.npc-ch:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);}
.npc-ch i{width:38px;height:38px;border-radius:12px;background:rgba(0,116,255,.22);color:var(--npro-soft-blue);display:grid;place-items:center;flex:none;}
.npc-ch .npro-ico{width:17px;height:17px;}
.npc-ch small{display:block;font-size:11.5px;color:rgba(255,255,255,.55);}
.npc-ch b{display:block;font-size:14px;}

/* ---------- keyframes ---------- */
@keyframes npro-pulse{0%{transform:scale(1);opacity:.9}70%{transform:scale(2.8);opacity:0}100%{transform:scale(2.8);opacity:0}}
@keyframes npro-draw{to{stroke-dashoffset:0;}}
@keyframes npro-pop{to{transform:scale(1);}}
@keyframes npro-slidein{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
@keyframes npro-drop{from{opacity:0;transform:translate(-40px,-30px) scale(.9);}to{opacity:1;transform:none;}}
@keyframes npro-fill{to{transform:scaleX(1);}}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .nph-in{grid-template-columns:1fr;gap:48px;}
  .nps-grid{grid-template-columns:1fr;gap:0;}
  .nps-sticky{display:none;}
  .nps-screen-mobile{display:flex;flex-direction:column;margin-top:28px;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--npro-line);box-shadow:0 30px 60px -30px rgba(11,28,61,.3);}
  .nps-chapter{min-height:0;opacity:1;padding:28px 0;}
  .npq-in,.npo-in,.npc-in{grid-template-columns:1fr;gap:48px;}
  .npp-grid{grid-template-columns:repeat(2,1fr);gap:32px 0;}
  .npp-stat:nth-child(3){border-left:0;padding-left:0;}
  .npc-photo{max-width:380px;}
}
@media (max-width:640px){
  .npro-in{padding:0 20px;}
  .npro-hero{padding-top:calc(var(--npro-top,160px) - 40px);}
  .nph-title{font-size:clamp(38px,11vw,56px);}
  .nph-flow{padding:18px;}
  .npro-in.nph-logos{flex-direction:column;align-items:flex-start;gap:16px;padding:22px 20px 36px;}
  .npp-grid{grid-template-columns:1fr;gap:26px;}
  .npp-stat{border-left:0;padding:22px 0 0;border-top:1px solid var(--npro-line);}
  .npp-stat:first-child{border-top:0;padding-top:0;}
  .npp-logos-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
  .npp-logo{max-width:96px;height:28px;}
  .npro-story,.npro-day,.npro-quote,.npro-offer,.npro-cta{padding-top:88px;padding-bottom:80px;}
  .npd-card{flex-basis:290px;}
  .npd-head{flex-direction:column;align-items:flex-start;}
  .npc-channels{grid-template-columns:1fr;}
  .npo-card{padding:26px;}
  .npo-tl{grid-template-columns:repeat(2,1fr);}
  .nps-tablet{margin:16px 16px 0;}
  .npq-rating{left:8px;bottom:-14px;}
  .npq-stats{gap:24px;}
}
@media (prefers-reduced-motion:reduce){
  .npro-rv{opacity:1;transform:none;transition:none;}
  .nph-sign svg,.nps-sign svg{stroke-dashoffset:0;animation:none!important;}
  .nph-live i,.npc-avail i,.nps-row.is-new,.nps-slot.is-drop,.nps-toast,.npo-tl i::after,.nph-ideal i{animation:none!important;transform:none;opacity:1;}
  .nph-rail-line b,.npd-line b,.nps-screen,.npq-card{transition:none;}
}

/* =====================================================================
   Nexa Pro II — lichte, product-first secties
   npv (canvas-hero) · npm (marquee) · npg (grid) · npx (compare) · npr (roles)
   ===================================================================== */

/* ---------- CANVAS HERO ---------- */
.npro-canvas{background:var(--npro-canvas);padding:var(--npro-top,170px) 0 0;overflow:hidden;}
.npv-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 82% 0%,rgba(0,116,255,.16),transparent 60%),radial-gradient(circle at 1px 1px,rgba(11,28,61,.09) 1px,transparent 1.6px);background-size:auto,26px 26px;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent);}
.npv-copy{max-width:840px;}
.npv-crumb{color:var(--npro-ink2);}
.npv-crumb b{color:var(--npro-navy);}
.npv-title{font-family:var(--npro-display);font-weight:800;font-size:clamp(44px,6vw,88px);line-height:.98;letter-spacing:-.035em;margin:26px 0 0;color:var(--npro-navy);text-wrap:balance;}
.npv-title em{font-style:normal;color:var(--npro-blue);}
.npv-sub{font-size:19px;line-height:1.6;color:var(--npro-ink2);max-width:56ch;margin:26px 0 0;}
.npv-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;}
.npv-trust{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:14px;color:var(--npro-ink2);}
.npv-trust li{display:flex;align-items:center;gap:8px;}
.npv-trust .npro-ico{color:var(--npro-ok);width:16px;height:16px;}
.npv-stage{position:relative;margin-top:64px;}
.npv-frame{border-radius:22px 22px 0 0;background:#fff;border:1px solid var(--npro-line);border-bottom:0;box-shadow:0 40px 90px -40px rgba(11,28,61,.35);overflow:hidden;transform:perspective(1600px) rotateX(5deg);transform-origin:50% 100%;transition:transform 1.1s cubic-bezier(.22,.9,.3,1);}
.npro.is-in .npv-frame{transform:perspective(1600px) rotateX(0);}
.npv-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--npro-line);background:#F8FAFD;}
.npv-bar>span{width:10px;height:10px;border-radius:50%;background:#D6DEEB;}
.npv-bar>span:nth-child(1){background:#FF5F57;}
.npv-bar>span:nth-child(2){background:#FEBC2E;}
.npv-bar>span:nth-child(3){background:#28C840;}
.npv-bar i{margin-left:14px;flex:1;max-width:420px;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:8px;background:#fff;border:1px solid var(--npro-line);font-size:12.5px;color:var(--npro-ink2);font-style:normal;}
.npv-bar .npro-ico{width:13px;height:13px;color:var(--npro-ok);}
.npv-screen{display:grid;grid-template-columns:224px 1fr;min-height:540px;font-size:13px;color:var(--npro-navy);}
.npv-side{background:var(--npro-navy);color:#fff;padding:18px 14px;display:flex;flex-direction:column;gap:4px;}
.npv-brand{display:flex;align-items:center;gap:10px;font-weight:700;padding:6px 8px 18px;font-size:13px;}
.npv-brand i{width:28px;height:28px;border-radius:8px;background:var(--npro-blue);display:grid;place-items:center;}
.npv-brand .npro-ico{width:14px;height:14px;}
.npv-side a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:rgba(255,255,255,.7);font-size:13px;text-decoration:none;}
.npv-side a .npro-ico{width:15px;height:15px;}
.npv-side a.is-on{background:rgba(255,255,255,.1);color:#fff;font-weight:600;}
.npv-side a em{margin-left:auto;font-style:normal;font-size:10.5px;background:var(--npro-red);color:#fff;padding:1px 7px;border-radius:999px;font-weight:700;}
.npv-me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:rgba(255,255,255,.06);}
.npv-me span{width:30px;height:30px;border-radius:50%;background:var(--npro-blue);display:grid;place-items:center;font-size:11px;font-weight:700;flex:none;}
.npv-me b{display:block;font-size:12.5px;}
.npv-me small{color:rgba(255,255,255,.55);font-size:11px;}
.npv-main{padding:20px 22px;background:var(--npro-canvas);display:flex;flex-direction:column;gap:16px;min-width:0;}
.npv-top{display:flex;align-items:center;gap:14px;}
.npv-top b{font-family:var(--npro-display);font-size:20px;font-weight:800;display:block;letter-spacing:-.01em;}
.npv-top small{color:var(--npro-ink2);font-size:12px;}
.npv-search{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--npro-line);color:var(--npro-ink2);font-size:12.5px;min-width:250px;}
.npv-search .npro-ico{width:13px;height:13px;}
.npv-new{padding:9px 14px;border-radius:999px;background:var(--npro-blue);color:#fff;font-weight:700;font-size:12.5px;white-space:nowrap;}
.npv-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.npv-kpi{background:#fff;border:1px solid var(--npro-line);border-radius:14px;padding:14px 16px;}
.npv-kpi small{display:block;color:var(--npro-ink2);font-size:11.5px;}
.npv-kpi b{display:block;font-family:var(--npro-display);font-weight:800;font-size:24px;margin-top:4px;letter-spacing:-.02em;}
.npv-delta{display:inline-block;margin-top:6px;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--npro-soft);color:var(--npro-blue);font-weight:700;}
.npv-delta.is-ok{background:#E3F8EA;color:#15803D;}
.npv-delta.is-red{background:#FFE9E6;color:#D93B2A;}
.npv-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:12px;flex:1;}
.npv-card{background:#fff;border:1px solid var(--npro-line);border-radius:14px;padding:14px 16px;min-width:0;}
.npv-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px;}
.npv-card-head b{font-size:14px;}
.npv-card-head span{font-size:11.5px;color:var(--npro-ink2);white-space:nowrap;}
.npv-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.npv-cols>div>small{display:block;font-size:10.5px;color:var(--npro-ink2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em;}
.npv-job{border-radius:9px;padding:8px 10px;background:#EEF5FF;border-left:3px solid var(--npro-blue);margin-bottom:6px;}
.npv-job b{display:block;font-size:12px;}
.npv-job small{font-size:11px;color:var(--npro-ink2);}
.npv-job.is-red{background:#FFE9E6;border-left-color:var(--npro-red);}
.npv-job.is-ok{background:#E3F8EA;border-left-color:var(--npro-ok);}
.npv-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--npro-line);}
.npv-row:first-of-type{border-top:0;}
.npv-row i{width:30px;height:30px;border-radius:9px;background:var(--npro-soft);color:var(--npro-blue);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:11px;}
.npv-row.is-new i{background:var(--npro-red);color:#fff;animation:npro-pulse-red 2s infinite;}
.npv-row b{display:block;font-size:12.5px;}
.npv-row small{font-size:11px;color:var(--npro-ink2);}
.npv-pill{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--npro-soft);color:var(--npro-blue);white-space:nowrap;}
.npv-pill.is-red{background:#FFE9E6;color:#D93B2A;}
.npv-pill.is-ok{background:#E3F8EA;color:#15803D;}
.npv-callout{position:absolute;z-index:3;display:flex;flex-direction:column;gap:2px;padding:12px 16px 12px 20px;border-radius:14px;background:#fff;border:1px solid var(--npro-line);box-shadow:0 24px 50px -20px rgba(11,28,61,.4);font-size:12.5px;min-width:230px;opacity:0;transform:translateY(12px) scale(.96);transition:opacity .5s ease,transform .6s cubic-bezier(.22,.9,.3,1);pointer-events:none;}
.npv-callout.is-on{opacity:1;transform:none;}
.npv-callout i{position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:4px;background:var(--npro-blue);}
.npv-callout[data-tone="red"] i{background:var(--npro-red);}
.npv-callout[data-tone="ok"] i{background:var(--npro-ok);}
.npv-callout b{font-size:13px;color:var(--npro-navy);}
.npv-callout span{color:var(--npro-ink2);}
.npv-callout[data-pos="tr"]{top:9%;right:-18px;}
.npv-callout[data-pos="tl"]{top:9%;left:-18px;}
.npv-callout[data-pos="bl"]{bottom:16%;left:-18px;}
.npv-callout[data-pos="br"]{bottom:8%;right:-18px;}
@keyframes npro-pulse-red{0%,100%{transform:scale(1);opacity:0}50%{transform:scale(2.4);opacity:.9}}

/* ---------- MARQUEE ---------- */
.npro-marquee{padding:0;overflow:hidden;background:var(--npro-navy);color:#fff;border-top:1px solid rgba(255,255,255,.08);}
.npro-marquee.is-blue{background:var(--npro-blue);}
.npro-marquee.is-light{background:#fff;color:var(--npro-navy);border-top:1px solid var(--npro-line);border-bottom:1px solid var(--npro-line);}
.npm-track{display:flex;width:max-content;animation:npm-run var(--npm-speed,38s) linear infinite;}
.npro-marquee:hover .npm-track{animation-play-state:paused;}
.npm-row{display:flex;align-items:center;flex:none;}
.npm-item{display:inline-flex;align-items:center;gap:10px;padding:18px 34px;font-size:14.5px;font-weight:500;white-space:nowrap;border-right:1px solid rgba(255,255,255,.12);}
.is-light .npm-item{border-color:var(--npro-line);}
.npm-item .npro-ico{width:16px;height:16px;color:var(--npro-soft-blue);}
.is-light .npm-item .npro-ico{color:var(--npro-blue);}
.is-blue .npm-item .npro-ico{color:#fff;}
.npm-item em{font-style:normal;font-weight:700;color:#fff;}
.is-light .npm-item em{color:var(--npro-blue);}
@keyframes npm-run{to{transform:translateX(-50%);}}

/* ---------- MODULES-GRID ---------- */
.npro-grid{background:#fff;padding:128px 0;}
.npg-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:end;margin-bottom:56px;}
.npg-head .npro-lead{margin-top:0;}
.npg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.npg-tile{display:flex;flex-direction:column;gap:20px;padding:26px;border-radius:24px;background:var(--npro-canvas);border:1px solid var(--npro-line);transition:transform .35s cubic-bezier(.22,.9,.3,1),box-shadow .35s ease,background-color .35s ease;min-height:400px;}
.npg-tile.is-wide{grid-column:span 2;}
.npg-tile:hover{transform:translateY(-4px);background:#fff;box-shadow:0 30px 60px -30px rgba(11,28,61,.3);}
.npg-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--npro-blue);}
.npg-tile h3{font-family:var(--npro-display);font-weight:800;font-size:24px;letter-spacing:-.02em;margin:8px 0 0;color:var(--npro-navy);}
.npg-tile p{margin:8px 0 0;font-size:14.5px;line-height:1.6;color:var(--npro-ink2);max-width:52ch;}
.npg-ui{margin-top:auto;border-radius:16px;background:#fff;border:1px solid var(--npro-line);padding:14px;font-size:12.5px;position:relative;overflow:hidden;min-height:150px;color:var(--npro-navy);}
.npg-tile:hover .npg-ui{box-shadow:0 12px 30px -20px rgba(11,28,61,.3);}
.npg-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--npro-line);}
.npg-row:first-child{border-top:0;}
.npg-row i{width:28px;height:28px;border-radius:8px;background:var(--npro-soft);color:var(--npro-blue);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:10.5px;}
.npg-row.is-new i{background:var(--npro-red);color:#fff;animation:npro-pulse-red 2s infinite;}
.npg-row b{display:block;font-size:12.5px;}
.npg-row small{font-size:11px;color:var(--npro-ink2);}
.npg-pill{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--npro-soft);color:var(--npro-blue);white-space:nowrap;}
.npg-pill.is-red{background:#FFE9E6;color:#D93B2A;}
.npg-pill.is-ok{background:#E3F8EA;color:#15803D;}
.npg-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-height:160px;}
.npg-col small{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--npro-ink2);margin-bottom:6px;}
.npg-chip{display:block;height:24px;border-radius:6px;background:#EEF5FF;border-left:3px solid var(--npro-blue);margin-bottom:6px;}
.npg-chip.is-ok{background:#E3F8EA;border-left-color:var(--npro-ok);}
.npg-chip.is-drop{background:#FFE9E6;border-left-color:var(--npro-red);opacity:0;animation:npg-drop 5s ease-in-out infinite;}
.npg-drag{position:absolute;left:4%;top:68%;padding:7px 10px;border-radius:8px;background:var(--npro-navy);color:#fff;font-size:11px;white-space:nowrap;box-shadow:0 12px 24px -10px rgba(11,28,61,.6);animation:npg-drag 5s ease-in-out infinite;}
@keyframes npg-drag{0%,10%{transform:translate(0,0);opacity:1;}45%,56%{transform:translate(2%,-160%);opacity:1;}60%,100%{transform:translate(2%,-160%);opacity:0;}}
@keyframes npg-drop{0%,56%{opacity:0;}62%,96%{opacity:1;}100%{opacity:0;}}
.npg-sign{display:flex;flex-direction:column;gap:8px;}
.npg-photos{display:flex;gap:6px;}
.npg-photos i{width:52px;height:38px;border-radius:6px;background:linear-gradient(135deg,#ADD0FF,#0A3680);}
.npg-photos i:nth-child(2){background:linear-gradient(135deg,#7AB3FF,#143060);}
.npg-lines{display:flex;gap:6px;flex-wrap:wrap;}
.npg-lines span{font-size:11px;padding:4px 8px;border-radius:999px;background:var(--npro-canvas);border:1px solid var(--npro-line);color:var(--npro-ink2);}
.npg-sign svg{width:100%;height:44px;fill:none;stroke:var(--npro-navy);stroke-width:2;stroke-linecap:round;stroke-dasharray:500;stroke-dashoffset:500;animation:npg-sign 6s ease-in-out infinite;}
@keyframes npg-sign{0%{stroke-dashoffset:500;}35%,85%{stroke-dashoffset:0;}100%{stroke-dashoffset:500;}}
.npg-sign b{font-size:11px;color:var(--npro-ink2);text-align:right;}
.npg-inv{display:flex;flex-direction:column;gap:10px;}
.npg-inv-head{display:flex;justify-content:space-between;align-items:baseline;}
.npg-inv-head small{color:var(--npro-ink2);}
.npg-inv-head b{font-family:var(--npro-display);font-size:26px;font-weight:800;}
.npg-paybtn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--npro-blue);color:#fff;font-weight:700;font-size:12.5px;align-self:flex-start;animation:npg-pay 6s ease-in-out infinite;}
.npg-paybtn i{width:16px;height:16px;border-radius:4px;background:#fff;}
.npg-paid{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#E3F8EA;color:#15803D;font-weight:700;font-size:12px;opacity:0;align-self:flex-start;animation:npg-paid 6s ease-in-out infinite;}
.npg-paid .npro-ico{width:14px;height:14px;}
@keyframes npg-pay{0%,40%{opacity:1;transform:none;}48%{transform:scale(.96);}55%,100%{opacity:.35;}}
@keyframes npg-paid{0%,50%{opacity:0;transform:translateY(6px);}60%,92%{opacity:1;transform:none;}100%{opacity:0;}}
.npg-portal{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;}
.npg-phone{border-radius:16px;border:5px solid var(--npro-navy);background:#fff;padding:12px;display:flex;flex-direction:column;gap:8px;}
.npg-ph-top{display:flex;align-items:center;gap:8px;font-weight:700;font-size:12px;}
.npg-ph-top i{width:20px;height:20px;border-radius:6px;background:var(--npro-blue);}
.npg-tl{display:flex;flex-direction:column;gap:5px;}
.npg-tl span{font-size:11px;padding:5px 8px;border-radius:8px;background:var(--npro-canvas);color:var(--npro-ink2);border:1px solid var(--npro-line);}
.npg-tl span.is-done{background:#E3F8EA;color:#15803D;border-color:#bfe9cd;}
.npg-tl span.is-now{background:var(--npro-soft);color:var(--npro-blue);border-color:#ADD0FF;animation:npg-now 2s infinite;}
@keyframes npg-now{50%{box-shadow:0 0 0 3px rgba(0,116,255,.15);}}
.npg-ph-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:999px;background:var(--npro-blue);color:#fff;font-size:11.5px;font-weight:700;}
.npg-ph-btn .npro-ico{width:12px;height:12px;}
.npg-portal-side{display:flex;flex-direction:column;gap:8px;}
.npg-portal-side div{background:var(--npro-canvas);border-radius:10px;padding:10px 12px;}
.npg-portal-side b{display:block;font-family:var(--npro-display);font-size:20px;font-weight:800;}
.npg-portal-side small{color:var(--npro-ink2);font-size:11px;}
.npg-maint{display:flex;flex-direction:column;gap:12px;}
.npg-cal small{display:block;font-size:11px;font-weight:700;margin-bottom:6px;}
.npg-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}
.npg-days i{height:16px;border-radius:4px;background:var(--npro-canvas);position:relative;display:block;}
.npg-days i.is-dot{background:var(--npro-soft);}
.npg-days i.is-dot::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--npro-blue);transform:translate(-50%,-50%);animation:npg-now 2s infinite;}
.npg-contract{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;background:var(--npro-canvas);}
.npg-contract b{font-size:12.5px;}
.npg-contract small{font-size:11px;color:var(--npro-ink2);}
.npg-contract .npg-pill{align-self:flex-start;}
.npg-cta{margin-top:40px;display:flex;justify-content:center;}

/* ---------- COMPARE (schuiver) ---------- */
.npro-compare{background:var(--npro-canvas);padding:128px 0;}
.npx-head{max-width:760px;margin-bottom:44px;}
.npx-wrap{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;border:1px solid var(--npro-line);box-shadow:0 40px 80px -30px rgba(11,28,61,.3);background:#fff;user-select:none;-webkit-user-select:none;touch-action:pan-y;}
.npx-after,.npx-before{position:absolute;inset:0;}
.npx-before{clip-path:inset(0 calc(100% - var(--pos,58%)) 0 0);z-index:2;}
.npx-screen{position:absolute;inset:0;display:flex;flex-direction:column;font-size:13px;color:var(--npro-navy);}
.npx-top{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;background:var(--npro-navy);color:#fff;}
.npx-top b{display:flex;align-items:center;gap:8px;}
.npx-top .npro-ico{width:16px;height:16px;color:var(--npro-soft-blue);}
.npx-top span{font-size:12px;color:rgba(255,255,255,.6);}
.npx-body{padding:22px;display:flex;flex-direction:column;gap:14px;flex:1;background:var(--npro-canvas);}
.npx-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.npx-kpis div{background:#fff;border:1px solid var(--npro-line);border-radius:12px;padding:12px 14px;}
.npx-kpis small{display:block;font-size:11px;color:var(--npro-ink2);}
.npx-kpis b{font-family:var(--npro-display);font-size:22px;font-weight:800;}
.npx-rows{display:flex;flex-direction:column;gap:8px;}
.npx-row{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--npro-line);border-radius:12px;padding:10px 12px;}
.npx-row i{width:32px;height:32px;border-radius:9px;background:var(--npro-soft);color:var(--npro-blue);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:11px;}
.npx-row i.is-red{background:var(--npro-red);color:#fff;}
.npx-row b{display:block;font-size:13px;}
.npx-row small{font-size:11px;color:var(--npro-ink2);}
.npx-pill{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--npro-soft);color:var(--npro-blue);white-space:nowrap;}
.npx-pill.is-ok{background:#E3F8EA;color:#15803D;}
.npx-chaos{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,#F3F4F7,#E4E8EF 70%);color:#222;}
.npx-wa{position:absolute;left:5%;top:8%;width:34%;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 20px 40px -20px rgba(0,0,0,.35);transform:rotate(-3deg);font-size:12px;}
.npx-wa b{display:block;font-size:12px;margin-bottom:6px;color:#1f7a3a;}
.npx-wa p{margin:4px 0;padding:7px 10px;border-radius:10px;background:#E8F5E9;display:inline-block;max-width:100%;}
.npx-xls{position:absolute;left:46%;top:6%;width:40%;background:#fff;border:1px solid #cbd5e1;padding:8px;transform:rotate(2deg);box-shadow:0 20px 40px -20px rgba(0,0,0,.35);font-size:11px;}
.npx-xls b{display:block;font-size:11px;color:#1D6F42;margin-bottom:4px;font-family:ui-monospace,Consolas,monospace;}
.npx-xls table{width:100%;border-collapse:collapse;}
.npx-xls td{border:1px solid #d5dbe5;padding:4px 6px;color:#333;}
.npx-note{position:absolute;left:12%;top:54%;width:150px;padding:14px;background:#FFF4A8;transform:rotate(-6deg);box-shadow:0 14px 30px -14px rgba(0,0,0,.4);font-size:15px;font-weight:700;font-style:italic;line-height:1.3;color:#5b4a00;}
.npx-call{position:absolute;right:8%;top:46%;background:#fff;border-radius:12px;padding:10px 14px 10px 40px;box-shadow:0 20px 40px -20px rgba(0,0,0,.35);font-size:12px;color:#c62828;font-weight:700;transform:rotate(1deg);}
.npx-call i{position:absolute;left:12px;top:12px;width:18px;height:18px;border-radius:50%;background:#c62828;}
.npx-call small{display:block;color:#666;font-weight:400;}
.npx-paper{position:absolute;left:44%;top:64%;width:34%;background:#fff;padding:12px 14px;box-shadow:0 20px 40px -20px rgba(0,0,0,.4);transform:rotate(-2deg);font-size:11px;}
.npx-paper b{display:block;letter-spacing:.2em;font-size:11px;margin-bottom:8px;}
.npx-paper span{display:block;height:6px;border-radius:3px;background:#dfe3ea;margin:6px 0;}
.npx-paper span.is-short{width:55%;}
.npx-paper small{display:block;margin-top:10px;color:#777;}
.npx-handle{position:absolute;top:0;bottom:0;left:var(--pos,58%);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(11,28,61,.15);transform:translateX(-50%);z-index:4;pointer-events:none;}
.npx-handle i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:var(--npro-navy);color:#fff;display:flex;align-items:center;justify-content:center;gap:2px;box-shadow:0 12px 30px rgba(11,28,61,.4);}
.npx-handle .npro-ico{width:14px;height:14px;}
.npx-label{position:absolute;top:16px;z-index:4;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;pointer-events:none;}
.npx-label.is-before{left:16px;background:#fff;color:#c62828;box-shadow:0 8px 20px -10px rgba(0,0,0,.4);}
.npx-label.is-after{right:16px;background:var(--npro-blue);color:#fff;}
.npx-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5;margin:0;-webkit-appearance:none;appearance:none;}
.npx-points{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;}
.npx-points ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px;}
.npx-points li{display:flex;gap:10px;align-items:flex-start;}
.npx-points .npro-ico{flex:none;width:20px;height:20px;border-radius:50%;padding:4px;margin-top:1px;}
.npx-points .is-before .npro-ico{background:#FFE9E6;color:#D93B2A;}
.npx-points .is-after .npro-ico{background:#E3F8EA;color:#15803D;}
.npx-points .is-before li{color:var(--npro-ink2);}

/* ---------- ROLES (tabs) ---------- */
.npro-roles{background:#fff;padding:128px 0;}
.npr-head{max-width:760px;margin-bottom:36px;}
.npr-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px;}
.npr-tab{position:relative;display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;border:1px solid var(--npro-line);background:#fff;color:var(--npro-ink2);font:inherit;font-weight:600;font-size:14.5px;cursor:pointer;overflow:hidden;transition:background-color .25s,color .25s,border-color .25s;}
.npr-tab .npro-ico{width:16px;height:16px;}
.npr-tab:hover{border-color:var(--npro-navy);color:var(--npro-navy);}
.npr-tab.is-on{background:var(--npro-navy);color:#fff;border-color:var(--npro-navy);}
.npr-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--npro-blue);transform:scaleX(0);transform-origin:left;}
.npr-tab.is-on .npr-bar{animation:npr-bar var(--npr-dur,6s) linear forwards;}
@keyframes npr-bar{to{transform:scaleX(1);}}
.npr-panel{display:none;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;}
.npr-panel.is-on{display:grid;animation:npro-slidein .5s ease;}
.npr-name{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--npro-blue);}
.npr-copy h3{font-family:var(--npro-display);font-weight:800;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.02em;line-height:1.1;margin:12px 0 0;color:var(--npro-navy);}
.npr-copy ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px;font-size:16px;line-height:1.5;}
.npr-copy li{display:flex;gap:12px;}
.npr-copy .npro-ico{flex:none;width:22px;height:22px;border-radius:50%;background:var(--npro-soft);color:var(--npro-blue);padding:4px;margin-top:1px;}
.npr-copy blockquote{margin:26px 0 0;padding-left:16px;border-left:3px solid var(--npro-blue);font-family:var(--npro-display);font-weight:800;font-size:20px;letter-spacing:-.01em;color:var(--npro-navy);}
.npr-visual{min-height:440px;border-radius:24px;background:var(--npro-canvas);border:1px solid var(--npro-line);padding:28px;display:flex;align-items:center;justify-content:center;}
.npr-scr{width:100%;font-size:13px;color:var(--npro-navy);}
.npr-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px;}
.npr-top b{font-size:15px;}
.npr-top span{font-size:12px;color:var(--npro-ink2);}
.npr-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--npro-soft);color:var(--npro-blue);}
.npr-pill.is-red{background:#FFE9E6;color:#D93B2A;}
.npr-pill .npro-ico{width:11px;height:11px;}
.npr-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.npr-kpis div{background:#fff;border:1px solid var(--npro-line);border-radius:12px;padding:12px;}
.npr-kpis small{display:block;font-size:11px;color:var(--npro-ink2);}
.npr-kpis b{font-family:var(--npro-display);font-size:22px;font-weight:800;}
.npr-chart{display:flex;align-items:flex-end;gap:8px;height:150px;margin-top:16px;padding:14px;background:#fff;border:1px solid var(--npro-line);border-radius:12px;}
.npr-chart i{flex:1;height:var(--h,50%);border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#3D92FF,#0074FF);transform-origin:bottom;}
.npr-panel.is-on .npr-chart i{animation:npr-grow .9s cubic-bezier(.22,.9,.3,1) both;}
@keyframes npr-grow{from{transform:scaleY(0);}}
.npr-legend{display:flex;justify-content:space-between;margin-top:8px;font-size:11.5px;color:var(--npro-ink2);}
.npr-legend .is-ok{color:#15803D;font-weight:700;}
.npr-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.npr-cols small{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--npro-ink2);margin-bottom:6px;}
.npr-cols i{display:block;min-height:26px;border-radius:7px;background:#EEF5FF;border-left:3px solid var(--npro-blue);margin-bottom:6px;font-style:normal;font-size:11px;padding:6px 8px;color:var(--npro-navy);}
.npr-cols i.is-red{background:#FFE9E6;border-left-color:var(--npro-red);font-weight:700;}
.npr-cols i.is-ok{background:#E3F8EA;border-left-color:var(--npro-ok);}
.npr-toast{margin-top:14px;display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--npro-navy);color:#fff;font-size:12px;}
.npr-toast .npro-ico{width:14px;height:14px;color:var(--npro-soft-blue);flex:none;}
.npr-phone{display:flex;justify-content:center;}
.npr-ph{width:280px;border-radius:26px;border:6px solid var(--npro-navy);background:#fff;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 30px 60px -30px rgba(11,28,61,.4);}
.npr-ph-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;}
.npr-ph-top i{width:34px;height:12px;border-radius:6px;background:var(--npro-navy);}
.npr-ph>b{font-size:15px;}
.npr-brand{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--npro-ink2);}
.npr-brand .npro-ico{width:12px;height:12px;color:var(--npro-blue);}
.npr-ph-job{position:relative;padding:10px 12px;border-radius:12px;background:var(--npro-canvas);border:1px solid var(--npro-line);}
.npr-ph-job.is-now{background:#EEF5FF;border-color:#ADD0FF;}
.npr-ph-job b{display:block;font-size:12.5px;}
.npr-ph-job small{font-size:11px;color:var(--npro-ink2);}
.npr-ph-job em{position:absolute;right:10px;top:10px;font-style:normal;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;background:var(--npro-blue);color:#fff;}
.npr-ph-sign{padding:8px 10px;border-radius:10px;background:var(--npro-canvas);border:1px solid var(--npro-line);}
.npr-ph-sign small{font-size:10px;color:var(--npro-ink2);}
.npr-ph-sign svg{display:block;width:100%;height:36px;fill:none;stroke:var(--npro-navy);stroke-width:2;stroke-linecap:round;stroke-dasharray:500;stroke-dashoffset:500;}
.npr-panel.is-on .npr-ph-sign svg{animation:npro-draw 1.8s ease-out .4s forwards;}
.npr-ph-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:999px;background:var(--npro-blue);color:#fff;font-size:12px;font-weight:700;}
.npr-ph-btn.is-ghost{background:#fff;color:var(--npro-blue);border:1px solid #ADD0FF;}
.npr-ph-btn .npro-ico{width:13px;height:13px;}
.npr-tl{display:flex;flex-direction:column;gap:5px;}
.npr-tl span{font-size:11px;padding:6px 9px;border-radius:8px;background:var(--npro-canvas);border:1px solid var(--npro-line);color:var(--npro-ink2);}
.npr-tl span.is-done{background:#E3F8EA;color:#15803D;border-color:#bfe9cd;}
.npr-tl span.is-now{background:var(--npro-soft);color:var(--npro-blue);border-color:#ADD0FF;}

/* ---------- responsive II ---------- */
@media (max-width:1100px){
  .npv-screen{grid-template-columns:1fr;min-height:0;}
  .npv-side{display:none;}
  .npv-kpis{grid-template-columns:repeat(2,1fr);}
  .npv-grid{grid-template-columns:1fr;}
  .npv-search{display:none;}
  .npg-head{grid-template-columns:1fr;gap:16px;}
  .npg-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .npr-panel{grid-template-columns:1fr;gap:32px;}
  .npx-wrap{aspect-ratio:4/3;}
}
@media (max-width:640px){
  .npro-canvas{padding-top:calc(var(--npro-top,170px) - 40px);}
  .npv-title{font-size:clamp(36px,10vw,52px);}
  .npv-callout{display:none;}
  .npv-stage{margin-top:40px;}
  .npv-kpis{grid-template-columns:1fr 1fr;gap:8px;}
  .npv-kpi b{font-size:20px;}
  .npv-cols{grid-template-columns:1fr;}
  .npg-grid{grid-template-columns:1fr;}
  .npg-tile.is-wide{grid-column:span 1;}
  .npg-tile{min-height:0;}
  .npg-portal{grid-template-columns:1fr;}
  .npx-points{grid-template-columns:1fr;}
  .npx-wrap{aspect-ratio:3/4;}
  .npx-wa,.npx-xls,.npx-paper{width:58%;}
  .npx-xls{left:38%;}
  .npx-kpis{grid-template-columns:1fr;}
  .npr-visual{padding:16px;min-height:0;}
  .npr-kpis{grid-template-columns:repeat(2,1fr);}
  .npro-grid,.npro-compare,.npro-roles{padding-top:88px;padding-bottom:80px;}
  .npm-item{padding:14px 22px;font-size:13px;}
}
@media (prefers-reduced-motion:reduce){
  .npm-track,.npg-chip.is-drop,.npg-drag,.npg-sign svg,.npg-paybtn,.npg-paid,.npg-tl span.is-now,.npg-days i.is-dot::after,.npv-row.is-new i,.npg-row.is-new i,.npr-tab.is-on .npr-bar,.npr-chart i,.npr-ph-sign svg{animation:none!important;}
  .npg-chip.is-drop,.npg-paid{opacity:1;}
  .npg-drag{display:none;}
  .npv-frame,.npv-callout{transition:none;transform:none;}
  .npg-sign svg,.npr-ph-sign svg{stroke-dashoffset:0;}
}

/* =====================================================================
   Nexa Pro III — donker & cinematisch: nachtkaart-hero (nmp), cijferwand (nnw),
   filmstrook (ncn), koppelingen-orbit (nob)
   ===================================================================== */

/* ---------- NACHTKAART HERO ---------- */
.npro-map{background:var(--npro-deep);color:#fff;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--npro-top,160px) 0 88px;}
.nmp-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:56px;align-items:center;width:100%;}
.nmp-kicker{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:8px 14px 8px 10px;border-radius:999px;background:rgba(255,90,71,.12);border:1px solid rgba(255,90,71,.35);color:#ffb0a6;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.nmp-kicker i{width:8px;height:8px;border-radius:50%;background:var(--npro-red);box-shadow:0 0 0 0 rgba(255,90,71,.6);animation:npro-pulse-red 1.8s infinite;}
.npro-map .nph-title{margin-top:22px;}
.nmp-stage{position:relative;display:flex;flex-direction:column;gap:14px;}
.nmp-map{position:relative;aspect-ratio:10/7;border-radius:24px;overflow:hidden;background:radial-gradient(80% 70% at 50% 40%,#0E2249,#071430 75%);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.06);}
.nmp-streets{position:absolute;inset:0;width:100%;height:100%;}
.nmp-grid line{stroke:rgba(255,255,255,.07);stroke-width:1;}
.nmp-blocks rect{fill:rgba(255,255,255,.035);stroke:rgba(255,255,255,.06);}
.nmp-main path{fill:none;stroke:rgba(122,179,255,.22);stroke-width:5;stroke-linecap:round;}
.nmp-route{fill:none;stroke:rgba(0,116,255,.55);stroke-width:2;stroke-dasharray:6 6;animation:nmp-dash 1.2s linear infinite;}
@keyframes nmp-dash{to{stroke-dashoffset:-24;}}
.nmp-van circle{fill:var(--npro-blue);stroke:#fff;stroke-width:2;filter:drop-shadow(0 6px 14px rgba(0,116,255,.7));}
.nmp-van text{fill:#fff;font-size:11px;font-weight:800;font-family:var(--npro-display);}
.nmp-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-14px,-14px);display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:999px;background:rgba(7,20,48,.78);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:12px;white-space:nowrap;z-index:2;}
.nmp-pin i{width:18px;height:18px;border-radius:50%;background:var(--npro-blue);border:2px solid #fff;flex:none;}
.nmp-pin[data-tone="red"] i{background:var(--npro-red);box-shadow:0 0 0 0 rgba(255,90,71,.6);animation:npro-pulse-red 1.6s infinite;}
.nmp-pin[data-tone="ok"] i{background:var(--npro-ok);}
.nmp-pin b{display:block;font-size:12.5px;}
.nmp-pin small{display:block;color:rgba(255,255,255,.6);font-size:11px;}
.nmp-hud{position:absolute;left:14px;right:14px;top:14px;display:flex;align-items:center;gap:10px;font-size:11.5px;z-index:2;}
.nmp-live{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(7,20,48,.75);border:1px solid rgba(255,255,255,.14);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:10.5px;}
.nmp-live i{width:7px;height:7px;border-radius:50%;background:var(--npro-ok);animation:npro-pulse 2.2s ease-out infinite;}
.nmp-city{color:rgba(255,255,255,.6);}
.nmp-clock{margin-left:auto;font-family:var(--npro-display);font-weight:800;font-size:22px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 24px rgba(0,116,255,.6);}
.nmp-feed{list-style:none;margin:0;padding:6px 0 0;display:flex;flex-direction:column;gap:6px;}
.nmp-feed li{display:grid;grid-template-columns:52px 10px 1fr;gap:12px;align-items:center;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:12.5px;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .5s cubic-bezier(.22,.9,.3,1),background-color .4s;}
.nmp-feed li.is-on{opacity:1;transform:none;}
.nmp-feed li.is-new{background:rgba(0,116,255,.14);border-color:rgba(0,116,255,.4);}
.nmp-feed li[data-tone="red"].is-new{background:rgba(255,90,71,.14);border-color:rgba(255,90,71,.45);}
.nmp-feed li[data-tone="ok"].is-new{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.45);}
.nmp-ev-t{font-family:var(--npro-display);font-weight:800;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.85);}
.nmp-feed li i{width:8px;height:8px;border-radius:50%;background:var(--npro-blue);}
.nmp-feed li[data-tone="red"] i{background:var(--npro-red);}
.nmp-feed li[data-tone="ok"] i{background:var(--npro-ok);}
.nmp-feed b{display:block;font-size:13px;}
.nmp-feed small{color:rgba(255,255,255,.6);font-size:11.5px;}

/* ---------- CIJFERWAND ---------- */
.npro-numbers{background:var(--npro-deep);color:#fff;padding:128px 0;}
.nnw-rail{position:absolute;left:calc(50% - 620px + 32px);top:0;bottom:0;width:2px;background:rgba(255,255,255,.08);overflow:hidden;}
.nnw-rail b{position:absolute;left:0;width:100%;height:160px;top:-160px;background:linear-gradient(180deg,transparent,#7AB3FF,#0074FF,transparent);animation:nnw-beam 6s linear 3;}
@keyframes nnw-beam{to{top:100%;}}
.nnw-head{padding-left:40px;max-width:820px;margin-bottom:48px;}
.nnw-rows{display:flex;flex-direction:column;}
.nnw-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center;padding:44px 0 44px 40px;border-top:1px solid rgba(255,255,255,.1);}
.nnw-row:last-child{border-bottom:1px solid rgba(255,255,255,.1);}
.nnw-num{font-family:var(--npro-display);font-weight:800;font-size:clamp(64px,9vw,136px);line-height:.9;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;}
.nnw-num em{font-style:normal;font-size:.36em;letter-spacing:-.02em;color:var(--npro-soft-blue);margin-left:.12em;}
.nnw-copy h3{font-family:var(--npro-display);font-weight:800;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.02em;line-height:1.1;margin:0;}
.nnw-copy p{margin:12px 0 0;font-size:16.5px;line-height:1.65;color:rgba(255,255,255,.66);max-width:52ch;}

/* ---------- FILMSTROOK (pinned horizontal) ---------- */
.npro-cinema{background:linear-gradient(180deg,#071430,#0B1C3D 50%,#071430);color:#fff;height:calc(100vh + var(--n,5) * 60vh);}
.ncn-pin{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;gap:28px;overflow:hidden;}
.ncn-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;width:100%;}
.ncn-dots{display:flex;gap:6px;flex:none;padding-bottom:10px;}
.ncn-dots i{width:22px;height:4px;border-radius:2px;background:rgba(255,255,255,.16);transition:width .3s,background-color .3s;}
.ncn-dots i.is-on{width:44px;background:var(--npro-blue);}
.ncn-track{display:flex;gap:28px;padding-left:max(32px,calc(50vw - 620px + 32px));will-change:transform;}
.ncn-panel{flex:0 0 min(760px,78vw);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:center;padding:28px;border-radius:28px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);opacity:.45;transform:scale(.97);transition:opacity .5s ease,transform .6s cubic-bezier(.22,.9,.3,1),background-color .5s;}
.ncn-panel.is-on{opacity:1;transform:none;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);box-shadow:0 40px 90px -40px rgba(0,0,0,.8);}
.ncn-spacer{flex:0 0 40vw;}
.ncn-time{display:inline-flex;align-items:baseline;gap:10px;font-family:var(--npro-display);font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--npro-soft-blue);font-variant-numeric:tabular-nums;}
.ncn-time b{font-size:12px;letter-spacing:.14em;color:rgba(255,255,255,.5);}
.ncn-copy h3{font-family:var(--npro-display);font-weight:800;font-size:clamp(24px,2.4vw,32px);letter-spacing:-.02em;line-height:1.1;margin:14px 0 0;}
.ncn-copy p{margin:14px 0 0;font-size:15.5px;line-height:1.65;color:rgba(255,255,255,.7);}
.ncn-progress{display:flex;align-items:center;gap:14px;width:100%;}
.ncn-progress i{flex:1;height:2px;background:rgba(255,255,255,.12);border-radius:2px;overflow:hidden;display:block;}
.ncn-progress b{display:block;height:100%;width:0;background:linear-gradient(90deg,#7AB3FF,#0074FF);box-shadow:0 0 12px rgba(0,116,255,.7);}
.ncn-hint{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.ncn-hint .npro-ico{width:14px;height:14px;animation:ncn-nudge 1.6s ease-in-out infinite;}
@keyframes ncn-nudge{50%{transform:translateX(4px);}}
/* kaarten */
.ncn-card{border-radius:20px;background:rgba(7,20,48,.7);border:1px solid rgba(255,255,255,.12);padding:18px;font-size:13px;color:#fff;min-height:300px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.ncn-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.ncn-card-head b{font-size:14.5px;}
.ncn-pill{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.1);}
.ncn-pill.is-red{background:rgba(255,90,71,.2);color:#ffb0a6;}
.ncn-pill .npro-ico{width:11px;height:11px;}
.ncn-rows{display:flex;flex-direction:column;gap:8px;}
.ncn-row{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);}
.ncn-row.is-hot{border-color:rgba(255,90,71,.5);background:rgba(255,90,71,.1);}
.ncn-row i{width:30px;height:30px;border-radius:9px;background:var(--npro-red);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;}
.ncn-row b{display:block;font-size:13px;}
.ncn-row small{color:rgba(255,255,255,.6);font-size:11.5px;}
.ncn-who small{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:6px;}
.ncn-who>div{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;margin-bottom:6px;background:rgba(255,255,255,.04);}
.ncn-who>div.is-pick{background:rgba(0,116,255,.22);border:1px solid rgba(0,116,255,.5);}
.ncn-who span{width:28px;height:28px;border-radius:50%;background:var(--npro-blue);display:grid;place-items:center;font-size:11px;font-weight:800;}
.ncn-who em{font-style:normal;font-size:12px;color:rgba(255,255,255,.7);}
.ncn-who>div.is-pick em{color:#fff;font-weight:700;}
.ncn-drop{margin-top:auto;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:8px 12px;border-radius:10px;background:var(--npro-blue);font-weight:700;font-size:12.5px;box-shadow:0 12px 24px -10px rgba(0,116,255,.8);}
.ncn-panel.is-on .ncn-drop{animation:npro-drop 1s cubic-bezier(.22,.9,.3,1) .3s both;}
.ncn-drop i{width:8px;height:8px;border-radius:50%;background:#fff;}
.ncn-sms{border-radius:14px 14px 14px 4px;padding:12px 14px;background:rgba(122,179,255,.14);border:1px solid rgba(122,179,255,.3);}
.ncn-sms-h{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--npro-soft-blue);margin-bottom:6px;}
.ncn-sms-h .npro-ico{width:12px;height:12px;}
.ncn-sms p{margin:0;font-size:13.5px;line-height:1.5;}
.ncn-map{position:relative;margin-top:auto;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:12px;}
.ncn-map svg{display:block;width:100%;height:auto;}
.ncn-path{fill:none;stroke:rgba(0,116,255,.6);stroke-width:2;stroke-dasharray:6 6;animation:nmp-dash 1.2s linear infinite;}
.ncn-dot-a{fill:rgba(255,255,255,.3);}
.ncn-dot-b{fill:var(--npro-red);}
.ncn-van{fill:var(--npro-blue);stroke:#fff;stroke-width:2;}
.ncn-eta{position:absolute;right:14px;top:12px;text-align:right;}
.ncn-eta small{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.ncn-eta b{font-family:var(--npro-display);font-size:20px;font-weight:800;}
.ncn-photos{display:flex;gap:8px;}
.ncn-photos i{width:64px;height:48px;border-radius:8px;background:linear-gradient(135deg,#ADD0FF,#0A3680);}
.ncn-photos i:nth-child(2){background:linear-gradient(135deg,#7AB3FF,#143060);}
.ncn-lines{display:flex;flex-direction:column;}
.ncn-lines>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:12.5px;}
.ncn-lines b{font-variant-numeric:tabular-nums;}
.ncn-sign{margin-top:auto;border-radius:12px;padding:8px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);}
.ncn-sign small{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.ncn-sign svg{display:block;width:100%;height:52px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;}
.ncn-panel.is-on .ncn-sign svg{animation:npro-draw 2s ease-out .4s forwards;}
.ncn-inv{padding:16px;border-radius:14px;background:#fff;color:var(--npro-navy);}
.ncn-inv small{display:block;font-size:11px;color:var(--npro-ink2);}
.ncn-inv b{display:block;font-family:var(--npro-display);font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1;margin-top:4px;}
.ncn-inv span{display:block;font-size:12px;color:var(--npro-ink2);margin-top:6px;}
.ncn-ideal{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.4);}
.ncn-ideal i{width:36px;height:36px;border-radius:50%;background:var(--npro-ok);color:var(--npro-deep);display:grid;place-items:center;flex:none;transform:scale(0);}
.ncn-panel.is-on .ncn-ideal i{animation:npro-pop .5s cubic-bezier(.34,1.56,.64,1) .5s forwards;}
.ncn-ideal .npro-ico{width:18px;height:18px;}
.ncn-ideal b{display:block;font-size:14px;}
.ncn-ideal small{color:rgba(255,255,255,.65);font-size:12px;}
.ncn-sync{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;}
.ncn-sync span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.75);}
.ncn-sync .npro-ico{width:12px;height:12px;color:var(--npro-soft-blue);}
.ncn-phone{align-items:center;}
.ncn-ph{width:250px;border-radius:24px;border:5px solid #1a2f5c;background:#fff;color:var(--npro-navy);padding:14px;display:flex;flex-direction:column;gap:9px;box-shadow:0 30px 60px -30px rgba(0,0,0,.8);}
.ncn-ph-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;}
.ncn-ph-top i{width:34px;height:12px;border-radius:6px;background:var(--npro-navy);}
.ncn-ph-brand{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--npro-ink2);}
.ncn-ph-brand .npro-ico{width:12px;height:12px;color:var(--npro-blue);}
.ncn-ph>b{font-size:16px;font-family:var(--npro-display);font-weight:800;}
.ncn-ph-photo{display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;background:var(--npro-canvas);border:1px solid var(--npro-line);font-size:11px;color:var(--npro-ink2);}
.ncn-ph-photo i{width:44px;height:34px;border-radius:6px;background:linear-gradient(135deg,#7AB3FF,#0B1C3D);}
.ncn-ph-field{padding:9px 10px;border-radius:10px;background:var(--npro-canvas);border:1px solid var(--npro-line);font-size:11.5px;color:var(--npro-navy);display:flex;align-items:center;gap:6px;}
.ncn-ph-field.is-sel{background:#FFE9E6;border-color:#ffb0a6;color:#D93B2A;font-weight:700;}
.ncn-ph-field .npro-ico{width:12px;height:12px;}
.ncn-ph-btn{display:block;text-align:center;padding:10px;border-radius:999px;background:var(--npro-blue);color:#fff;font-weight:700;font-size:12px;}
.ncn-toast{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.4);font-size:12px;color:#8df0b0;}
.ncn-panel.is-on .ncn-toast{animation:npro-slidein .6s ease .8s both;}
.ncn-toast .npro-ico{width:13px;height:13px;}

/* ---------- ORBIT ---------- */
.npro-orbit{background:var(--npro-deep);color:#fff;padding:128px 0;overflow:hidden;}
.nob-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;}
.nob-points{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px;font-size:15.5px;line-height:1.5;color:rgba(255,255,255,.85);}
.nob-points li{display:flex;gap:12px;align-items:flex-start;}
.nob-points .npro-ico{flex:none;width:22px;height:22px;border-radius:50%;background:rgba(0,116,255,.25);color:var(--npro-soft-blue);padding:4px;margin-top:1px;}
.nob-cta{margin-top:30px;}
.nob-stage{position:relative;width:100%;aspect-ratio:1;max-width:560px;margin:0 auto;display:grid;place-items:center;}
.nob-glow{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(0,116,255,.45),transparent 65%);filter:blur(30px);}
.nob-ring{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(255,255,255,.14);animation:nob-spin var(--dur,60s) linear infinite;}
.nob-ring-1{inset:24%;--dur:38s;}
.nob-ring-2{inset:4%;--dur:70s;animation-direction:reverse;}
.nob-sat{position:absolute;inset:0;transform:rotate(var(--a));pointer-events:none;}
.nob-sat .nob-chip{position:absolute;left:50%;top:0;transform:translate(-50%,-50%) rotate(calc(-1 * var(--a)));}
.nob-chip{display:flex;align-items:center;justify-content:center;width:86px;height:56px;border-radius:16px;background:rgba(7,20,48,.85);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 40px -20px rgba(0,0,0,.8);animation:nob-counter var(--dur,60s) linear infinite;}
.nob-ring-2 .nob-chip{animation-direction:reverse;}
.nob-chip img{max-width:64px;max-height:26px;filter:brightness(0) invert(1);opacity:.9;}
.nob-chip b{font-size:12px;font-weight:800;letter-spacing:.04em;color:#fff;}
.nob-core{position:relative;z-index:2;width:150px;height:150px;border-radius:50%;background:linear-gradient(160deg,#0E2249,#071430);border:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 0 12px rgba(0,116,255,.08),0 30px 60px -20px rgba(0,116,255,.6);}
.nob-core img{width:46px;height:auto;}
.nob-core b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7);}
@keyframes nob-spin{to{transform:rotate(360deg);}}
@keyframes nob-counter{to{transform:translate(-50%,-50%) rotate(calc(-1 * var(--a) - 360deg));}}

/* ---------- responsive III ---------- */
@media (max-width:1100px){
  .nmp-in{grid-template-columns:1fr;gap:40px;}
  .nnw-rail{left:16px;}
  .nnw-head,.nnw-row{padding-left:24px;}
  .nnw-row{grid-template-columns:1fr;gap:12px;padding-top:32px;padding-bottom:32px;}
  .npro-cinema{height:auto;}
  .ncn-pin{position:static;height:auto;padding:88px 0;gap:32px;}
  .ncn-track{flex-direction:column;padding:0 32px;gap:20px;transform:none!important;}
  .ncn-panel{flex-basis:auto;width:100%;opacity:1;transform:none;grid-template-columns:1fr;}
  .ncn-spacer,.ncn-progress,.ncn-dots{display:none;}
  .nob-in{grid-template-columns:1fr;gap:40px;}
}
@media (max-width:640px){
  .npro-map{padding-top:calc(var(--npro-top,160px) - 40px);}
  .nmp-pin small{display:none;}
  .nmp-feed li{grid-template-columns:44px 8px 1fr;}
  .nnw-num{font-size:clamp(52px,16vw,72px);}
  .ncn-track{padding:0 20px;}
  .ncn-panel{padding:20px;}
  .ncn-card{min-height:0;}
  .nob-chip{width:66px;height:44px;border-radius:12px;}
  .nob-chip img{max-width:48px;max-height:20px;}
  .nob-core{width:110px;height:110px;}
  .nob-core img{width:34px;}
  .npro-numbers,.npro-orbit{padding-top:88px;padding-bottom:80px;}
}
@media (prefers-reduced-motion:reduce){
  .nmp-route,.ncn-path,.nmp-kicker i,.nmp-pin i,.nmp-live i,.nnw-rail b,.ncn-hint .npro-ico,.nob-ring,.nob-chip,.ncn-drop,.ncn-toast{animation:none!important;}
  .ncn-sign svg{stroke-dashoffset:0;animation:none!important;}
  .ncn-ideal i{transform:none;animation:none!important;}
  .nmp-feed li{opacity:1;transform:none;}
  .npro-cinema{height:auto;}
  .ncn-pin{position:static;height:auto;padding:88px 0;}
  .ncn-track{flex-direction:column;padding:0 32px;transform:none!important;}
  .ncn-panel{flex-basis:auto;opacity:1;transform:none;grid-template-columns:1fr;}
  .ncn-spacer,.ncn-progress{display:none;}
}

/* =====================================================================
   Nexa Pro IV & V — inbox (nib) · leiding (npip) · stapel (nst) · rekentool (ncl) · stemmen (nvo)
   · faq donker (nfq) · chat (nch) · showreel (nrl) · control room (nct) · flip (nfl) · weken (nwk)
   · bewijswand (nwl) · pakketten (ntr) · finale (nfn)
   ===================================================================== */

/* ---------- INBOX HERO ---------- */
.npro-inbox{background:var(--npro-deep);color:#fff;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--npro-top,160px) 0 88px;overflow:hidden;}
.nib-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:56px;align-items:center;width:100%;}
.nib-copy .nph-title{margin-top:22px;}
.nib-channels{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px;}
.nib-channels span{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:12.5px;color:rgba(255,255,255,.8);}
.nib-channels .npro-ico{width:14px;height:14px;color:var(--npro-soft-blue);}
.nib-stage{border-radius:24px;background:linear-gradient(180deg,rgba(14,34,73,.75),rgba(7,20,48,.9));border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -30px rgba(0,0,0,.8);padding:18px 18px 14px;}
.nib-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:12px;}
.nib-live{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.nib-live i{width:7px;height:7px;border-radius:50%;background:var(--npro-ok);animation:npro-pulse 2.2s ease-out infinite;}
.nib-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-height:420px;}
.nib-msg{position:relative;display:grid;grid-template-columns:38px 1fr;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .5s cubic-bezier(.22,.9,.3,1),border-color .4s;}
.nib-msg.is-on{opacity:1;transform:none;}
.nib-msg.is-urgent.is-on{border-color:rgba(255,90,71,.45);}
.nib-ch{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;}
.nib-ch .npro-ico{width:17px;height:17px;}
.nib-ch-whatsapp{background:rgba(34,197,94,.18);color:#8df0b0;}
.nib-ch-phone{background:rgba(0,116,255,.2);color:#7AB3FF;}
.nib-ch-mail{background:rgba(245,165,36,.18);color:#ffd28a;}
.nib-ch-portal{background:rgba(0,116,255,.35);color:#fff;}
.nib-body small{display:block;font-size:11.5px;color:rgba(255,255,255,.55);}
.nib-body small b{color:#fff;}
.nib-body p{margin:3px 0 0;font-size:13.5px;line-height:1.45;}
.nib-result{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 10px;border-radius:999px;background:rgba(0,116,255,.16);border:1px solid rgba(0,116,255,.4);font-size:11.5px;font-weight:700;color:#c9dfff;opacity:0;transform:translateX(-6px);transition:opacity .4s ease,transform .4s ease;}
.nib-msg.is-done .nib-result{opacity:1;transform:none;}
.nib-result .npro-ico{width:12px;height:12px;}
.nib-urgent{position:absolute;right:12px;top:12px;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:rgba(255,90,71,.2);color:#ffb0a6;}
.nib-foot{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px;color:rgba(255,255,255,.65);}
.nib-foot .npro-ico{width:14px;height:14px;color:var(--npro-ok);}

/* ---------- LEIDING ---------- */
.npro-pipe{background:var(--npro-deep);color:#fff;padding:128px 0;}
.npip-head{max-width:760px;margin-bottom:64px;}
.npip-route{position:relative;display:flex;flex-direction:column;gap:48px;padding:20px 0 70px;}
.npip-line{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden;}
.npip-line b{position:absolute;left:0;top:0;width:100%;height:var(--fill,0%);background:linear-gradient(180deg,#7AB3FF,#0074FF);box-shadow:0 0 18px rgba(0,116,255,.8);transition:height .12s linear;}
.npip-step{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;}
.npip-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#0E2249;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;color:rgba(255,255,255,.6);z-index:2;transition:background-color .4s,border-color .4s,box-shadow .4s,color .4s;}
.npip-node .npro-ico{width:22px;height:22px;}
.npip-step.is-on .npip-node{background:var(--npro-blue);border-color:#3D92FF;color:#fff;box-shadow:0 0 0 8px rgba(0,116,255,.16),0 16px 40px rgba(0,116,255,.55);}
.npip-card{grid-column:1;margin-right:72px;padding:26px 28px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);opacity:.45;transform:translateX(-12px);transition:opacity .5s ease,transform .6s cubic-bezier(.22,.9,.3,1),border-color .4s,background-color .4s;}
.npip-step.is-right .npip-card{grid-column:2;margin-right:0;margin-left:72px;transform:translateX(12px);}
.npip-step.is-on .npip-card{opacity:1;transform:none;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06);}
.npip-card small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--npro-soft-blue);font-weight:700;}
.npip-card h3{font-family:var(--npro-display);font-weight:800;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.02em;margin:10px 0 0;}
.npip-card p{margin:10px 0 0;font-size:15px;line-height:1.6;color:rgba(255,255,255,.7);}
.npip-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;}
.npip-chips span{font-size:11.5px;padding:5px 10px;border-radius:999px;background:rgba(0,116,255,.14);border:1px solid rgba(0,116,255,.3);color:#c9dfff;}
.npip-end{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:44px;height:44px;border-radius:50%;background:var(--npro-ok);color:#071430;display:grid;place-items:center;opacity:.25;transition:opacity .4s,box-shadow .4s;}
.npip-end .npro-ico{width:20px;height:20px;}
.npip-route.is-done .npip-end{opacity:1;box-shadow:0 0 0 8px rgba(34,197,94,.16);}

/* ---------- STAPELKAARTEN ---------- */
.npro-stack{background:var(--npro-deep);color:#fff;padding:128px 0 96px;}
.nst-head{max-width:760px;margin-bottom:56px;}
.nst-cards{display:flex;flex-direction:column;gap:24px;}
.nst-card{position:sticky;top:calc(110px + var(--k,0) * 16px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;padding:36px 40px;border-radius:28px;background:linear-gradient(180deg,#0E2249,#0B1C3D);border:1px solid rgba(255,255,255,.12);box-shadow:0 -20px 60px -30px rgba(0,0,0,.9);min-height:320px;margin-bottom:calc((var(--n,5) - var(--k,0)) * 8px);}
.nst-num{font-family:var(--npro-display);font-weight:800;font-size:13px;letter-spacing:.14em;color:var(--npro-soft-blue);}
.nst-ico{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(0,116,255,.2);color:#7AB3FF;margin:14px 0 18px;}
.nst-ico .npro-ico{width:22px;height:22px;}
.nst-card h3{font-family:var(--npro-display);font-weight:800;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.02em;line-height:1.1;margin:0;}
.nst-card p{margin:14px 0 0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.7);max-width:52ch;}
.nst-card-side{display:flex;flex-direction:column;gap:18px;justify-content:center;}
.nst-stat{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);}
.nst-stat b{display:block;font-family:var(--npro-display);font-weight:800;font-size:40px;letter-spacing:-.03em;line-height:1;}
.nst-stat small{color:rgba(255,255,255,.6);font-size:12.5px;}
.nst-card-side ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14px;}
.nst-card-side li{display:flex;gap:10px;align-items:flex-start;}
.nst-card-side .npro-ico{flex:none;width:18px;height:18px;color:var(--npro-ok);margin-top:2px;}

/* ---------- REKENTOOL ---------- */
.npro-calc{background:var(--npro-deep);color:#fff;padding:128px 0;}
.ncl-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:64px;align-items:center;}
.ncl-sliders{display:flex;flex-direction:column;gap:22px;margin-top:32px;}
.ncl-slider{display:block;}
.ncl-lab{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;color:rgba(255,255,255,.75);margin-bottom:10px;}
.ncl-lab b{color:#fff;font-family:var(--npro-display);font-size:18px;font-variant-numeric:tabular-nums;}
.ncl-slider input{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:linear-gradient(90deg,#0074FF var(--p,50%),rgba(255,255,255,.14) var(--p,50%));outline:none;margin:0;}
.ncl-slider input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--npro-blue);box-shadow:0 8px 20px rgba(0,116,255,.5);cursor:pointer;}
.ncl-slider input::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--npro-blue);cursor:pointer;}
.ncl-slider input:focus-visible{outline:3px solid var(--npro-soft-blue);outline-offset:4px;}
.ncl-note{margin:22px 0 0;font-size:12.5px;color:rgba(255,255,255,.5);max-width:52ch;line-height:1.5;}
.ncl-panel{position:relative;overflow:hidden;border-radius:28px;padding:36px;background:linear-gradient(180deg,#0E2249,#071430);border:1px solid rgba(255,255,255,.12);box-shadow:0 50px 100px -40px rgba(0,0,0,.8);}
.ncl-glow{position:absolute;inset:-30% -20% auto;height:70%;background:radial-gradient(50% 60% at 60% 30%,rgba(0,116,255,.5),transparent 70%);pointer-events:none;}
.ncl-big{position:relative;}
.ncl-big small{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.ncl-big b{display:block;font-family:var(--npro-display);font-weight:800;font-size:clamp(56px,6vw,88px);letter-spacing:-.04em;line-height:1;margin-top:8px;font-variant-numeric:tabular-nums;}
.ncl-big em{font-style:normal;font-size:.32em;color:var(--npro-soft-blue);margin-left:.15em;letter-spacing:0;}
.ncl-big i{display:block;height:6px;border-radius:6px;background:rgba(255,255,255,.1);margin-top:18px;overflow:hidden;position:relative;}
.ncl-big i::after{content:"";position:absolute;inset:0;width:var(--w,30%);background:linear-gradient(90deg,#7AB3FF,#0074FF);border-radius:6px;transition:width .5s cubic-bezier(.22,.9,.3,1);}
.ncl-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0;}
.ncl-grid div{padding:14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);}
.ncl-grid small{display:block;font-size:11px;color:rgba(255,255,255,.55);}
.ncl-grid b{display:block;font-family:var(--npro-display);font-weight:800;font-size:22px;letter-spacing:-.02em;margin-top:4px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.ncl-grid em{font-style:normal;font-size:.6em;color:var(--npro-soft-blue);}
.ncl-panel .nexa-btn{position:relative;}

/* ---------- KLANTSTEMMEN ---------- */
.npro-voices{background:var(--npro-deep);color:#fff;padding:120px 0;overflow:hidden;}
.nvo-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.nvo-score{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.75);}
.nvo-score i{display:inline-flex;gap:2px;color:var(--npro-amber);}
.nvo-score .npro-ico{width:13px;height:13px;fill:currentColor;stroke:none;}
.nvo-stage{position:relative;min-height:360px;margin-top:40px;}
.nvo-item{position:absolute;inset:0;margin:0;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .6s cubic-bezier(.22,.9,.3,1);pointer-events:none;}
.nvo-item.is-on{opacity:1;transform:none;pointer-events:auto;}
.nvo-item blockquote{margin:0;font-family:var(--npro-display);font-weight:800;font-size:clamp(28px,3.6vw,52px);line-height:1.1;letter-spacing:-.025em;max-width:22ch;text-wrap:balance;}
.nvo-item blockquote em{font-style:normal;color:var(--npro-soft-blue);}
.nvo-item figcaption{display:flex;align-items:center;gap:14px;margin-top:28px;flex-wrap:wrap;}
.nvo-av{width:48px;height:48px;border-radius:50%;background:var(--npro-blue);display:grid;place-items:center;font-weight:800;font-size:14px;flex:none;}
.nvo-item figcaption b{display:block;font-size:15px;}
.nvo-item figcaption small{color:rgba(255,255,255,.6);font-size:13px;}
.nvo-stat{margin-left:auto;text-align:right;padding-left:20px;border-left:1px solid rgba(255,255,255,.14);}
.nvo-stat b{font-family:var(--npro-display);font-size:26px;font-weight:800;letter-spacing:-.02em;}
.nvo-stat small{display:block;color:rgba(255,255,255,.6);}
.nvo-nav{display:flex;align-items:center;gap:14px;margin-top:36px;}
.nvo-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background-color .25s,color .25s;}
.nvo-btn:hover{background:#fff;color:var(--npro-navy);}
.nvo-btn .npro-ico{width:16px;height:16px;}
.nvo-dots{display:flex;gap:8px;}
.nvo-dot{position:relative;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.06);color:rgba(255,255,255,.6);font:inherit;font-weight:700;font-size:11px;cursor:pointer;padding:0;}
.nvo-dot svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);}
.nvo-dot circle{fill:none;stroke:rgba(255,255,255,.14);stroke-width:2;}
.nvo-dot .nvo-ring{stroke:var(--npro-blue);stroke-dasharray:1;stroke-dashoffset:1;}
.nvo-dot.is-on{color:#fff;background:rgba(0,116,255,.18);}
.nvo-dot.is-on .nvo-ring{animation:nvo-ring var(--nvo-dur,7s) linear forwards;}
@keyframes nvo-ring{to{stroke-dashoffset:0;}}
.nvo-dot span{position:relative;}

/* ---------- FAQ DONKER ---------- */
.npro-faqdark{background:var(--npro-deep);color:#fff;padding:128px 0;}
.nfq-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start;}
.nfq-side{position:sticky;top:120px;}
.nfq-help{position:relative;margin-top:32px;padding:26px 24px 24px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);}
.nfq-help img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.25);max-width:none!important;}
.nfq-online{position:absolute;left:62px;top:62px;width:12px;height:12px;border-radius:50%;background:var(--npro-ok);border:2px solid #0B1C3D;}
.nfq-help b{display:block;margin-top:14px;font-family:var(--npro-display);font-weight:800;font-size:20px;letter-spacing:-.01em;}
.nfq-help p{margin:8px 0 18px;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.7);}
.nfq-list{display:flex;flex-direction:column;gap:10px;}
.nfq-item{border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:background-color .3s,border-color .3s;}
.nfq-item[open]{background:rgba(255,255,255,.06);border-color:rgba(0,116,255,.4);}
.nfq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;cursor:pointer;font-weight:700;font-size:16.5px;}
.nfq-item summary::-webkit-details-marker{display:none;}
.nfq-item summary i{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;background:rgba(255,255,255,.08);transform:rotate(45deg);transition:transform .35s,background-color .3s;}
.nfq-item summary .npro-ico{width:14px;height:14px;}
.nfq-item[open] summary i{transform:rotate(0);background:var(--npro-blue);}
.nfq-a{padding:0 22px 20px;}
.nfq-a p{margin:0;font-size:15px;line-height:1.65;color:rgba(255,255,255,.72);max-width:60ch;}

/* ---------- CHAT MET SAM ---------- */
.npro-chat{background:var(--npro-deep);color:#fff;padding:120px 0;overflow:hidden;}
.nch-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:64px;align-items:center;}
.nch-window{border-radius:26px;background:rgba(7,20,48,.85);border:1px solid rgba(255,255,255,.14);box-shadow:0 50px 100px -40px rgba(0,0,0,.9);overflow:hidden;max-width:520px;margin-left:auto;width:100%;}
.nch-head{position:relative;display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);}
.nch-head img{width:40px;height:40px;border-radius:50%;object-fit:cover;max-width:none!important;}
.nch-online{position:absolute;left:46px;top:44px;width:11px;height:11px;border-radius:50%;background:var(--npro-ok);border:2px solid #0B1C3D;}
.nch-head b{display:block;font-size:14.5px;}
.nch-head small{color:rgba(255,255,255,.6);font-size:12px;}
.nch-thread{padding:22px 18px 8px;display:flex;flex-direction:column;gap:10px;min-height:250px;}
.nch-msg{display:none;max-width:88%;}
.nch-msg.is-on{display:block;animation:npro-slidein .4s ease;}
.nch-bubble{display:inline-block;padding:11px 14px;border-radius:16px 16px 16px 4px;background:linear-gradient(160deg,#143060,#0B1C3D);border:1px solid rgba(255,255,255,.1);font-size:14px;line-height:1.5;min-height:42px;}
.nch-typing{display:inline-flex;gap:4px;align-items:center;height:1.4em;}
.nch-typing i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.6);animation:nch-dot 1s ease-in-out infinite;}
.nch-typing i:nth-child(2){animation-delay:.15s;}
.nch-typing i:nth-child(3){animation-delay:.3s;}
@keyframes nch-dot{0%,100%{transform:translateY(0);opacity:.4;}40%{transform:translateY(-4px);opacity:1;}}
.nch-msg.is-typed .nch-typing{display:none;}
.nch-replies{display:flex;flex-wrap:wrap;gap:8px;padding:10px 18px 20px;justify-content:flex-end;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .5s ease;}
.nch-replies.is-on{opacity:1;transform:none;}
.nch-reply{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(122,179,255,.5);color:#c9dfff;font-size:13.5px;font-weight:600;text-decoration:none;transition:background-color .25s,color .25s;}
.nch-reply:hover{background:rgba(0,116,255,.16);}
.nch-reply.is-primary{background:var(--npro-blue);border-color:var(--npro-blue);color:#fff;}
.nch-reply .npro-ico{width:15px;height:15px;}

/* ---------- SHOWREEL HERO ---------- */
.npro-reel{background:var(--npro-deep);color:#fff;overflow:hidden;padding:var(--npro-top,170px) 0 0;}
.nrl-copy{text-align:center;max-width:860px;margin:0 auto;}
.nrl-title{margin-top:22px;}
.nrl-sub{margin-left:auto;margin-right:auto;}
.nrl-ctas{justify-content:center;}
.nrl-stage{margin-top:56px;}
.nrl-frame{position:relative;aspect-ratio:16/9.6;border-radius:26px 26px 0 0;overflow:hidden;background:#0B1C3D;border:1px solid rgba(255,255,255,.14);border-bottom:0;box-shadow:0 -10px 80px -30px rgba(0,116,255,.5),0 40px 90px -40px rgba(0,0,0,.9);}
.nrl-scene{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 6s linear;color:var(--npro-navy);background:var(--npro-canvas);}
.nrl-scene.is-on{opacity:1;transform:scale(1);}
.nrl-top{display:flex;align-items:center;gap:16px;padding:16px 22px;background:var(--npro-navy);color:#fff;font-size:13px;flex:none;}
.nrl-brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;}
.nrl-brand i{width:26px;height:26px;border-radius:8px;background:var(--npro-blue);display:grid;place-items:center;color:#fff;}
.nrl-brand .npro-ico{width:14px;height:14px;}
.nrl-tabs{margin-left:auto;display:flex;gap:4px;}
.nrl-tabs span,.nrl-tabs b{padding:7px 12px;border-radius:999px;color:rgba(255,255,255,.6);font-weight:500;}
.nrl-tabs b{background:var(--npro-blue);color:#fff;font-weight:700;}
.nrl-user{width:30px;height:30px;border-radius:50%;background:#143060;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none;}
.nrl-body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1;font-size:13.5px;min-height:0;}
.nrl-boardhead{display:flex;justify-content:space-between;align-items:center;}
.nrl-boardhead b{font-size:16px;}
.nrl-boardhead span{color:var(--npro-ink2);font-size:12px;}
.nrl-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--npro-line);border-radius:14px;padding:12px 14px;}
.nrl-row i{width:36px;height:36px;border-radius:10px;background:var(--npro-soft);color:var(--npro-blue);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px;}
.nrl-row i.is-red{background:var(--npro-red);color:#fff;}
.nrl-row b{display:block;}
.nrl-row small{color:var(--npro-ink2);font-size:12px;}
.nrl-pill{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--npro-soft);color:var(--npro-blue);white-space:nowrap;}
.nrl-pill.is-red{background:#FFE9E6;color:#D93B2A;}
.nrl-pill.is-ok{background:#E3F8EA;color:#15803D;}
.nrl-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex:1;}
.nrl-col small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--npro-ink2);margin-bottom:8px;}
.nrl-job{border-radius:10px;padding:10px 12px;background:#EEF5FF;border-left:3px solid var(--npro-blue);margin-bottom:8px;}
.nrl-job b{display:block;font-size:13px;}
.nrl-job small{color:var(--npro-ink2);font-size:11.5px;}
.nrl-job.is-red{background:#FFE9E6;border-left-color:var(--npro-red);}
.nrl-job.is-ok{background:#E3F8EA;border-left-color:var(--npro-ok);}
.nrl-toast{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--npro-navy);color:#fff;font-size:13px;align-self:flex-start;}
.nrl-toast .npro-ico{width:16px;height:16px;color:var(--npro-soft-blue);}
.nrl-wb{align-items:center;justify-content:center;}
.nrl-wbcard{width:min(560px,100%);background:#fff;border:1px solid var(--npro-line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 60px -30px rgba(11,28,61,.35);}
.nrl-wbhead b{display:block;font-size:16px;}
.nrl-wbhead span{color:var(--npro-ink2);font-size:12.5px;}
.nrl-photos{display:flex;gap:8px;}
.nrl-photos i{width:72px;height:54px;border-radius:8px;background:linear-gradient(135deg,#ADD0FF,#0A3680);}
.nrl-photos i:nth-child(2){background:linear-gradient(135deg,#7AB3FF,#143060);}
.nrl-photos i.is-add{background:var(--npro-soft);color:var(--npro-blue);display:grid;place-items:center;border:1px dashed #ADD0FF;}
.nrl-lines>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--npro-line);font-size:13px;}
.nrl-lines .is-total{font-weight:700;border-bottom:0;}
.nrl-sign{border:1px solid var(--npro-line);border-radius:12px;padding:8px 12px;background:var(--npro-canvas);}
.nrl-sign small{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--npro-ink2);}
.nrl-sign svg{display:block;width:100%;height:50px;fill:none;stroke:var(--npro-navy);stroke-width:2;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;}
.nrl-scene.is-on .nrl-sign svg{animation:npro-draw 2s ease-out .6s forwards;}
.nrl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:999px;background:var(--npro-blue);color:#fff;font-weight:700;font-size:13.5px;align-self:flex-start;}
.nrl-btn.is-ghost{background:#fff;color:var(--npro-blue);border:1px solid #ADD0FF;}
.nrl-btn .npro-ico{width:14px;height:14px;}
.nrl-top.is-client{background:#fff;color:var(--npro-navy);border-bottom:1px solid var(--npro-line);}
.nrl-top.is-client .nrl-user{background:var(--npro-blue);color:#fff;margin-left:auto;}
.nrl-client{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;background:#fff;}
.nrl-hi{display:block;font-family:var(--npro-display);font-weight:800;font-size:26px;margin-bottom:14px;}
.nrl-tl{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
.nrl-tl span{font-size:12.5px;padding:8px 10px;border-radius:9px;background:var(--npro-canvas);border:1px solid var(--npro-line);color:var(--npro-ink2);}
.nrl-tl span.is-done{background:#E3F8EA;color:#15803D;border-color:#bfe9cd;}
.nrl-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.nrl-cards div{position:relative;background:var(--npro-canvas);border-radius:14px;padding:14px;}
.nrl-cards small{display:block;color:var(--npro-ink2);font-size:11.5px;}
.nrl-cards b{display:block;font-family:var(--npro-display);font-weight:800;font-size:22px;margin-top:4px;}
.nrl-cards em{position:absolute;right:12px;bottom:12px;font-style:normal;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;background:var(--npro-blue);color:#fff;}
.nrl-captions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px 0 40px;}
.nrl-cap{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.65);font:inherit;text-align:left;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s;}
.nrl-cap.is-on{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.2);}
.nrl-cap i{position:relative;width:34px;height:4px;border-radius:2px;background:rgba(255,255,255,.14);flex:none;overflow:hidden;}
.nrl-cap i b{position:absolute;inset:0;width:0;background:var(--npro-blue);}
.nrl-cap.is-on i b{animation:nrl-bar var(--nrl-dur,4s) linear forwards;}
@keyframes nrl-bar{to{width:100%;}}
.nrl-cap span b{display:block;font-size:13.5px;}
.nrl-cap span small{font-size:11.5px;opacity:.7;}

/* ---------- CONTROL ROOM ---------- */
.npro-control{background:var(--npro-deep);color:#fff;padding:128px 0;}
.nct-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:end;margin-bottom:48px;}
.nct-head .npro-lead{margin-top:0;}
.nct-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;}
.nct-tile{border-radius:22px;padding:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px;min-height:220px;transition:background-color .3s,border-color .3s;min-width:0;}
.nct-tile:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);}
.nct-rev{grid-column:span 3;}
.nct-pay{grid-column:span 3;grid-row:span 2;}
.nct-team{grid-column:span 3;}
.nct-sat,.nct-today,.nct-maint{grid-column:span 2;}
.nct-tile-head{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:rgba(255,255,255,.6);gap:10px;}
.nct-delta{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:rgba(34,197,94,.18);color:#8df0b0;white-space:nowrap;}
.nct-live{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;}
.nct-live i{width:7px;height:7px;border-radius:50%;background:var(--npro-ok);animation:npro-pulse 2.2s ease-out infinite;}
.nct-big{font-family:var(--npro-display);font-weight:800;font-size:clamp(30px,3vw,40px);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;}
.nct-big em{font-style:normal;font-size:.4em;color:rgba(255,255,255,.6);margin-left:.3em;letter-spacing:0;}
.nct-spark{width:100%;height:90px;margin-top:auto;}
.nct-area{fill:url(#nctg);}
.nct-line{fill:none;stroke:#7AB3FF;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;}
.npro.is-in .nct-line{animation:npro-draw 2s ease-out .4s forwards;}
.nct-endpoint{fill:#fff;stroke:var(--npro-blue);stroke-width:3;opacity:0;}
.npro.is-in .nct-endpoint{animation:nct-pop .4s ease 2.2s forwards;}
@keyframes nct-pop{to{opacity:1;}}
.nct-pay ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.nct-pay li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);opacity:0;transform:translateX(12px);transition:opacity .45s ease,transform .5s cubic-bezier(.22,.9,.3,1);}
.nct-pay li.is-on{opacity:1;transform:none;}
.nct-pay li i{width:28px;height:28px;border-radius:50%;background:var(--npro-ok);color:#071430;display:grid;place-items:center;}
.nct-pay .npro-ico{width:13px;height:13px;}
.nct-pay b{display:block;font-size:13px;}
.nct-pay small{color:rgba(255,255,255,.55);font-size:11.5px;}
.nct-pay em{font-style:normal;font-family:var(--npro-display);font-weight:800;font-size:16px;}
.nct-people{display:flex;flex-direction:column;gap:8px;}
.nct-people>div{display:grid;grid-template-columns:32px 1fr auto;column-gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04);}
.nct-people span{grid-row:span 2;width:32px;height:32px;border-radius:50%;background:var(--npro-blue);display:grid;place-items:center;font-size:12px;font-weight:800;}
.nct-people b{font-size:13px;}
.nct-people small{color:rgba(255,255,255,.55);font-size:11.5px;grid-column:2;}
.nct-people i{grid-row:span 2;width:9px;height:9px;border-radius:50%;background:var(--npro-blue);}
.nct-people i.is-ok{background:var(--npro-ok);}
.nct-people i.is-blue{animation:npro-pulse 2s ease-out infinite;}
.nct-gauge{position:relative;width:150px;height:150px;border-radius:50%;margin:auto;background:conic-gradient(var(--npro-blue) calc(var(--v,90) * 1%),rgba(255,255,255,.1) 0);display:grid;place-items:center;align-content:center;}
.nct-gauge::before{content:"";position:absolute;inset:12px;border-radius:50%;background:#0B1C3D;}
.nct-gauge b,.nct-gauge small{position:relative;}
.nct-gauge b{font-family:var(--npro-display);font-weight:800;font-size:34px;letter-spacing:-.03em;line-height:1;}
.nct-gauge small{font-size:11px;color:rgba(255,255,255,.55);text-align:center;max-width:90px;}
.nct-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.nct-kpis div{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);}
.nct-kpis b{display:block;font-family:var(--npro-display);font-weight:800;font-size:20px;}
.nct-kpis small{font-size:11px;color:rgba(255,255,255,.55);}
.nct-bars{display:flex;align-items:flex-end;gap:6px;height:60px;margin-top:auto;}
.nct-bars i{flex:1;height:var(--h,50%);border-radius:4px 4px 2px 2px;background:rgba(255,255,255,.14);}
.nct-bars i.is-on{background:linear-gradient(180deg,#7AB3FF,#0074FF);}

/* ---------- FLIP ---------- */
.npro-flip{background:var(--npro-deep);color:#fff;padding:128px 0;}
.nfl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px;}
.nfl-switch{display:inline-flex;align-items:center;gap:12px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#fff;font:inherit;font-weight:700;font-size:14px;cursor:pointer;}
.nfl-switch i{position:relative;width:56px;height:30px;border-radius:999px;background:rgba(255,255,255,.14);transition:background-color .3s;}
.nfl-switch i::after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
.nfl-switch[aria-checked="true"] i{background:var(--npro-blue);}
.nfl-switch[aria-checked="true"] i::after{transform:translateX(26px);}
.nfl-sw-a,.nfl-sw-b{padding:4px 8px;opacity:.55;transition:opacity .3s;}
.nfl-switch[aria-checked="false"] .nfl-sw-a,.nfl-switch[aria-checked="true"] .nfl-sw-b{opacity:1;}
.nfl-stage{perspective:1600px;}
.nfl-card{position:relative;aspect-ratio:16/8;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.22,.9,.3,1);}
.npro-flip.is-b .nfl-card{transform:rotateY(180deg);}
.nfl-face{position:absolute;inset:0;border-radius:26px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -40px rgba(0,0,0,.9);}
.nfl-a{background:radial-gradient(circle at 25% 30%,#F3F4F7,#E4E8EF 70%);color:#222;}
.nfl-b{transform:rotateY(180deg);background:var(--npro-canvas);color:var(--npro-navy);display:flex;flex-direction:column;}
.nfl-chaos{position:absolute;inset:0;}
.nfl-wa{position:absolute;left:6%;top:10%;width:34%;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 20px 40px -20px rgba(0,0,0,.35);transform:rotate(-3deg);font-size:12.5px;}
.nfl-wa b{display:block;color:#1f7a3a;margin-bottom:6px;}
.nfl-wa p{margin:4px 0;padding:7px 10px;border-radius:10px;background:#E8F5E9;display:inline-block;}
.nfl-note{position:absolute;left:14%;top:58%;width:150px;padding:14px;background:#FFF4A8;transform:rotate(-6deg);font-weight:700;font-style:italic;font-size:15px;color:#5b4a00;box-shadow:0 14px 30px -14px rgba(0,0,0,.4);}
.nfl-xls{position:absolute;left:48%;top:10%;width:36%;background:#fff;border:1px solid #cbd5e1;padding:10px;transform:rotate(2deg);box-shadow:0 20px 40px -20px rgba(0,0,0,.35);}
.nfl-xls b{display:block;font-size:11px;color:#1D6F42;font-family:ui-monospace,Consolas,monospace;margin-bottom:8px;}
.nfl-xls span{display:block;height:8px;background:#e4e8ef;margin:6px 0;border-radius:3px;}
.nfl-xls span.is-short{width:50%;}
.nfl-call{position:absolute;right:8%;top:50%;padding:10px 14px 10px 38px;background:#fff;border-radius:12px;font-size:12.5px;font-weight:700;color:#c62828;box-shadow:0 20px 40px -20px rgba(0,0,0,.35);}
.nfl-call i{position:absolute;left:12px;top:11px;width:18px;height:18px;border-radius:50%;background:#c62828;}
.nfl-paper{position:absolute;left:46%;top:62%;width:32%;background:#fff;padding:12px 14px;transform:rotate(-2deg);box-shadow:0 20px 40px -20px rgba(0,0,0,.4);font-size:11px;}
.nfl-paper b{display:block;letter-spacing:.2em;margin-bottom:8px;}
.nfl-paper span{display:block;height:6px;border-radius:3px;background:#dfe3ea;margin:6px 0;}
.nfl-paper small{display:block;margin-top:8px;color:#777;}
.nfl-top{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;background:var(--npro-navy);color:#fff;font-size:13px;}
.nfl-top b{display:flex;align-items:center;gap:8px;}
.nfl-top .npro-ico{width:16px;height:16px;color:var(--npro-soft-blue);}
.nfl-top span{color:rgba(255,255,255,.6);}
.nfl-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px 22px 0;}
.nfl-kpis div{background:#fff;border:1px solid var(--npro-line);border-radius:12px;padding:12px 14px;}
.nfl-kpis small{display:block;font-size:11px;color:var(--npro-ink2);}
.nfl-kpis b{font-family:var(--npro-display);font-size:22px;font-weight:800;}
.nfl-rows{padding:14px 22px 22px;display:flex;flex-direction:column;gap:8px;}
.nfl-rows>div{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--npro-line);border-radius:12px;padding:10px 12px;font-size:13px;}
.nfl-rows i{width:32px;height:32px;border-radius:9px;background:var(--npro-soft);color:var(--npro-blue);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:11px;}
.nfl-rows i.is-red{background:var(--npro-red);color:#fff;}
.nfl-rows b{display:block;}
.nfl-rows small{color:var(--npro-ink2);font-size:11px;}
.nfl-rows em{font-style:normal;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--npro-soft);color:var(--npro-blue);white-space:nowrap;}
.nfl-rows em.is-ok{background:#E3F8EA;color:#15803D;}
.nfl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;}
.nfl-stat{position:relative;overflow:hidden;padding:18px 20px 22px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);min-height:96px;}
.nfl-stat small{display:block;font-size:12px;color:rgba(255,255,255,.55);margin-bottom:8px;}
.nfl-stat b{display:block;font-family:var(--npro-display);font-weight:800;font-size:22px;letter-spacing:-.02em;transition:opacity .4s ease,transform .4s ease;}
.nfl-va{color:#ffb0a6;}
.nfl-vb{position:absolute;left:20px;right:20px;bottom:22px;color:#8df0b0;opacity:0;transform:translateY(8px);}
.npro-flip.is-b .nfl-va{opacity:0;transform:translateY(-8px);}
.npro-flip.is-b .nfl-vb{opacity:1;transform:none;}

/* ---------- LIVE IN 6 WEKEN ---------- */
.npro-weeks{background:var(--npro-deep);color:#fff;padding:128px 0;}
.nwk-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:end;margin-bottom:40px;}
.nwk-head .npro-lead{margin-top:0;}
.nwk-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:22px;}
.nwk-bar i{position:relative;display:block;height:4px;border-radius:4px;background:rgba(255,255,255,.12);}
.nwk-bar i b{position:absolute;inset:0;border-radius:4px;background:linear-gradient(90deg,#7AB3FF,#0074FF);transform:scaleX(0);transform-origin:left;}
.npro.is-in .nwk-bar i b{animation:npro-fill .6s ease forwards;animation-delay:calc(.3s + var(--k,0) * .45s);}
.nwk-bar span{display:block;margin-top:8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.nwk-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.nwk-card{position:relative;padding:22px 20px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:10px;}
.nwk-card.is-hi{background:linear-gradient(180deg,rgba(0,116,255,.28),rgba(0,116,255,.08));border-color:rgba(0,116,255,.55);box-shadow:0 30px 60px -30px rgba(0,116,255,.6);}
.nwk-card small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--npro-soft-blue);font-weight:700;}
.nwk-card h3{font-family:var(--npro-display);font-weight:800;font-size:19px;letter-spacing:-.01em;margin:0;}
.nwk-card ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:9px;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.8);}
.nwk-card li{display:flex;gap:9px;align-items:flex-start;}
.nwk-card li i{flex:none;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;margin-top:1px;transition:background-color .3s,border-color .3s;}
.nwk-card li svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;}
.npro.is-in .nwk-card li i{background:var(--npro-ok);border-color:var(--npro-ok);transition-delay:calc(.6s + var(--k,0) * .45s + var(--j,0) * .15s);}
.npro.is-in .nwk-card li svg{animation:npro-draw .4s ease forwards;animation-delay:calc(.6s + var(--k,0) * .45s + var(--j,0) * .15s);}
.nwk-live{display:inline-flex;align-items:center;gap:6px;margin-top:auto;align-self:flex-start;padding:6px 12px;border-radius:999px;background:var(--npro-ok);color:#071430;font-weight:800;font-size:12px;}
.nwk-live .npro-ico{width:13px;height:13px;}
.nwk-cta{display:flex;justify-content:center;margin-top:40px;}

/* ---------- BEWIJSWAND ---------- */
.npro-wall{background:var(--npro-deep);color:#fff;padding:128px 0;overflow:hidden;}
.nwl-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;}
.nwl-score{display:flex;align-items:center;gap:14px;margin-top:28px;}
.nwl-score b{font-family:var(--npro-display);font-weight:800;font-size:56px;letter-spacing:-.04em;line-height:1;}
.nwl-score i{display:inline-flex;gap:2px;color:var(--npro-amber);}
.nwl-score .npro-ico{width:16px;height:16px;fill:currentColor;stroke:none;}
.nwl-score small{display:block;font-size:13px;color:rgba(255,255,255,.6);margin-top:4px;}
.nwl-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;height:560px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);}
.nwl-col{overflow:hidden;}
.nwl-track{display:flex;flex-direction:column;gap:14px;animation:nwl-up 34s linear infinite;}
.nwl-col.is-reverse .nwl-track{animation-direction:reverse;animation-duration:40s;}
.npro-wall:hover .nwl-track{animation-play-state:paused;}
@keyframes nwl-up{to{transform:translateY(-50%);}}
.nwl-card{padding:18px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);}
.nwl-card p{margin:10px 0 12px;font-size:13.5px;line-height:1.5;}
.nwl-card small{font-size:12px;color:rgba(255,255,255,.6);}
.nwl-card small b{color:#fff;}
.nwl-stars{display:inline-flex;gap:2px;color:var(--npro-amber);}
.nwl-stars .npro-ico{width:12px;height:12px;fill:currentColor;stroke:none;}
.nwl-card.is-logo{display:grid;place-items:center;min-height:86px;}
.nwl-card.is-logo i{display:block;width:120px;height:34px;background:#fff;opacity:.8;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;}
.nwl-card.is-logo b{font-size:14px;}

/* ---------- PAKKETTEN ---------- */
.npro-tiers{background:var(--npro-deep);color:#fff;padding:128px 0;}
.ntr-head{max-width:760px;margin-bottom:48px;}
.ntr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch;}
.ntr-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:30px 28px;border-radius:26px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);}
.ntr-card.is-featured{background:linear-gradient(180deg,#0E2249,#071430);border-color:rgba(0,116,255,.5);box-shadow:0 40px 90px -40px rgba(0,116,255,.7);}
.ntr-badge{position:absolute;top:-14px;left:28px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--npro-blue);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.ntr-badge .npro-ico{width:12px;height:12px;}
.ntr-card h3{font-family:var(--npro-display);font-weight:800;font-size:24px;margin:4px 0 0;letter-spacing:-.02em;}
.ntr-for{font-size:13px;color:rgba(255,255,255,.6);}
.ntr-price{margin:14px 0 6px;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);}
.ntr-price b{display:block;font-family:var(--npro-display);font-weight:800;font-size:30px;letter-spacing:-.03em;}
.ntr-price small{display:block;color:rgba(255,255,255,.55);font-size:12px;margin-top:4px;}
.ntr-card ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:9px;font-size:14px;flex:1;}
.ntr-card li{display:flex;gap:10px;align-items:flex-start;}
.ntr-card li .npro-ico{flex:none;width:18px;height:18px;color:var(--npro-ok);margin-top:2px;}
.ntr-foot{display:flex;align-items:center;gap:10px;justify-content:center;margin:32px 0 0;font-size:13px;color:rgba(255,255,255,.6);text-align:center;}
.ntr-foot .npro-ico{width:16px;height:16px;color:var(--npro-soft-blue);flex:none;}

/* ---------- FINALE ---------- */
.npro-finale{background:var(--npro-deep);color:#fff;padding:140px 0;overflow:hidden;text-align:center;}
.nfn-in{max-width:900px;}
.nfn-title{font-family:var(--npro-display);font-weight:800;font-size:clamp(48px,7vw,104px);line-height:.96;letter-spacing:-.04em;margin:22px 0 0;text-wrap:balance;}
.nfn-title em{font-style:normal;background:linear-gradient(90deg,#7AB3FF,#0074FF);-webkit-background-clip:text;background-clip:text;color:transparent;}
.nfn-text{font-size:19px;line-height:1.6;color:rgba(255,255,255,.72);max-width:54ch;margin:26px auto 0;}
.nfn-slot{position:relative;display:inline-flex;align-items:center;gap:12px;margin-top:30px;padding:10px 18px 10px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);text-align:left;}
.nfn-slot img{width:36px;height:36px;border-radius:50%;object-fit:cover;max-width:none!important;}
.nfn-online{position:absolute;left:36px;top:34px;width:10px;height:10px;border-radius:50%;background:var(--npro-ok);border:2px solid #071430;}
.nfn-slot small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.nfn-slot b{font-size:14px;}
.nfn-ctas{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px;}
.nfn-trust{list-style:none;margin:34px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;font-size:13.5px;color:rgba(255,255,255,.65);}
.nfn-trust li{display:flex;align-items:center;gap:8px;}
.nfn-trust .npro-ico{width:15px;height:15px;color:var(--npro-ok);}

/* ---------- responsive IV/V ---------- */
@media (max-width:1100px){
  .nib-in,.ncl-in,.nch-in,.nfq-in,.nwl-in{grid-template-columns:1fr;gap:40px;}
  .nfq-side{position:static;}
  .nch-window{margin-left:0;max-width:none;}
  .npip-line{left:28px;}
  .npip-step,.npip-step.is-right{grid-template-columns:1fr;}
  .npip-node{left:28px;top:0;transform:translate(-50%,0);width:48px;height:48px;}
  .npip-card,.npip-step.is-right .npip-card{grid-column:1;margin:0 0 0 68px;transform:translateY(8px);}
  .npip-end{left:28px;}
  .nst-card{grid-template-columns:1fr;gap:24px;padding:28px;}
  .nct-grid{grid-template-columns:1fr 1fr;}
  .nct-rev,.nct-pay,.nct-team,.nct-sat,.nct-today,.nct-maint{grid-column:span 1;grid-row:auto;}
  .nct-head,.nwk-head{grid-template-columns:1fr;gap:16px;}
  .nfl-stats{grid-template-columns:1fr 1fr;}
  .nfl-card{aspect-ratio:4/3;}
  .nwk-grid{grid-template-columns:repeat(2,1fr);}
  .nwk-bar{grid-template-columns:repeat(5,1fr);}
  .ntr-grid{grid-template-columns:1fr;}
  .nrl-captions{grid-template-columns:1fr 1fr;}
  .nrl-plan,.nrl-client{grid-template-columns:1fr;}
  .nrl-tabs{display:none;}
}
@media (max-width:640px){
  .npro-inbox,.npro-reel{padding-top:calc(var(--npro-top,160px) - 40px);}
  .nib-list{min-height:0;}
  .nvo-item blockquote{font-size:clamp(24px,7vw,34px);}
  .nvo-stage{min-height:420px;}
  .nvo-stat{margin-left:0;padding-left:0;border-left:0;text-align:left;}
  .nct-grid{grid-template-columns:1fr;}
  .nfl-stats{grid-template-columns:1fr;}
  .nwk-grid{grid-template-columns:1fr;}
  .nwk-bar span{display:none;}
  .nwl-wall{grid-template-columns:1fr 1fr;height:440px;}
  .nwl-col:nth-child(3){display:none;}
  .nfn-title{font-size:clamp(40px,12vw,56px);}
  .ncl-grid{grid-template-columns:1fr;}
  .ncl-panel{padding:26px;}
  .nrl-captions{grid-template-columns:1fr;}
  .nfl-wa,.nfl-xls,.nfl-paper{width:60%;}
  .nfl-xls{left:38%;}
  .npro-pipe,.npro-stack,.npro-calc,.npro-voices,.npro-faqdark,.npro-chat,.npro-control,.npro-flip,.npro-weeks,.npro-wall,.npro-tiers{padding-top:88px;padding-bottom:80px;}
  .npro-finale{padding:100px 0;}
}
@media (prefers-reduced-motion:reduce){
  .nib-msg,.nib-result,.nct-pay li,.nvo-item{opacity:1;transform:none;transition:none;}
  .nib-live i,.nct-live i,.nct-people i.is-blue,.nwl-track,.nrl-cap.is-on i b,.nvo-dot.is-on .nvo-ring,.nch-typing i{animation:none!important;}
  .nwk-card li svg,.nct-line{stroke-dashoffset:0;animation:none!important;}
  .nct-endpoint{opacity:1;animation:none!important;}
  .nwk-bar i b{transform:none;animation:none!important;}
  .nwk-card li i{background:var(--npro-ok);border-color:var(--npro-ok);}
  .nfl-card,.npip-card,.npip-line b{transition:none;}
  .nst-card{position:relative;top:auto;}
  .nrl-scene{transition:opacity .3s;transform:none;}
}

/* perf: pulserende ringen via ::after (transform/opacity) i.p.v. box-shadow-animatie */
.nph-live i{animation:none;position:relative;}
.nph-live i::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1.5px solid rgba(34,197,94,.6);pointer-events:none;animation:npro-pulse 2.2s ease-out infinite}
.npc-avail i{animation:none;position:relative;}
.npc-avail i::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1.5px solid rgba(34,197,94,.6);pointer-events:none;animation:npro-pulse 2.2s ease-out infinite}
.nmp-live i{animation:none;position:relative;}
.nmp-live i::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1.5px solid rgba(34,197,94,.6);pointer-events:none;animation:npro-pulse 2.2s ease-out infinite}
.nib-live i{animation:none;position:relative;}
.nib-live i::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1.5px solid rgba(34,197,94,.6);pointer-events:none;animation:npro-pulse 2.2s ease-out infinite}
.nct-live i{animation:none;position:relative;}
.nct-live i::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1.5px solid rgba(34,197,94,.6);pointer-events:none;animation:npro-pulse 2.2s ease-out infinite}
.nct-people i.is-blue{animation:none;position:relative;}
.nct-people i.is-blue::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1.5px solid rgba(34,197,94,.6);pointer-events:none;animation:npro-pulse 2.2s ease-out infinite}

.npv-row.is-new i{animation:none;position:relative;}
.npv-row.is-new i::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1.5px solid rgba(255,90,71,.6);pointer-events:none;animation:npro-pulse-red 2s infinite}
.npg-row.is-new i{animation:none;position:relative;}
.npg-row.is-new i::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1.5px solid rgba(255,90,71,.6);pointer-events:none;animation:npro-pulse-red 2s infinite}
.nmp-kicker i{animation:none;position:relative;}
.nmp-kicker i::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1.5px solid rgba(255,90,71,.6);pointer-events:none;animation:npro-pulse-red 2s infinite}
.nmp-pin[data-tone="red"] i{animation:none;position:relative;}
.nmp-pin[data-tone="red"] i::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1.5px solid rgba(255,90,71,.6);pointer-events:none;animation:npro-pulse-red 2s infinite}
@media (prefers-reduced-motion:reduce){.npro i::after{animation:none!important}}

/* =====================================================================
   Nexa Pro · CASES — sliders (filmrol, kaartenstapel, rail) en case-detail (hero, verhaal, resultaat, meer cases)
   Prefix: ncf (filmrol) · ncd (stapel) · ncr (rail) · nkh (case-hero) · nks (verhaal) · nkr (resultaat) · nkn (meer cases)
   ===================================================================== */
.ncf-tag,.nkh-tag,.ncd-tag,.nkn-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--npro-soft-blue);}
.ncf-title em,.ncd-body em,.ncr-body em,.nkn-card em,.nkn-bigtitle em,.nkh-title em{font-style:normal;color:var(--npro-soft-blue);}
.ncf-specs,.ncd-specs,.ncr-specs{display:flex;flex-wrap:wrap;gap:8px;}
.ncf-specs span,.ncd-specs span,.ncr-specs span{display:inline-flex;align-items:baseline;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12.5px;color:rgba(255,255,255,.8);}
.ncf-specs b,.ncd-specs b,.ncr-specs b{font-family:var(--npro-display);font-weight:800;font-size:15px;color:#fff;}
.ncf-go,.ncd-go,.ncr-link,.nkn-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#fff;margin-top:4px;}
.ncf-go .npro-ico,.ncd-go .npro-ico,.ncr-link .npro-ico,.nkn-link .npro-ico{width:16px;height:16px;transition:transform .3s;}
.ncf-slide:hover .ncf-go .npro-ico,.ncd-card:hover .ncd-go .npro-ico,.ncr-card:hover .ncr-link .npro-ico,.nkn-card:hover .nkn-link .npro-ico{transform:translate(3px,-3px);}
.ncf-arrow,.ncd-arrow,.ncr-arrows button{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;transition:background-color .25s,border-color .25s,transform .25s;}
.ncf-arrow .npro-ico,.ncd-arrow .npro-ico,.ncr-arrows .npro-ico{width:20px;height:20px;}
.ncf-arrow:hover,.ncd-arrow:hover,.ncr-arrows button:hover{background:var(--npro-blue);border-color:var(--npro-blue);transform:translateY(-2px);}

/* ---------- CASES · FILMROL ---------- */
.npro-cfilm{background:var(--npro-deep);color:#fff;overflow:hidden;padding:110px 0 120px;}
.ncf-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;}
.ncf-ctrl{display:flex;align-items:center;gap:12px;flex:none;padding-bottom:6px;}
.ncf-count{font-family:var(--npro-display);font-weight:800;font-size:18px;letter-spacing:-.02em;display:inline-flex;gap:6px;align-items:baseline;min-width:74px;justify-content:center;font-variant-numeric:tabular-nums;}
.ncf-count i{font-style:normal;color:rgba(255,255,255,.35);}
.ncf-count span{color:rgba(255,255,255,.5);font-size:14px;}
.ncf-stage{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:stretch;}
.ncf-screen{position:relative;aspect-ratio:16/10;min-height:420px;border-radius:28px;overflow:hidden;background:var(--npro-navy);box-shadow:0 50px 100px -40px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);}
.ncf-slide{position:absolute;inset:0;display:block;opacity:0;transition:opacity .9s ease;pointer-events:none;text-decoration:none;color:#fff;}
.ncf-slide.is-on{opacity:1;pointer-events:auto;}
.ncf-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 7s linear;will-change:transform;}
.ncf-slide.is-on .ncf-img{transform:scale(1);}
.ncf-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,48,.55),rgba(7,20,48,.1) 60%),linear-gradient(180deg,rgba(7,20,48,.15) 20%,rgba(7,20,48,.72) 55%,rgba(7,20,48,.97));}
.ncf-cap{position:absolute;left:0;right:0;bottom:0;padding:40px 44px 40px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:760px;}
.ncf-title{font-family:var(--npro-display);font-weight:800;font-size:clamp(30px,3.6vw,52px);line-height:1;letter-spacing:-.03em;text-wrap:balance;}
.ncf-kort{font-size:16px;line-height:1.55;color:rgba(255,255,255,.75);max-width:52ch;}
.ncf-index{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.ncf-item{position:relative;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;width:100%;text-align:left;padding:12px 14px 14px;border-radius:14px;border:1px solid transparent;background:transparent;color:#fff;font:inherit;cursor:pointer;opacity:.5;transition:opacity .3s,background-color .3s,border-color .3s;overflow:hidden;}
.ncf-item:hover{opacity:.85;}
.ncf-item.is-on{opacity:1;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);}
.ncf-item i{font-style:normal;font-family:var(--npro-display);font-weight:800;font-size:13px;color:var(--npro-soft-blue);}
.ncf-item b{display:block;font-size:14px;font-weight:700;line-height:1.2;}
.ncf-item small{display:block;font-size:12px;color:rgba(255,255,255,.55);margin-top:2px;}
.ncf-bar{position:absolute;left:14px;right:14px;bottom:0;height:2px;background:rgba(255,255,255,.1);border-radius:2px;opacity:0;}
.ncf-item.is-on .ncf-bar{opacity:1;}
.ncf-bar b{position:absolute;inset:0;background:linear-gradient(90deg,#7AB3FF,#0074FF);transform-origin:left;transform:scaleX(0);}
.ncf-item.is-on .ncf-bar b{animation:ncf-fill var(--ncf-dur,5s) linear forwards;}
.npro-cfilm.is-paused .ncf-bar b{animation-play-state:paused;}
@keyframes ncf-fill{to{transform:scaleX(1);}}

/* ---------- CASES · KAARTENSTAPEL ---------- */
.npro-cdeck{background:var(--npro-deep);color:#fff;overflow:hidden;padding:120px 0;}
.ncd-glow{position:absolute;right:-10%;top:5%;width:60%;height:90%;background:radial-gradient(50% 50% at 50% 50%,rgba(0,116,255,.26),transparent 70%);pointer-events:none;}
.ncd-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:center;}
.ncd-live{margin-top:34px;padding:22px 24px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);}
.ncd-live small{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.ncd-live small i{width:7px;height:7px;border-radius:50%;background:var(--npro-ok);}
.ncd-live > b{display:block;font-family:var(--npro-display);font-weight:800;font-size:24px;letter-spacing:-.02em;margin-top:10px;}
.ncd-livetag{display:block;font-size:13px;color:var(--npro-soft-blue);margin-top:2px;}
.ncd-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);}
.ncd-nums b{display:block;font-family:var(--npro-display);font-weight:800;font-size:clamp(28px,3vw,40px);line-height:1;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;}
.ncd-nums small{display:block;font-size:12px;color:rgba(255,255,255,.6);margin-top:6px;}
.ncd-live > b,.ncd-nums,.ncd-livetag{transition:opacity .25s;}
.ncd-live.is-swap > b,.ncd-live.is-swap .ncd-nums,.ncd-live.is-swap .ncd-livetag{opacity:0;}
.ncd-stage{position:relative;}
.ncd-deck{position:relative;height:560px;perspective:1600px;touch-action:pan-y;}
.ncd-card{position:absolute;left:0;right:0;top:0;width:min(420px,100%);height:530px;margin:0 auto;border-radius:26px;overflow:hidden;background:var(--npro-navy-2);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 80px -30px rgba(0,0,0,.8);color:#fff;text-decoration:none;display:flex;flex-direction:column;user-select:none;-webkit-user-drag:none;
  transform:translate3d(calc(var(--k) * 34px),calc(var(--k) * -18px),calc(var(--k) * -60px)) rotate(calc(var(--k) * 2.5deg));z-index:calc(20 - var(--k));opacity:calc(1 - var(--k) * .28);
  transition:transform .75s cubic-bezier(.22,.9,.3,1),opacity .5s ease;will-change:transform;}
.ncd-card.is-top{cursor:grab;}
.ncd-card.is-hidden{opacity:0;pointer-events:none;}
.ncd-card.is-drag{transition:none;cursor:grabbing;}
.ncd-card.is-out{transform:translate3d(-130%,10%,0) rotate(-14deg);opacity:0;}
.ncd-card.is-out.is-r{transform:translate3d(130%,10%,0) rotate(14deg);}
.ncd-card.is-reset{transition:none;}
.ncd-photo{display:block;height:58%;position:relative;overflow:hidden;flex:none;}
.ncd-photo img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;}
.ncd-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,var(--npro-navy-2));}
.ncd-body{padding:14px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1;}
.ncd-body > b{font-family:var(--npro-display);font-weight:800;font-size:26px;letter-spacing:-.025em;line-height:1.05;}
.ncd-body > em{font-size:15px;color:var(--npro-soft-blue);margin-top:-4px;}
.ncd-body .ncd-specs{margin-top:auto;}
.ncd-ctrl{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:18px;}
.ncd-count{font-family:var(--npro-display);font-weight:800;font-size:15px;font-variant-numeric:tabular-nums;min-width:56px;text-align:center;}
.ncd-ctrl small{font-size:12px;color:rgba(255,255,255,.4);margin-left:8px;}

/* ---------- CASES · RAIL ---------- */
.npro-crail{background:var(--npro-navy);color:#fff;overflow:hidden;padding:110px 0 90px;}
.ncr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px;}
.ncr-filters{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;}
.ncr-filters button{padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:rgba(255,255,255,.7);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s;}
.ncr-filters button:hover{color:#fff;border-color:rgba(255,255,255,.35);}
.ncr-filters button.is-on{background:#fff;color:var(--npro-navy);border-color:#fff;}
.ncr-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px max(32px,calc(50vw - 620px)) 30px;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;}
.ncr-track::-webkit-scrollbar{display:none;}
.ncr-track.is-drag{cursor:grabbing;scroll-snap-type:none;}
.ncr-card{position:relative;flex:0 0 clamp(270px,25vw,350px);aspect-ratio:3/4;border-radius:24px;overflow:hidden;scroll-snap-align:start;color:#fff;text-decoration:none;background:var(--npro-navy-2);border:1px solid rgba(255,255,255,.1);isolation:isolate;transition:transform .5s cubic-bezier(.22,.9,.3,1);}
.ncr-card.is-hide{display:none;}
.ncr-card:hover{transform:translateY(-6px);}
.ncr-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,.9,.3,1);-webkit-user-drag:none;}
.ncr-card:hover img{transform:scale(1.06);}
.ncr-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,20,48,.35),rgba(7,20,48,0) 30%,rgba(7,20,48,.35) 55%,rgba(7,20,48,.96));}
.ncr-top{position:absolute;left:18px;right:18px;top:18px;display:flex;justify-content:space-between;align-items:center;gap:8px;}
.ncr-tag{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}
.ncr-place{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:rgba(255,255,255,.8);}
.ncr-place .npro-ico{width:13px;height:13px;}
.ncr-body{position:absolute;left:0;right:0;bottom:0;padding:22px 22px 24px;display:flex;flex-direction:column;gap:6px;}
.ncr-body > b{font-family:var(--npro-display);font-weight:800;font-size:24px;letter-spacing:-.025em;line-height:1.05;}
.ncr-body > em{font-size:14px;color:var(--npro-soft-blue);}
.ncr-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.22,.9,.3,1);}
.ncr-more > span{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:10px;}
.ncr-card:hover .ncr-more,.ncr-card:focus-visible .ncr-more{grid-template-rows:1fr;}
.ncr-kort{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.78);padding-top:6px;}
.ncr-link{margin-top:6px;font-size:13px;}
.ncr-foot{display:flex;align-items:center;gap:22px;margin-top:8px;}
.ncr-prog{flex:1;height:2px;background:rgba(255,255,255,.12);border-radius:2px;overflow:hidden;}
.ncr-prog b{display:block;height:100%;width:100%;background:linear-gradient(90deg,#7AB3FF,#0074FF);transform-origin:left;transform:scaleX(var(--p,.25));transition:transform .2s linear;}
.ncr-count{font-family:var(--npro-display);font-weight:800;font-size:14px;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.7);}
.ncr-arrows{display:flex;gap:8px;}

/* ---------- CASE · HERO ---------- */
.npro-khero{background:var(--npro-deep);color:#fff;overflow:hidden;position:relative;}
.nkh-tag{margin-top:26px;}
.npro-khero .nph-crumb{display:flex;width:max-content;max-width:100%;}
.nkh-edit .nph-crumb{margin:0 auto;}
.nkh-tag i{width:8px;height:8px;border-radius:50%;background:var(--npro-blue);box-shadow:0 0 0 4px rgba(0,116,255,.2);}
.nkh-title{margin-top:18px;font-size:clamp(42px,6vw,88px);}
.nkh-sub{max-width:58ch;}
.npro-khero.is-dossier{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--npro-top,150px) 0 0;}
.nkh-media{position:absolute;inset:0;z-index:0;overflow:hidden;}
.nkh-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:nkh-kb 16s ease-out forwards;filter:saturate(1.15);}
@keyframes nkh-kb{to{transform:scale(1);}}
.nkh-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,48,.8),rgba(7,20,48,.35) 70%),linear-gradient(180deg,rgba(7,20,48,.75),rgba(7,20,48,.45) 35%,rgba(7,20,48,.8) 65%,var(--npro-deep) 100%);}
.is-dossier .nkh-in{padding-top:100px;}
.nkh-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:56px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-bottom:0;border-radius:22px 22px 0 0;overflow:hidden;}
.nkh-facts > div{padding:20px 22px 24px;background:rgba(7,20,48,.8);}
.nkh-facts small{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.nkh-facts b{display:block;margin-top:8px;font-size:15px;font-weight:600;line-height:1.35;}
.nkh-facts b em{font-style:normal;color:var(--npro-soft-blue);}
.nkh-hint{position:absolute;right:40px;top:calc(var(--npro-top,150px) + 10px);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);display:flex;align-items:center;gap:10px;z-index:3;}
.nkh-hint i{width:36px;height:1px;background:rgba(255,255,255,.5);transform-origin:left;animation:nkh-hint 1.8s ease-in-out infinite;}
@keyframes nkh-hint{0%{transform:scaleX(0);opacity:0}30%{opacity:1}100%{transform:scaleX(1);opacity:0}}
.npro-khero.is-split{padding:var(--npro-top,150px) 0 90px;min-height:100vh;display:flex;align-items:center;}
.nkh-split{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:center;width:100%;}
.is-split .nkh-title{font-size:clamp(40px,5vw,72px);}
.nkh-results{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12);}
.nkh-results b{display:block;font-family:var(--npro-display);font-weight:800;font-size:clamp(30px,3.4vw,48px);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;}
.nkh-results b em{font-style:normal;font-size:.5em;color:var(--npro-soft-blue);margin-left:4px;}
.nkh-results small{display:block;margin-top:8px;font-size:13px;color:rgba(255,255,255,.62);}
.nkh-visual{position:relative;}
.nkh-card{position:relative;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 50px 100px -40px rgba(0,0,0,.85);transform:rotate(1.5deg);}
.nkh-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;}
.nkh-chip{position:absolute;left:18px;top:18px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(7,20,48,.88);border:1px solid rgba(255,255,255,.16);font-size:12.5px;font-weight:700;}
.nkh-chip i{width:8px;height:8px;border-radius:50%;background:var(--npro-ok);}
.nkh-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:-34px;padding:0 24px;position:relative;z-index:2;}
.nkh-thumbs figure{margin:0;border-radius:16px;overflow:hidden;background:var(--npro-navy-2);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 50px -24px rgba(0,0,0,.8);}
.nkh-thumbs img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;}
.nkh-thumbs figcaption{padding:9px 12px;font-size:12px;color:rgba(255,255,255,.7);}
.npro-khero.is-editorial{padding:var(--npro-top,150px) 0 70px;}
.nkh-edit{text-align:center;max-width:1000px;}
.nkh-edit .nph-crumb{justify-content:center;}
.nkh-edhead{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:34px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.nkh-no{color:var(--npro-soft-blue);}
.nkh-edhead::before,.nkh-edhead::after{content:"";width:40px;height:1px;background:rgba(255,255,255,.2);}
.nkh-edtitle{font-family:var(--npro-display);font-weight:800;font-size:clamp(48px,8vw,124px);line-height:.94;letter-spacing:-.04em;margin:22px 0 0;text-wrap:balance;color:#fff;}
.nkh-edtitle em{display:block;font-style:normal;font-size:.42em;letter-spacing:-.02em;color:var(--npro-soft-blue);margin-top:14px;font-weight:700;}
.nkh-stand{font-size:20px;line-height:1.55;color:rgba(255,255,255,.72);max-width:60ch;margin:28px auto 0;}
.nkh-edfig{margin:64px auto 0;max-width:1400px;padding:0 32px;}
.nkh-edfig img{display:block;width:100%;aspect-ratio:21/10;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.1);}
.nkh-edfig figcaption{margin-top:14px;font-size:13px;color:rgba(255,255,255,.5);display:flex;gap:10px;align-items:center;}
.nkh-edfig figcaption::before{content:"";width:18px;height:1px;background:rgba(255,255,255,.4);flex:none;}
.nkh-edfacts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:54px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.14);}
.nkh-edfacts > div{padding:20px 20px 0 0;}
.nkh-edfacts > div + div{border-left:1px solid rgba(255,255,255,.1);padding-left:20px;}
.nkh-edfacts dt{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.nkh-edfacts dd{margin:8px 0 0;font-size:15px;font-weight:600;line-height:1.35;}
.nkh-edfacts dd em{font-style:normal;color:var(--npro-soft-blue);}

/* ---------- CASE · VERHAAL ---------- */
.npro-kstory{background:var(--npro-deep);color:#fff;padding:110px 0;overflow:hidden;}
.nks-text p{font-size:17.5px;line-height:1.72;color:rgba(255,255,255,.76);margin:0;}
.nks-text p + p{margin-top:16px;}
.nks-text em{font-style:normal;color:#fff;font-weight:700;}
.nks-fig{margin:0;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:var(--npro-navy-2);box-shadow:0 40px 80px -40px rgba(0,0,0,.8);}
.nks-fig img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;}
.nks-fig figcaption{padding:12px 16px;font-size:12.5px;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:8px;}
.nks-fig figcaption::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--npro-blue);flex:none;}
.is-chapters .nks-in{display:grid;grid-template-columns:260px minmax(0,1fr);gap:80px;align-items:start;}
.nks-nav{position:sticky;top:120px;display:grid;grid-template-columns:2px 1fr;gap:0 22px;}
.nks-line{position:relative;background:rgba(255,255,255,.12);border-radius:2px;overflow:hidden;}
.nks-line b{position:absolute;left:0;top:0;width:100%;height:var(--p,0%);background:linear-gradient(180deg,#7AB3FF,#0074FF);transition:height .3s;}
.nks-nav ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px;}
.nks-nav a{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:baseline;color:rgba(255,255,255,.45);text-decoration:none;font-weight:700;font-size:15px;transition:color .3s;}
.nks-nav a i{font-style:normal;font-family:var(--npro-display);font-weight:800;font-size:12px;color:var(--npro-soft-blue);opacity:.7;}
.nks-nav a.is-on{color:#fff;}
.nks-body{display:flex;flex-direction:column;gap:64px;}
.nks-ch{position:relative;max-width:680px;padding-top:12px;}
.nks-no{position:absolute;right:-20px;top:-44px;font-family:var(--npro-display);font-weight:800;font-size:clamp(90px,12vw,160px);line-height:1;letter-spacing:-.05em;color:rgba(255,255,255,.045);pointer-events:none;user-select:none;}
.nks-title{font-size:clamp(28px,3.2vw,44px);}
.nks-ch .nks-text{margin-top:22px;}
.nks-tl{position:relative;padding:20px 0;}
.nks-tlline{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;}
.nks-tlline b{position:absolute;left:0;top:0;width:100%;height:var(--fill,0%);background:linear-gradient(180deg,#7AB3FF,#0074FF);box-shadow:0 0 14px rgba(0,116,255,.8);}
.nks-node{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0 80px;align-items:center;padding:34px 0;}
.nks-node .nks-card{grid-column:1;grid-row:1;}
.nks-node .nks-side{grid-column:2;grid-row:1;}
.nks-node.is-r .nks-card{grid-column:2;}
.nks-node.is-r .nks-side{grid-column:1;}
.nks-dot{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--npro-deep);border:2px solid rgba(255,255,255,.25);z-index:2;display:grid;place-items:center;transition:border-color .4s,background-color .4s,box-shadow .4s;}
.nks-dot .npro-ico{width:13px;height:13px;color:#fff;opacity:0;}
.nks-node.is-on .nks-dot{border-color:var(--npro-blue);background:var(--npro-blue);box-shadow:0 0 0 6px rgba(0,116,255,.2);}
.nks-node.is-on .nks-dot .npro-ico{opacity:1;}
.nks-node.is-last .nks-dot{width:34px;height:34px;margin:-17px 0 0 -17px;}
.nks-card{padding:28px 30px 30px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);opacity:.45;transform:translateY(20px);transition:opacity .6s,transform .7s cubic-bezier(.22,.9,.3,1),border-color .5s;}
.nks-node.is-on .nks-card{opacity:1;transform:none;border-color:rgba(122,179,255,.35);}
.nks-week{display:inline-block;font-family:var(--npro-display);font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--npro-soft-blue);padding:6px 10px;border-radius:8px;background:rgba(0,116,255,.14);margin-bottom:14px;}
.nks-card .npro-kicker{display:flex;}
.nks-cardtitle{font-family:var(--npro-display);font-weight:800;font-size:clamp(24px,2.4vw,32px);line-height:1.08;letter-spacing:-.025em;margin:12px 0 0;color:#fff;}
.nks-cardtitle em{font-style:normal;color:var(--npro-soft-blue);}
.nks-card .nks-text{margin-top:16px;}
.nks-card .nks-text p{font-size:15.5px;}
.nks-node .nks-side{opacity:.45;transition:opacity .6s;}
.nks-node.is-on .nks-side{opacity:1;}
.is-editorial .nks-in{max-width:1100px;}
.nks-ed{display:grid;grid-template-columns:180px minmax(0,1fr);gap:48px;padding:56px 0;border-top:1px solid rgba(255,255,255,.12);}
.nks-ed:first-child{border-top:0;padding-top:0;}
.nks-edside{position:sticky;top:120px;align-self:start;}
.nks-edno{display:block;font-family:var(--npro-display);font-weight:800;font-size:44px;letter-spacing:-.04em;color:var(--npro-soft-blue);line-height:1;}
.nks-edlabel{display:block;margin-top:10px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.nks-edtitle{font-family:var(--npro-display);font-weight:800;font-size:clamp(28px,3.4vw,46px);line-height:1.06;letter-spacing:-.03em;margin:0;text-wrap:balance;color:#fff;}
.nks-edtitle em{font-style:normal;color:var(--npro-soft-blue);}
.nks-edbody .nks-text{margin-top:26px;max-width:66ch;}
.nks-edbody .nks-text p{font-size:19px;line-height:1.75;}
.nks-text.has-initial p:first-child::first-letter{font-family:var(--npro-display);font-weight:800;font-size:4.2em;line-height:.8;float:left;margin:8px 12px 0 0;color:var(--npro-soft-blue);}
.nks-pull{margin:0;padding:48px 0;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:180px minmax(0,1fr);gap:0 48px;align-items:start;}
.nks-pull .npro-ico{width:34px;height:34px;color:var(--npro-blue);}
.nks-pull p{margin:0;font-family:var(--npro-display);font-weight:800;font-size:clamp(26px,3.2vw,42px);line-height:1.15;letter-spacing:-.03em;text-wrap:balance;}
.nks-pull cite{grid-column:2;display:block;font-style:normal;margin-top:16px;font-size:14px;color:rgba(255,255,255,.55);}
.nks-edgal{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 0 56px;}

/* ---------- CASE · RESULTAAT ---------- */
.npro-kres{background:var(--npro-deep);color:#fff;padding:110px 0;overflow:hidden;position:relative;}
.nkr-head{max-width:760px;}
.nkr-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px;}
.nkr-big{padding:32px 30px 34px;border-radius:26px;background:rgba(7,20,48,.78);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 80px -40px rgba(0,0,0,.8);}
.nkr-num{display:block;font-family:var(--npro-display);font-weight:800;font-size:clamp(56px,7vw,104px);line-height:.95;letter-spacing:-.05em;background:linear-gradient(180deg,#fff,#9CC4FF);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;}
.nkr-num em{font-style:normal;font-size:.36em;letter-spacing:-.02em;margin-left:6px;}
.nkr-big strong{display:block;margin-top:14px;font-size:17px;font-weight:700;}
.nkr-big p{margin:10px 0 0;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.65);}
.nkr-cmp{margin-top:48px;padding:30px 34px 20px;border-radius:26px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);}
.nkr-cmphead{display:flex;gap:22px;justify-content:flex-end;margin-bottom:14px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.nkr-cmphead span{display:inline-flex;align-items:center;gap:8px;}
.nkr-cmphead span::before{content:"";width:16px;height:6px;border-radius:3px;background:rgba(255,255,255,.22);}
.nkr-cmphead .is-now{color:#fff;}
.nkr-cmphead .is-now::before{background:linear-gradient(90deg,#7AB3FF,#0074FF);}
.nkr-cmphead i{display:none;}
.nkr-row{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:center;padding:18px 0;border-top:1px solid rgba(255,255,255,.08);}
.nkr-row small{font-size:15px;font-weight:700;color:#fff;}
.nkr-bars{display:flex;flex-direction:column;gap:8px;}
.nkr-bar{position:relative;height:30px;display:flex;align-items:center;}
.nkr-bar b{display:block;height:100%;width:var(--w);border-radius:8px;background:rgba(255,255,255,.14);transform-origin:left;transform:scaleX(0);transition:transform 1.1s cubic-bezier(.22,.9,.3,1) calc(var(--d,0s) + .2s);}
.nkr-bar.is-after b{background:linear-gradient(90deg,#7AB3FF,#0074FF);box-shadow:0 0 18px rgba(0,116,255,.45);}
.npro.is-in .nkr-bar b{transform:scaleX(1);}
.nkr-bar span{position:absolute;left:calc(var(--w) + 12px);white-space:nowrap;font-size:13px;color:rgba(255,255,255,.65);opacity:0;transition:opacity .5s calc(var(--d,0s) + .9s);}
.npro.is-in .nkr-bar span{opacity:1;}
.nkr-bar.is-before span{left:auto;right:0;}
.nkr-bar.is-before{padding-right:110px;}
.nkr-bar.is-after span{color:#fff;font-weight:700;}
.nkr-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;}
.nkr-mini > div{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);}
.nkr-mininum{display:block;font-family:var(--npro-display);font-weight:800;font-size:34px;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;}
.nkr-mininum em{font-style:normal;font-size:.5em;color:var(--npro-soft-blue);margin-left:4px;}
.nkr-mini small{display:block;margin-top:6px;font-size:13px;color:rgba(255,255,255,.6);}
.nkr-ribbon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);}
.nkr-ribbon > div{padding:34px 28px;}
.nkr-ribbon > div + div{border-left:1px solid rgba(255,255,255,.12);}
.nkr-ribnum{display:block;font-family:var(--npro-display);font-weight:800;font-size:clamp(44px,5vw,72px);line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums;}
.nkr-ribnum em{font-style:normal;font-size:.4em;color:var(--npro-soft-blue);margin-left:6px;}
.nkr-ribbon strong{display:block;margin-top:12px;font-size:15px;font-weight:700;}
.nkr-ribbon p{margin:8px 0 0;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.6);}
.nkr-note{margin:18px 0 0;font-size:13px;color:rgba(255,255,255,.45);}

/* ---------- CASE · MEER CASES ---------- */
.npro-knext{background:var(--npro-navy);color:#fff;padding:100px 0;overflow:hidden;}
.nkn-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;}
.nkn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.nkn-card{display:flex;flex-direction:column;gap:6px;color:#fff;text-decoration:none;padding:12px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:transform .4s cubic-bezier(.22,.9,.3,1),border-color .3s;}
.nkn-card:hover{transform:translateY(-6px);border-color:rgba(122,179,255,.4);}
.nkn-photo{display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/11;margin-bottom:10px;}
.nkn-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.22,.9,.3,1);}
.nkn-card:hover .nkn-photo img{transform:scale(1.05);}
.nkn-card .nkn-tag{padding:0 10px;}
.nkn-card > b{font-family:var(--npro-display);font-weight:800;font-size:24px;letter-spacing:-.025em;line-height:1.05;padding:0 10px;}
.nkn-card > em{font-size:14px;color:var(--npro-soft-blue);padding:0 10px;}
.nkn-card .nkn-link{padding:8px 10px 6px;}
.nkn-big{position:relative;display:block;border-radius:30px;overflow:hidden;aspect-ratio:16/7;min-height:380px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.12);box-shadow:0 50px 100px -40px rgba(0,0,0,.9);}
.nkn-big img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.22,.9,.3,1);}
.nkn-big:hover img{transform:scale(1.05);}
.nkn-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,48,.94) 0%,rgba(7,20,48,.6) 55%,rgba(7,20,48,.2));}
.nkn-bigin{position:absolute;left:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:48px 56px;max-width:680px;}
.nkn-biglabel{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--npro-soft-blue);}
.nkn-biglabel i{font-style:normal;color:rgba(255,255,255,.55);padding-left:12px;border-left:1px solid rgba(255,255,255,.25);}
.nkn-bigtitle{font-family:var(--npro-display);font-weight:800;font-size:clamp(34px,4.6vw,66px);line-height:.98;letter-spacing:-.035em;text-wrap:balance;}
.nkn-bigkort{font-size:16px;line-height:1.55;color:rgba(255,255,255,.75);max-width:48ch;}
.nkn-bigarrow{position:absolute;right:36px;bottom:36px;width:72px;height:72px;border-radius:50%;background:#fff;color:var(--npro-navy);display:grid;place-items:center;transition:transform .4s cubic-bezier(.22,.9,.3,1),background-color .3s,color .3s;}
.nkn-bigarrow .npro-ico{width:28px;height:28px;}
.nkn-big:hover .nkn-bigarrow{transform:translate(4px,-4px);background:var(--npro-blue);color:#fff;}
.nkn-bigfoot{display:flex;justify-content:center;margin-top:28px;}
.nkn-list{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start;}
.nkn-rows{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.12);}
.nkn-row{display:grid;grid-template-columns:44px minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr) 40px;gap:18px;align-items:center;padding:22px 8px;border-bottom:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.6);text-decoration:none;transition:color .3s,padding .3s;}
.nkn-row:hover,.nkn-row.is-on{color:#fff;padding-left:16px;}
.nkn-row i{font-style:normal;font-family:var(--npro-display);font-weight:800;font-size:13px;color:var(--npro-soft-blue);}
.nkn-row b{font-family:var(--npro-display);font-weight:800;font-size:clamp(20px,2.2vw,28px);letter-spacing:-.025em;color:#fff;}
.nkn-row span{font-size:14px;}
.nkn-place{color:rgba(255,255,255,.45);}
.nkn-row em{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;transition:background-color .3s,border-color .3s,transform .3s;}
.nkn-row em .npro-ico{width:16px;height:16px;}
.nkn-row:hover em,.nkn-row.is-on em{background:var(--npro-blue);border-color:var(--npro-blue);transform:translate(2px,-2px);}
.nkn-preview{position:sticky;top:120px;aspect-ratio:4/5;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 80px -40px rgba(0,0,0,.8);background:var(--npro-navy-2);}
.nkn-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s ease;}
.nkn-preview img[data-nkn-preview2]{opacity:0;}
.nkn-preview.is-b img[data-nkn-preview]{opacity:0;}
.nkn-preview.is-b img[data-nkn-preview2]{opacity:1;}

/* ---------- responsive cases ---------- */
@media (max-width:1100px){
  .ncf-stage{grid-template-columns:1fr;}
  .ncf-index{flex-direction:row;overflow-x:auto;gap:6px;scrollbar-width:none;}
  .ncf-item{flex:0 0 210px;}
  .ncd-in{grid-template-columns:1fr;gap:48px;}
  .ncd-deck{height:520px;}
  .nkh-facts,.nkh-edfacts{grid-template-columns:repeat(3,minmax(0,1fr));}
  .nkh-edfacts > div{padding:20px 20px 20px 0;}
  .is-chapters .nks-in{grid-template-columns:1fr;gap:32px;}
  .nks-nav{position:static;grid-template-columns:1fr;}
  .nks-line{display:none;}
  .nks-nav ol{flex-direction:row;flex-wrap:wrap;gap:10px 22px;}
  .nks-node{grid-template-columns:1fr;gap:18px;padding-left:40px;}
  .nks-tlline{left:12px;}
  .nks-dot{left:12px;top:44px;}
  .nks-node .nks-card,.nks-node .nks-side,.nks-node.is-r .nks-card,.nks-node.is-r .nks-side{grid-column:1;grid-row:auto;}
  .nks-ed,.nks-pull{grid-template-columns:1fr;gap:18px;}
  .nks-edside{position:static;display:flex;gap:14px;align-items:baseline;}
  .nks-pull cite{grid-column:auto;}
  .nkr-wall,.nkr-ribbon{grid-template-columns:1fr;}
  .nkr-ribbon > div + div{border-left:0;border-top:1px solid rgba(255,255,255,.12);}
  .nkn-cards{grid-template-columns:1fr 1fr;}
  .nkn-list{grid-template-columns:1fr;}
  .nkn-preview{display:none;}
}
@media (max-width:720px){
  .npro-cfilm,.npro-cdeck,.npro-crail,.npro-kstory,.npro-kres,.npro-knext{padding:72px 0;}
  .ncf-head,.ncr-head,.nkn-head{flex-direction:column;align-items:flex-start;}
  .ncr-filters{justify-content:flex-start;}
  .ncf-screen{aspect-ratio:4/5;min-height:0;}
  .ncf-cap{padding:22px;}
  .ncf-kort{display:none;}
  .ncd-deck{height:480px;}
  .ncd-card{height:470px;}
  .ncd-photo{height:48%;}
  .ncd-body{padding:12px 18px 18px;}
  .ncd-nums b{font-size:26px;}
  .ncr-card{flex-basis:76vw;}
  .nkh-facts,.nkh-edfacts{grid-template-columns:1fr 1fr;}
  .nkh-split{grid-template-columns:1fr;gap:36px;}
  .nkh-results{gap:10px;}
  .nkh-hint{display:none;}
  .nkh-thumbs{padding:0 10px;}
  .nkh-edfig{padding:0 16px;}
  .nkr-row{grid-template-columns:1fr;gap:10px;}
  .nkr-cmp{padding:20px 18px 10px;}
  .nkr-mini{grid-template-columns:1fr;}
  .nkn-cards{grid-template-columns:1fr;}
  .nkn-bigin{padding:24px;}
  .nkn-big{aspect-ratio:4/5;}
  .nkn-bigarrow{width:52px;height:52px;right:18px;bottom:18px;}
  .nkn-row{grid-template-columns:34px 1fr 40px;}
  .nkn-row span{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .ncf-img,.nkh-media img{animation:none;transform:none;transition:none;}
  .nkh-hint i{animation:none;}
  .ncf-item.is-on .ncf-bar b{animation:none;transform:scaleX(1);}
}

/* =====================================================================
   Nexa Pro · SAAS-SHOWCASE — twintig secties: uitleg (nan/ntc/nfd/nln/nbp), mogelijkheden (nsw/nsb/nrc/ndv/nmx),
   profijt (ntb/ncs/nrp/nhb/nsc) en conversie (ncb/nsn/ngr/nsl/nsk)
   ===================================================================== */
.npro-head{max-width:780px;}
.npro [hidden]{display:none!important;}
.npro-form{display:flex;flex-direction:column;gap:14px;}
.npro-form-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.npro-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.npro-form input:not([type=hidden]):not(.npro-hp){width:100%;height:50px;padding:0 16px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:15px;font-weight:500;outline:none;transition:border-color .25s,background-color .25s;}
.npro-form input::placeholder{color:rgba(255,255,255,.35);}
.npro-form input:focus{border-color:var(--npro-blue);background:rgba(0,116,255,.1);}
.npro-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;}
.npro-form .nexa-btn{align-self:flex-start;}
.npro-form-msg{margin:0;font-size:14px;color:var(--npro-ok);min-height:0;}
.npro-form-msg.is-err{color:var(--npro-red);}
.npro-form.is-busy .nexa-btn{opacity:.6;pointer-events:none;}
.npro-form.is-sent .npro-form-fields,.npro-form.is-sent .nexa-btn{display:none;}
.npro-form.is-sent .npro-form-msg{font-size:17px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px;}
.npro-form.is-sent .npro-form-msg::before{content:"";width:28px;height:28px;border-radius:50%;background:var(--npro-ok) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") center/16px no-repeat;flex:none;}
.npro-toggle{position:relative;width:46px;height:26px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);transition:background-color .25s,border-color .25s;flex:none;}
.npro-toggle b{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.22,.9,.3,1);}

/* ---------- 1 ANATOMIE ---------- */
.npro-anatomy{background:var(--npro-deep);color:#fff;overflow:hidden;padding:120px 0;}
.nan-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center;}
.nan-list{list-style:none;margin:34px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;}
.nan-item{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;width:100%;text-align:left;padding:12px 14px;border-radius:16px;border:1px solid transparent;background:transparent;color:#fff;font:inherit;cursor:pointer;opacity:.55;transition:opacity .3s,background-color .3s,border-color .3s;}
.nan-item:hover{opacity:.9;}
.nan-item.is-on{opacity:1;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);}
.nan-item i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(0,116,255,.16);color:var(--npro-soft-blue);}
.nan-item i .npro-ico{width:18px;height:18px;}
.nan-item b{display:block;font-size:15px;font-weight:700;}
.nan-item small{display:none;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.66);margin-top:4px;}
.nan-item.is-on small{display:block;}
.nan-stage{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;}
.nan-iso{position:relative;width:420px;height:300px;transform:rotateX(56deg) rotateZ(-32deg);transform-style:preserve-3d;}
.nan-layer{position:absolute;inset:0;border-radius:18px;background:linear-gradient(180deg,rgba(20,44,96,.95),rgba(11,28,61,.95));border:1px solid rgba(122,179,255,.35);box-shadow:0 30px 60px -20px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.12);padding:18px 20px;transform:translateZ(calc(var(--k) * 6px));--nan-gap:64px;transition:transform .9s cubic-bezier(.22,.9,.3,1),opacity .5s,border-color .4s,box-shadow .4s;opacity:.85;cursor:pointer;}
.npro.is-in .nan-layer{transform:translateZ(calc(var(--k) * var(--nan-gap)));}
.nan-layer.is-on{opacity:1;border-color:#7AB3FF;box-shadow:0 0 0 1px rgba(122,179,255,.4),0 40px 80px -20px rgba(0,116,255,.6);}
.npro.is-in .nan-layer.is-on{transform:translateZ(calc(var(--k) * var(--nan-gap) + 26px));}
.nan-lhead{display:flex;align-items:center;gap:10px;font-weight:800;font-family:var(--npro-display);font-size:18px;letter-spacing:-.02em;}
.nan-lhead i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(0,116,255,.2);color:var(--npro-soft-blue);}
.nan-lhead i .npro-ico{width:14px;height:14px;}
.nan-ltag{display:block;margin-top:6px;font-size:12px;color:rgba(255,255,255,.55);}
.nan-lrows{display:flex;flex-direction:column;gap:8px;margin-top:16px;}
.nan-lrows i{display:block;height:10px;width:var(--w);border-radius:5px;background:rgba(255,255,255,.1);}
.nan-layer.is-on .nan-lrows i:first-child{background:linear-gradient(90deg,#7AB3FF,#0074FF);}
.nan-caption{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:12px 20px;border-radius:14px;background:rgba(7,20,48,.85);border:1px solid rgba(255,255,255,.12);}
.nan-caption b{font-family:var(--npro-display);font-weight:800;font-size:16px;}
.nan-caption span{font-size:12px;color:var(--npro-soft-blue);}

/* ---------- 2 VOLG ÉÉN MELDING ---------- */
.npro-trace{background:var(--npro-navy);color:#fff;overflow:hidden;padding:110px 0;}
.ntc-head{margin-bottom:40px;}
.ntc-stage{position:relative;height:260px;}
.ntc-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.ntc-rail{fill:none;stroke:rgba(255,255,255,.12);stroke-width:2;vector-effect:non-scaling-stroke;}
.ntc-glow{fill:none;stroke:url(#ntc-none);stroke:#0074FF;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(0,116,255,.9));}
.ntc-dot{position:absolute;left:0;top:0;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(0,116,255,.35),0 0 24px rgba(0,116,255,.9);z-index:3;will-change:transform;}
.ntc-station{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2;opacity:.5;transition:opacity .4s,transform .4s;}
.ntc-station.is-on,.ntc-station.is-done{opacity:1;}
.ntc-station.is-on{transform:translate(-50%,-50%) scale(1.08);}
.ntc-station i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--npro-navy-2);border:1px solid rgba(255,255,255,.18);color:#fff;transition:background-color .4s,border-color .4s,box-shadow .4s;}
.ntc-station i .npro-ico{width:22px;height:22px;}
.ntc-station.is-done i{background:#143060;color:var(--npro-soft-blue);border-color:rgba(122,179,255,.5);}
.ntc-station.is-on i{background:var(--npro-blue);border-color:var(--npro-blue);box-shadow:0 0 0 8px rgba(0,116,255,.2);}
.ntc-station b{font-size:13px;font-weight:700;}
.ntc-station small{font-size:11px;color:rgba(255,255,255,.5);font-variant-numeric:tabular-nums;}
.ntc-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:20px;}
.ntc-card{position:relative;padding:18px 18px 22px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);opacity:.45;transition:opacity .4s,border-color .4s,background-color .4s;overflow:hidden;}
.ntc-card.is-on{opacity:1;border-color:rgba(122,179,255,.45);background:rgba(0,116,255,.1);}
.ntc-card.is-done{opacity:.8;}
.ntc-who{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--npro-soft-blue);}
.ntc-card b{display:block;margin-top:6px;font-size:15px;font-weight:700;}
.ntc-card p{margin:8px 0 0;font-size:13px;line-height:1.5;color:rgba(255,255,255,.7);}
.ntc-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.08);}
.ntc-bar b{position:absolute;inset:0;margin:0;background:linear-gradient(90deg,#7AB3FF,#0074FF);transform-origin:left;transform:scaleX(0);}
.ntc-card.is-on .ntc-bar b{animation:ncf-fill var(--ntc-seg,1.6s) linear forwards;}
.ntc-card.is-done .ntc-bar b{transform:scaleX(1);}

/* ---------- 3 LIVE LOGBOEK ---------- */
.npro-feed{background:var(--npro-deep);color:#fff;overflow:hidden;padding:110px 0;}
.nfd-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center;}
.nfd-tally{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12);}
.nfd-tally b{display:block;font-family:var(--npro-display);font-weight:800;font-size:clamp(34px,4vw,54px);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;}
.nfd-tally small{display:block;margin-top:8px;font-size:13px;color:rgba(255,255,255,.6);}
.nfd-panel{border-radius:24px;background:#050E22;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -40px rgba(0,0,0,.9);overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}
.nfd-top{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);font-family:'Satoshi',ui-sans-serif,system-ui,sans-serif;font-size:13px;}
.nfd-top b{font-weight:700;}
.nfd-day{margin-left:auto;color:rgba(255,255,255,.45);}
.nfd-live{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--npro-ok);}
.nfd-live i,.nsb-live i,.ncb-status i{width:7px;height:7px;border-radius:50%;background:var(--npro-ok);position:relative;}
.nfd-live i::after,.nsb-live i::after,.ncb-status i::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1.5px solid rgba(34,197,94,.6);animation:npro-pulse 2.2s ease-out infinite;}
.nfd-log{list-style:none;margin:0;padding:10px 0;min-height:352px;display:flex;flex-direction:column;}
.nfd-row{display:grid;grid-template-columns:28px 52px 1fr auto;gap:12px;align-items:center;padding:10px 18px;font-size:13px;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.04);opacity:0;transform:translateY(-8px);transition:opacity .5s,transform .5s cubic-bezier(.22,.9,.3,1);}
.nfd-row.is-in{opacity:1;transform:none;}
.nfd-row i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;}
.nfd-row i .npro-ico{width:14px;height:14px;}
.nfd-row.is-melding i{background:rgba(255,90,71,.2);color:#FF8A7A;}
.nfd-row.is-planning i{background:rgba(0,116,255,.22);color:var(--npro-soft-blue);}
.nfd-row.is-werkbon i{background:rgba(245,165,36,.2);color:#F5C466;}
.nfd-row.is-factuur i,.nfd-row.is-betaling i{background:rgba(34,197,94,.18);color:#4ADE80;}
.nfd-row.is-klant i{background:rgba(255,255,255,.12);}
.nfd-row time{color:rgba(255,255,255,.45);font-variant-numeric:tabular-nums;}
.nfd-row span{color:rgba(255,255,255,.85);}
.nfd-row em{font-style:normal;font-size:11px;color:var(--npro-ok);white-space:nowrap;}
.nfd-foot{padding:12px 18px 16px;font-size:12px;color:rgba(255,255,255,.4);display:flex;align-items:center;gap:8px;}
.nfd-cursor{width:8px;height:14px;background:var(--npro-soft-blue);animation:nfd-blink 1s steps(2) infinite;}
@keyframes nfd-blink{to{opacity:0;}}

/* ---------- 4 LENS ---------- */
.npro-lens{background:var(--npro-navy);color:#fff;overflow:hidden;padding:110px 0;}
.nln-head{margin-bottom:28px;}
.nln-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px;}
.nln-tab{padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:transparent;color:rgba(255,255,255,.7);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s;}
.nln-tab.is-on{background:#fff;color:var(--npro-navy);border-color:#fff;}
.nln-stage{position:relative;aspect-ratio:16/8.5;min-height:420px;border-radius:26px;overflow:hidden;background:#E9EDF4;border:1px solid rgba(255,255,255,.12);box-shadow:0 50px 100px -40px rgba(0,0,0,.9);cursor:none;--lx:50%;--ly:50%;--lr:150px;}
.nln-chaos{position:absolute;inset:0;background:radial-gradient(60% 60% at 30% 30%,#F5F7FB,#D9DFEA);}
.nln-note{position:absolute;left:var(--x);top:var(--y);width:170px;padding:14px 14px 18px;background:#FFF6A8;color:#3B3A2A;font-family:'Comic Sans MS','Segoe Print','Bradley Hand',cursive;font-size:14px;line-height:1.3;box-shadow:0 10px 24px -10px rgba(0,0,0,.35);transform:rotate(var(--r));animation:nln-wobble 6s ease-in-out infinite;animation-delay:var(--d);}
.nln-note::before{content:"";position:absolute;left:50%;top:-8px;width:34px;height:14px;margin-left:-17px;background:rgba(255,255,255,.55);transform:rotate(-2deg);}
@keyframes nln-wobble{50%{transform:rotate(calc(var(--r) + 2deg)) translateY(-3px);}}
.nln-sheet{position:absolute;left:var(--x);top:var(--y);width:300px;padding:12px;background:#fff;border:1px solid #C9D2E2;font-family:Arial,sans-serif;font-size:11px;color:#1B1B1B;transform:rotate(var(--r));box-shadow:0 12px 30px -12px rgba(0,0,0,.3);}
.nln-sheet b{display:block;margin-bottom:6px;font-size:12px;}
.nln-sheet i{display:block;height:14px;margin-top:4px;background:repeating-linear-gradient(90deg,#E4E9F2 0 60px,#fff 60px 62px);}
.nln-bubble{position:absolute;left:var(--x);top:var(--y);padding:10px 14px;border-radius:18px 18px 18px 4px;background:#25D366;color:#fff;font-size:13px;font-weight:600;box-shadow:0 10px 24px -10px rgba(0,0,0,.4);}
.nln-clean{position:absolute;inset:0;background:radial-gradient(60% 80% at 50% 50%,#0E2249,var(--npro-deep));clip-path:circle(var(--lr) at var(--lx) var(--ly));transition:clip-path .08s linear;}
.nln-view{position:absolute;inset:0;display:none;padding:24px;}
.nln-view.is-on{display:block;}
.nln-ring{position:absolute;left:var(--lx);top:var(--ly);width:calc(var(--lr) * 2);height:calc(var(--lr) * 2);margin:calc(var(--lr) * -1) 0 0 calc(var(--lr) * -1);border-radius:50%;border:2px solid rgba(122,179,255,.9);box-shadow:0 0 0 6px rgba(0,116,255,.18),0 0 60px rgba(0,116,255,.5);pointer-events:none;transition:left .08s linear,top .08s linear;}
.nln-ring::after{content:"Het portaal";position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--npro-soft-blue);white-space:nowrap;}
.nln-ui{max-width:720px;height:100%;overflow:hidden;margin:0 auto;border-radius:16px;background:#fff;color:#0B1C3D;padding:20px 24px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);font-size:15px;display:flex;flex-direction:column;}
.nln-ui .nln-row,.nln-ui .nln-lines > div,.nln-ui .nln-tl span{flex:1;}
.nln-ui .nln-lines,.nln-ui .nln-tl{display:flex;flex-direction:column;flex:1;}
.nln-ui.is-client .nln-tl{flex-direction:column;}
.nln-ui .nln-photos i{height:64px;width:90px;}
.nln-ui .nln-cards{flex:1;align-content:start;}
.nln-uihead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;border-bottom:1px solid #E6EAF2;margin-bottom:10px;}
.nln-uihead b{font-family:var(--npro-display);font-weight:800;font-size:20px;}
.nln-uihead span{font-size:12px;color:#5B6B85;}
.nln-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #F0F3F8;}
.nln-row i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#EEF5FF;color:#0074FF;font-style:normal;font-weight:800;font-size:11px;}
.nln-row i.is-red{background:#FFE8E5;color:#E5325A;}
.nln-row b{display:block;font-size:15px;}
.nln-row small{display:block;font-size:11px;color:#5B6B85;}
.nln-pill{padding:5px 10px;border-radius:999px;background:#F0F3F8;font-size:11px;font-weight:700;}
.nln-pill.is-red{background:#FFE8E5;color:#E5325A;}
.nln-pill.is-ok{background:#E3F7EA;color:#16A34A;}
.nln-photos{display:flex;gap:8px;margin:8px 0;}
.nln-photos i{width:56px;height:42px;border-radius:8px;background:linear-gradient(135deg,#9CC4FF,#0074FF);}
.nln-photos i.is-add{background:#F0F3F8;color:#5B6B85;display:grid;place-items:center;font-style:normal;font-weight:800;}
.nln-lines > div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #F0F3F8;}
.nln-lines .is-total{font-weight:800;border:0;}
.nln-sign{margin-top:8px;border:1px dashed #C9D2E2;border-radius:10px;padding:6px 10px;}
.nln-sign small{font-size:10px;color:#5B6B85;}
.nln-sign svg{display:block;width:180px;height:36px;}
.nln-sign path{fill:none;stroke:#0B1C3D;stroke-width:2;stroke-linecap:round;}
.nln-btn{display:inline-block;margin-top:10px;padding:9px 14px;border-radius:999px;background:#0074FF;color:#fff;font-weight:700;font-size:12px;}
.nln-btn.is-ghost{background:#EEF5FF;color:#0074FF;}
.nln-tl{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;}
.nln-tl span{padding:6px 10px;border-radius:999px;background:#F0F3F8;font-size:11px;font-weight:700;color:#5B6B85;}
.nln-tl .is-done{background:#E3F7EA;color:#16A34A;}
.nln-tl .is-now{background:#0074FF;color:#fff;}
.nln-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.nln-cards > div{padding:10px 12px;border-radius:10px;background:#F5F7FB;}
.nln-cards small{display:block;font-size:11px;color:#5B6B85;}
.nln-cards b{display:block;font-family:var(--npro-display);font-size:18px;}
.nln-cards em{display:inline-block;margin-top:4px;font-style:normal;font-size:11px;font-weight:700;color:#0074FF;}
.nln-legend{margin-top:22px;}
.nln-pair{display:none;grid-template-columns:1fr 1fr;gap:16px;}
.nln-pair.is-on{display:grid;}
.nln-pair > div{padding:18px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);}
.nln-pair small{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.nln-pair .is-after small{color:var(--npro-soft-blue);}
.nln-pair .is-after{border-color:rgba(122,179,255,.35);background:rgba(0,116,255,.08);}
.nln-pair p{margin:8px 0 0;font-size:15px;line-height:1.55;color:rgba(255,255,255,.85);}

/* ---------- 5 BLAUWDRUK ---------- */
.npro-blueprint{background:#061634;color:#fff;overflow:hidden;padding:110px 0;}
.nbp-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center;}
.nbp-stage{position:relative;}
.nbp-svg{display:block;width:100%;height:auto;border-radius:24px;background:#071D45;}
.nbp-frame{fill:none;stroke:rgba(122,179,255,.5);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;}
.npro.is-in .nbp-frame{animation:nbp-draw 1.6s ease-out forwards;}
.nbp-box rect:first-child{fill:rgba(0,116,255,.06);stroke:rgba(122,179,255,.7);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;transition:fill .3s,stroke .3s;}
.npro.is-in .nbp-box rect:first-child{animation:nbp-draw 1.4s ease-out forwards;animation-delay:var(--d);}
@keyframes nbp-draw{to{stroke-dashoffset:0;}}
.nbp-ph{fill:rgba(122,179,255,.14);opacity:0;transition:opacity .5s;transition-delay:calc(var(--d) + .8s);}
.npro.is-in .nbp-ph{opacity:1;}
.nbp-ph.is-blue{fill:rgba(0,116,255,.7);}
.nbp-box.is-on rect:first-child{fill:rgba(0,116,255,.16);stroke:#fff;}
.nbp-pin{fill:#0074FF;stroke:#fff;stroke-width:1.5;opacity:0;transition:opacity .4s,fill .3s;transition-delay:calc(var(--d) + 1s);}
.npro.is-in .nbp-pin{opacity:1;}
.nbp-box.is-on .nbp-pin{fill:#fff;}
.nbp-box text{fill:#fff;font-family:'Elms Sans','Satoshi',sans-serif;font-weight:800;font-size:15px;opacity:0;transition:opacity .4s,fill .3s;transition-delay:calc(var(--d) + 1s);pointer-events:none;}
.npro.is-in .nbp-box text{opacity:1;}
.nbp-box.is-on text{fill:#0074FF;}
.nbp-box{cursor:pointer;}
.nbp-stamp{position:absolute;right:22px;bottom:16px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.2em;color:rgba(122,179,255,.55);}
.nbp-list{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;}
.nbp-item{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:start;width:100%;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid transparent;background:transparent;color:#fff;font:inherit;cursor:pointer;opacity:.6;transition:opacity .3s,background-color .3s,border-color .3s;}
.nbp-item:hover{opacity:.9;}
.nbp-item.is-on{opacity:1;background:rgba(0,116,255,.12);border-color:rgba(122,179,255,.35);}
.nbp-item i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--npro-blue);color:#fff;font-style:normal;font-family:var(--npro-display);font-weight:800;font-size:14px;}
.nbp-item b{display:block;font-size:15px;font-weight:700;}
.nbp-item small{display:none;margin-top:4px;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.7);}
.nbp-item.is-on small{display:block;}

/* ---------- 6 SCHAKELBORD ---------- */
.npro-switch{background:var(--npro-deep);color:#fff;overflow:hidden;padding:110px 0;}
.nsw-head{margin-bottom:40px;}
.nsw-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:start;}
.nsw-board{display:flex;flex-direction:column;gap:6px;}
.nsw-row{display:grid;grid-template-columns:40px 1fr 46px;gap:14px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:border-color .3s,background-color .3s;}
.nsw-row.is-on{border-color:rgba(122,179,255,.4);background:rgba(0,116,255,.1);}
.nsw-row input{position:absolute;opacity:0;width:0;height:0;}
.nsw-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:rgba(255,255,255,.6);transition:background-color .3s,color .3s;}
.nsw-row.is-on .nsw-ico{background:var(--npro-blue);color:#fff;}
.nsw-ico .npro-ico{width:18px;height:18px;}
.nsw-txt b{display:block;font-size:15px;font-weight:700;}
.nsw-txt small{display:block;font-size:12.5px;color:rgba(255,255,255,.6);margin-top:2px;}
.nsw-switch{position:relative;width:46px;height:26px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);transition:background-color .25s,border-color .25s;}
.nsw-switch b{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.22,.9,.3,1);}
.nsw-row.is-on .nsw-switch{background:var(--npro-blue);border-color:var(--npro-blue);}
.nsw-row.is-on .nsw-switch b{transform:translateX(20px);}
.nsw-preview{position:sticky;top:110px;}
.nsw-screen{display:grid;grid-template-columns:150px 1fr;min-height:360px;border-radius:22px;overflow:hidden;background:#F5F7FB;color:#0B1C3D;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 90px -40px rgba(0,0,0,.9);}
.nsw-nav{background:#0B1C3D;color:#fff;padding:16px 12px;display:flex;flex-direction:column;gap:4px;font-size:12.5px;}
.nsw-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-family:var(--npro-display);font-size:13px;margin-bottom:12px;padding:0 6px;}
.nsw-brand i{width:22px;height:22px;border-radius:6px;background:var(--npro-blue);display:grid;place-items:center;}
.nsw-brand .npro-ico{width:12px;height:12px;}
.nsw-nav span{padding:8px 10px;border-radius:8px;color:rgba(255,255,255,.7);animation:nsw-in .4s ease both;}
.nsw-nav span.is-fixed{background:var(--npro-blue);color:#fff;}
@keyframes nsw-in{from{opacity:0;transform:translateX(-8px);}}
.nsw-main{padding:16px;display:flex;flex-direction:column;gap:12px;position:relative;}
.nsw-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;}
.nsw-kpis > div{padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #E6EAF2;animation:nsw-in .4s ease both;}
.nsw-kpis small{display:block;font-size:10px;color:#5B6B85;text-transform:uppercase;letter-spacing:.06em;}
.nsw-kpis b{display:block;font-family:var(--npro-display);font-size:18px;margin-top:2px;}
.nsw-chart{flex:1;min-height:120px;display:flex;align-items:flex-end;gap:6px;padding:14px;border-radius:12px;background:#fff;border:1px solid #E6EAF2;}
.nsw-chart i{flex:1;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(180deg,#3D92FF,#0074FF);}
.nsw-empty{position:absolute;inset:16px;display:grid;place-items:center;border-radius:12px;background:rgba(245,247,251,.9);color:#5B6B85;font-weight:700;}
.nsw-sum{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:16px;align-items:center;margin-top:16px;padding:18px 22px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);}
.nsw-sum small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.nsw-sum b{display:block;font-family:var(--npro-display);font-weight:800;font-size:22px;letter-spacing:-.02em;margin-top:2px;font-variant-numeric:tabular-nums;}

/* ---------- 7 SANDBOX ---------- */
.npro-sandbox{background:var(--npro-navy);color:#fff;overflow:hidden;padding:110px 0;}
.nsb-head{margin-bottom:40px;}
.nsb-grid{display:grid;grid-template-columns:380px minmax(0,1fr);gap:48px;align-items:start;}
.nsb-phone{border-radius:38px;padding:12px;background:#0A1226;border:1px solid rgba(255,255,255,.16);box-shadow:0 50px 100px -40px rgba(0,0,0,.9),inset 0 0 0 2px #1B2745;}
.nsb-screen{border-radius:28px;background:#F5F7FB;color:#0B1C3D;min-height:560px;padding:22px 18px;position:relative;overflow:hidden;}
.nsb-top{padding-bottom:14px;border-bottom:1px solid #E6EAF2;margin-bottom:16px;}
.nsb-top b{display:block;font-family:var(--npro-display);font-size:15px;}
.nsb-top span{font-size:12px;color:#5B6B85;}
.nsb-step small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0074FF;}
.nsb-step > b{display:block;font-family:var(--npro-display);font-weight:800;font-size:20px;letter-spacing:-.02em;margin:6px 0 12px;}
.nsb-lbl{margin-top:14px;}
.nsb-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.nsb-chip{padding:9px 13px;border-radius:999px;border:1px solid #D9E0EC;background:#fff;color:#0B1C3D;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;}
.nsb-chip.is-on{background:#0074FF;border-color:#0074FF;color:#fff;}
.nsb-photo{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;width:100%;margin-top:16px;padding:10px 12px;border-radius:14px;border:1px dashed #C9D2E2;background:#fff;color:#0B1C3D;font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left;}
.nsb-photo i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#EEF5FF;color:#0074FF;}
.nsb-photo i .npro-ico{width:16px;height:16px;}
.nsb-photo em{font-style:normal;font-size:11px;color:#5B6B85;}
.nsb-photo.is-on{border-style:solid;border-color:#0074FF;}
.nsb-photo.is-on i{background:linear-gradient(135deg,#9CC4FF,#0074FF);color:#fff;}
.nsb-photo.is-on em{color:#16A34A;}
.nsb-send{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:18px;height:52px;border-radius:999px;border:0;background:#0074FF;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s,background-color .2s;}
.nsb-send:hover{background:#005FD6;transform:translateY(-1px);}
.nsb-send .npro-ico{width:18px;height:18px;}
.nsb-send.is-busy{opacity:.7;pointer-events:none;}
.nsb-tl{display:flex;flex-direction:column;gap:8px;margin:6px 0 16px;}
.nsb-tl span{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #E6EAF2;font-size:13px;font-weight:600;color:#5B6B85;}
.nsb-tl span::before{content:"";width:8px;height:8px;border-radius:50%;background:#D9E0EC;flex:none;}
.nsb-tl span.is-done{color:#0B1C3D;}
.nsb-tl span.is-done::before{background:#16A34A;}
.nsb-tl time{margin-left:auto;font-size:12px;color:#5B6B85;font-variant-numeric:tabular-nums;}
.nsb-msg{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:12px;border-radius:14px 14px 14px 4px;background:#E3F7EA;color:#0B1C3D;font-size:13px;line-height:1.45;}
.nsb-msg i{width:28px;height:28px;border-radius:50%;background:#25D366;}
.nsb-msg b{display:block;font-size:11px;color:#16A34A;margin-bottom:2px;}
.nsb-msg p{margin:0;}
.nsb-reset{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;border-radius:999px;border:1px solid #D9E0EC;background:#fff;color:#0B1C3D;font:inherit;font-size:13px;font-weight:600;cursor:pointer;}
.nsb-reset .npro-ico{width:14px;height:14px;}
.nsb-office{border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);padding:22px 24px 24px;}
.nsb-officehead{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:14px;}
.nsb-officehead b{font-weight:700;font-size:14px;}
.nsb-live{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--npro-ok);}
.nsb-board{display:flex;flex-direction:column;gap:8px;}
.nsb-job{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);}
.nsb-job i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font-style:normal;font-weight:800;font-size:12px;}
.nsb-job b{display:block;font-size:14px;}
.nsb-job small{display:block;font-size:12px;color:rgba(255,255,255,.55);}
.nsb-job > span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:700;}
.nsb-job.is-new{border-color:rgba(255,90,71,.5);background:rgba(255,90,71,.08);animation:nsb-pop .5s cubic-bezier(.22,.9,.3,1);}
.nsb-job.is-new i{background:var(--npro-red);color:#fff;}
.nsb-job.is-new > span{background:var(--npro-blue);color:#fff;}
@keyframes nsb-pop{from{opacity:0;transform:translateY(-10px) scale(.97);}}
.nsb-events{display:flex;flex-direction:column;gap:6px;margin-top:16px;min-height:170px;}
.nsb-ev{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;font-size:13px;color:rgba(255,255,255,.85);animation:nsb-pop .45s cubic-bezier(.22,.9,.3,1);}
.nsb-ev i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:rgba(0,116,255,.2);color:var(--npro-soft-blue);}
.nsb-ev i .npro-ico{width:14px;height:14px;}
.nsb-ev em{font-style:normal;color:var(--npro-soft-blue);}
.nsb-note{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;font-weight:600;color:rgba(255,255,255,.8);}
.nsb-note .npro-ico{width:18px;height:18px;color:var(--npro-amber);flex:none;}

/* ---------- 8 RECEPTEN ---------- */
.npro-recipes{background:var(--npro-deep);color:#fff;overflow:hidden;padding:110px 0;}
.nrc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;}
.nrc-sum{flex:none;display:flex;align-items:baseline;gap:10px;padding:14px 20px;border-radius:16px;background:rgba(0,116,255,.12);border:1px solid rgba(122,179,255,.35);}
.nrc-sum b{font-family:var(--npro-display);font-weight:800;font-size:32px;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;}
.nrc-sum span{font-size:13px;color:rgba(255,255,255,.75);}
.nrc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.nrc-card{position:relative;padding:20px 22px 22px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:border-color .3s,background-color .3s,opacity .3s;}
.nrc-card:not(.is-on){opacity:.55;}
.nrc-card.is-on{border-color:rgba(122,179,255,.35);background:rgba(0,116,255,.07);}
.nrc-top{display:flex;justify-content:space-between;align-items:center;}
.nrc-als,.nrc-dan{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--npro-soft-blue);}
.nrc-dan{margin-top:2px;}
.nrc-toggle{position:relative;cursor:pointer;}
.nrc-toggle input{position:absolute;opacity:0;width:0;height:0;}
.nrc-toggle > span{display:block;position:relative;width:46px;height:26px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);transition:background-color .25s,border-color .25s;}
.nrc-toggle > span b{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.22,.9,.3,1);}
.nrc-card.is-on .nrc-toggle > span{background:var(--npro-blue);border-color:var(--npro-blue);}
.nrc-card.is-on .nrc-toggle > span b{transform:translateX(20px);}
.nrc-trigger{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);}
.nrc-trigger i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--npro-blue);color:#fff;flex:none;}
.nrc-trigger i .npro-ico{width:16px;height:16px;}
.nrc-trigger b{font-size:14.5px;font-weight:700;line-height:1.3;}
.nrc-wire{position:relative;height:28px;margin:0 0 0 30px;width:2px;background:rgba(122,179,255,.35);overflow:hidden;}
.nrc-wire i{position:absolute;left:-2px;top:-8px;width:6px;height:8px;border-radius:3px;background:#fff;box-shadow:0 0 8px #7AB3FF;animation:nrc-flow 1.6s linear infinite;}
.nrc-card:not(.is-on) .nrc-wire i{display:none;}
@keyframes nrc-flow{to{transform:translateY(36px);}}
.nrc-acts{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;}
.nrc-acts li{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.05);font-size:13.5px;}
.nrc-acts .npro-ico{width:14px;height:14px;color:var(--npro-ok);flex:none;}
.nrc-hours{display:block;margin-top:14px;font-size:12px;color:rgba(255,255,255,.5);}

/* ---------- 9 APPARATEN ---------- */
.npro-devices{background:var(--npro-deep);color:#fff;overflow:hidden;padding:110px 0;}
.ndv-head{margin-bottom:40px;}
.ndv-stage{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.7fr);gap:28px;align-items:end;}
.ndv-device{position:relative;padding-bottom:30px;}
.ndv-screen{border-radius:16px;background:#F5F7FB;color:#0B1C3D;padding:14px;border:6px solid #111A31;box-shadow:0 40px 80px -40px rgba(0,0,0,.9);transition:transform .5s cubic-bezier(.22,.9,.3,1),box-shadow .5s;}
.is-laptop .ndv-screen{border-radius:16px 16px 4px 4px;min-height:260px;}
.is-laptop::after{content:"";position:absolute;left:-4%;right:-4%;bottom:30px;height:14px;border-radius:0 0 12px 12px;background:#1B2745;}
.is-tablet .ndv-screen{border-radius:20px;min-height:280px;border-width:8px;}
.is-phone .ndv-screen{border-radius:26px;min-height:300px;border-width:8px;}
.ndv-device.is-on .ndv-screen{transform:translateY(-8px);box-shadow:0 0 0 3px rgba(0,116,255,.6),0 50px 90px -40px rgba(0,116,255,.6);}
.ndv-bar{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;border-bottom:1px solid #E6EAF2;margin-bottom:10px;font-size:12px;}
.ndv-bar b{font-family:var(--npro-display);font-size:13px;}
.ndv-bar span{color:#5B6B85;}
.ndv-rows{display:flex;flex-direction:column;gap:8px;}
.ndv-rows i{display:block;height:22px;width:var(--w);border-radius:6px;background:#fff;border:1px solid #E6EAF2;}
.ndv-rows i.is-new{border-color:#FF5A47;background:#FFF1EF;}
.ndv-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;}
.ndv-plan i{display:block;height:44px;border-radius:8px;background:#E6EAF2;}
.ndv-plan i.is-blue{background:#0074FF;}
.ndv-photos{display:flex;gap:6px;margin-bottom:10px;}
.ndv-photos i{flex:1;height:50px;border-radius:8px;background:linear-gradient(135deg,#9CC4FF,#0074FF);}
.ndv-sig{margin-top:10px;padding:6px 8px;border:1px dashed #C9D2E2;border-radius:8px;}
.ndv-sig svg{display:block;width:100%;height:30px;}
.ndv-sig path{fill:none;stroke:#0B1C3D;stroke-width:2;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400;}
.ndv-device.is-on .ndv-sig path{animation:ndv-sign 1.4s ease-out forwards;}
@keyframes ndv-sign{to{stroke-dashoffset:0;}}
.ndv-tl{display:flex;gap:4px;margin-bottom:12px;}
.ndv-tl i{flex:1;height:6px;border-radius:3px;background:#E6EAF2;}
.ndv-tl i.is-done{background:#16A34A;}
.ndv-card{padding:12px;border-radius:12px;background:#fff;border:1px solid #E6EAF2;}
.ndv-card small{display:block;font-size:10px;color:#5B6B85;text-transform:uppercase;letter-spacing:.06em;}
.ndv-card b{display:block;font-family:var(--npro-display);font-size:20px;}
.ndv-card em{display:inline-block;margin-top:6px;padding:6px 10px;border-radius:999px;background:#0074FF;color:#fff;font-style:normal;font-size:11px;font-weight:700;}
.ndv-toast{position:absolute;left:50%;top:-14px;transform:translate(-50%,10px);padding:9px 14px;border-radius:999px;background:#0B1C3D;color:#fff;border:1px solid rgba(122,179,255,.5);font-size:12.5px;font-weight:700;white-space:nowrap;opacity:0;transition:opacity .35s,transform .35s;z-index:3;box-shadow:0 10px 30px -10px rgba(0,116,255,.7);}
.ndv-toast::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--npro-ok);display:inline-block;margin-right:8px;}
.ndv-device.is-on .ndv-toast{opacity:1;transform:translate(-50%,0);}
.ndv-label{position:absolute;left:0;bottom:0;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.ndv-label .npro-ico{width:14px;height:14px;}
.ndv-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.ndv-step{position:relative;display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;width:100%;text-align:left;padding:14px 16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff;font:inherit;cursor:pointer;opacity:.55;transition:opacity .3s,border-color .3s;overflow:hidden;}
.ndv-step.is-on{opacity:1;border-color:rgba(122,179,255,.4);}
.ndv-step i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font-style:normal;font-family:var(--npro-display);font-weight:800;font-size:13px;}
.ndv-step.is-on i{background:var(--npro-blue);}
.ndv-step b{display:block;font-size:14px;font-weight:700;}
.ndv-step small{display:block;margin-top:4px;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.65);}
.ndv-bar2{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.08);}
.ndv-bar2 b{position:absolute;inset:0;margin:0;background:linear-gradient(90deg,#7AB3FF,#0074FF);transform-origin:left;transform:scaleX(0);}
.ndv-step.is-on .ndv-bar2 b{animation:ncf-fill var(--ndv-dur,3s) linear forwards;}

/* ---------- 10 ROLLENMATRIX ---------- */
.npro-matrix{background:var(--npro-navy);color:#fff;overflow:hidden;padding:110px 0;}
.nmx-head{margin-bottom:30px;}
.nmx-roles{display:flex;flex-wrap:wrap;gap:6px;}
.nmx-role{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:transparent;color:rgba(255,255,255,.7);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s;}
.nmx-role .npro-ico{width:15px;height:15px;}
.nmx-role.is-on{background:#fff;color:var(--npro-navy);border-color:#fff;}
.nmx-sum{margin:16px 0 0;font-size:17px;line-height:1.55;color:rgba(255,255,255,.85);max-width:70ch;min-height:1.55em;}
.nmx-table{margin-top:28px;border-radius:22px;border:1px solid rgba(255,255,255,.12);overflow:hidden;background:rgba(255,255,255,.03);}
.nmx-row{display:grid;grid-template-columns:minmax(0,2fr) repeat(var(--cols,4),minmax(0,1fr));align-items:center;border-top:1px solid rgba(255,255,255,.08);}
.nmx-row.is-head{border-top:0;background:rgba(255,255,255,.04);}
.nmx-row.is-head span{padding:14px 12px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);text-align:center;transition:color .3s,background-color .3s;}
.nmx-row.is-head span.is-on{color:#fff;background:rgba(0,116,255,.16);}
.nmx-feat{padding:14px 18px;font-size:14.5px;font-weight:600;}
.nmx-cell{display:grid;place-items:center;padding:12px;transition:background-color .3s;}
.nmx-cell.is-on{background:rgba(0,116,255,.1);}
.nmx-cell i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;transform:scale(0);transition:transform .5s cubic-bezier(.34,1.5,.5,1);transition-delay:var(--d,0s);}
.npro.is-in .nmx-cell i{transform:scale(1);}
.nmx-cell i .npro-ico{width:14px;height:14px;}
.nmx-cell.is-full i,.nmx-legend .is-full{background:var(--npro-ok);color:#fff;}
.nmx-cell.is-view i,.nmx-legend .is-view{background:rgba(122,179,255,.25);color:var(--npro-soft-blue);}
.nmx-cell.is-none i,.nmx-legend .is-none{background:rgba(255,255,255,.06);color:rgba(255,255,255,.3);}
.nmx-legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;font-size:13px;color:rgba(255,255,255,.6);}
.nmx-legend span{display:inline-flex;align-items:center;gap:8px;}
.nmx-legend i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;}
.nmx-legend i .npro-ico{width:11px;height:11px;}

/* ---------- 11 TIJD TERUG ---------- */
.npro-timeback{background:var(--npro-deep);color:#fff;overflow:hidden;padding:120px 0;}
.ntb-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:center;}
.ntb-switch{display:inline-flex;margin-top:30px;padding:4px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);}
.ntb-switch button{padding:10px 18px;border-radius:999px;border:0;background:transparent;color:rgba(255,255,255,.65);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .3s,color .3s;}
.ntb-switch button.is-on{background:#fff;color:var(--npro-navy);}
.ntb-legend{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;}
.ntb-legend li{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:14px;}
.ntb-legend li i{width:14px;height:14px;border-radius:4px;}
.ntb-legend b{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;font-weight:700;}
.ntb-legend b em{font-style:normal;color:rgba(255,255,255,.5);}
.ntb-legend b .npro-ico{width:12px;height:12px;color:rgba(255,255,255,.4);}
.ntb-legend b em:last-of-type{color:#fff;}
.ntb-legend .is-blue i,.ntb-seg.is-blue{background:#0074FF;stroke:#0074FF;}
.ntb-legend .is-soft i,.ntb-seg.is-soft{background:#7AB3FF;stroke:#7AB3FF;}
.ntb-legend .is-grey i,.ntb-seg.is-grey{background:rgba(255,255,255,.35);stroke:rgba(255,255,255,.35);}
.ntb-legend .is-red i,.ntb-seg.is-red{background:#FF5A47;stroke:#FF5A47;}
.ntb-legend .is-green i,.ntb-seg.is-green{background:#22C55E;stroke:#22C55E;}
.ntb-stage{position:relative;aspect-ratio:1;max-width:460px;width:100%;margin:0 auto;}
.ntb-donut{display:block;width:100%;height:100%;transform:rotate(-90deg);}
.ntb-track{fill:none;stroke:rgba(255,255,255,.08);stroke-width:26;}
.ntb-seg{fill:none;stroke-width:26;transition:stroke-dasharray 1.2s cubic-bezier(.22,.9,.3,1),stroke-dashoffset 1.2s cubic-bezier(.22,.9,.3,1);}
.ntb-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;}
.ntb-center b{font-family:var(--npro-display);font-weight:800;font-size:clamp(56px,7vw,96px);line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;}
.ntb-center small{margin-top:6px;font-size:14px;color:rgba(255,255,255,.65);max-width:14ch;}
.ntb-mode{position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);padding:8px 14px;border-radius:999px;background:rgba(7,20,48,.85);border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--npro-soft-blue);white-space:nowrap;}

/* ---------- 12 CASHFLOW ---------- */
.npro-cashflow{background:var(--npro-navy);color:#fff;overflow:hidden;padding:110px 0;}
.ncs-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;}
.ncs-calc{margin-top:30px;padding:22px 24px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);}
.ncs-calc > label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;color:rgba(255,255,255,.65);}
.ncs-calc > label b{font-family:var(--npro-display);font-weight:800;font-size:22px;color:#fff;font-variant-numeric:tabular-nums;}
.ncs-calc input[type=range]{width:100%;margin:14px 0 4px;accent-color:#0074FF;}
.ncs-out{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px;}
.ncs-out > div{display:flex;align-items:baseline;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);}
.ncs-out b{font-family:var(--npro-display);font-weight:800;font-size:24px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;}
.ncs-out > div:first-child b{color:var(--npro-soft-blue);font-size:28px;}
.ncs-out small{font-size:13px;color:rgba(255,255,255,.65);}
.ncs-chart{position:relative;padding:22px 22px 18px;border-radius:24px;background:rgba(7,20,48,.7);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -40px rgba(0,0,0,.9);}
.ncs-chart svg{display:block;width:100%;height:auto;overflow:visible;}
.ncs-legend{display:flex;gap:20px;margin-bottom:8px;font-size:12px;color:rgba(255,255,255,.65);}
.ncs-legend span{display:inline-flex;align-items:center;gap:8px;}
.ncs-legend i{width:18px;height:3px;border-radius:2px;background:rgba(255,255,255,.35);}
.ncs-legend .is-b i{background:#0074FF;}
.ncs-grid{stroke:rgba(255,255,255,.08);stroke-width:1;}
.ncs-ytxt,.ncs-xtxt{fill:rgba(255,255,255,.4);font-size:11px;font-family:'Satoshi',sans-serif;}
.ncs-ytxt{text-anchor:end;}
.ncs-area{fill:url(#ncs-fill);opacity:0;transition:opacity 1s 1.2s;}
.npro.is-in .ncs-area{opacity:1;}
.ncs-line{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;}
.ncs-line.is-a{stroke:rgba(255,255,255,.35);stroke-dasharray:1;}
.ncs-line.is-b{stroke:#0074FF;filter:drop-shadow(0 0 6px rgba(0,116,255,.7));}
.npro.is-in .ncs-line{animation:nbp-draw 1.8s ease-out forwards;}
.npro.is-in .ncs-line.is-b{animation-delay:.4s;}
.ncs-end{fill:#fff;stroke:#0074FF;stroke-width:3;opacity:0;transition:opacity .4s 2.2s;}
.ncs-endtxt{fill:#fff;font-weight:700;font-size:13px;font-family:'Satoshi',sans-serif;opacity:0;transition:opacity .4s 2.2s;}
.npro.is-in .ncs-end,.npro.is-in .ncs-endtxt{opacity:1;}
.ncs-marker{position:absolute;right:22px;top:22px;display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--npro-soft-blue);}
.ncs-marker i{width:8px;height:8px;border-radius:50%;background:var(--npro-blue);}

/* ---------- 13 KASSABON ---------- */
.npro-receipt{background:var(--npro-deep);color:#fff;overflow:hidden;padding:120px 0;}
.nrp-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:center;}
.nrp-big{margin-top:30px;padding:24px 26px;border-radius:22px;background:rgba(255,90,71,.08);border:1px solid rgba(255,90,71,.3);}
.nrp-big small{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#FF8A7A;}
.nrp-big b{display:block;font-family:var(--npro-display);font-weight:800;font-size:clamp(44px,5.5vw,76px);line-height:1;letter-spacing:-.045em;margin-top:8px;font-variant-numeric:tabular-nums;}
.nrp-big > span{display:block;margin-top:10px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.75);}
.nrp-stage{position:relative;padding-top:26px;max-width:380px;margin:0 auto;}
.nrp-slot{position:absolute;left:-12px;right:-12px;top:0;height:26px;border-radius:8px;background:linear-gradient(180deg,#1B2745,#0E1730);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px -10px rgba(0,0,0,.8);z-index:2;}
.nrp-slot::after{content:"";position:absolute;left:14px;right:14px;top:11px;height:4px;border-radius:2px;background:#050B18;}
.nrp-paper{position:relative;margin:0 6px;background:#FFFDF7;color:#1B1B1B;padding:22px 22px 26px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;box-shadow:0 30px 60px -30px rgba(0,0,0,.9);clip-path:inset(0 0 100% 0);transition:clip-path 3.4s linear .2s;}
.npro.is-in .nrp-paper{clip-path:inset(0 0 -20px 0);}
.nrp-paper::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:linear-gradient(135deg,transparent 50%,#FFFDF7 50%) 0 0/20px 10px,linear-gradient(225deg,transparent 50%,#FFFDF7 50%) 10px 0/20px 10px;}
.nrp-phead{text-align:center;display:flex;flex-direction:column;gap:2px;margin-bottom:12px;color:#5B6B85;}
.nrp-phead b{font-size:15px;letter-spacing:.2em;color:#0B1C3D;}
.nrp-dash{display:block;letter-spacing:.05em;color:#C9D2E2;overflow:hidden;white-space:nowrap;}
.nrp-line{display:flex;justify-content:space-between;gap:12px;padding:6px 0;opacity:0;transform:translateY(4px);transition:opacity .4s,transform .4s;transition-delay:var(--d);}
.npro.is-in .nrp-line{opacity:1;transform:none;}
.nrp-line span{color:#3B4761;}
.nrp-line b{white-space:nowrap;font-variant-numeric:tabular-nums;}
.nrp-line.is-sub{border-top:1px dashed #C9D2E2;margin-top:6px;padding-top:10px;}
.nrp-line.is-total{border-top:2px solid #0B1C3D;margin-top:8px;padding-top:12px;font-size:16px;font-weight:800;color:#0B1C3D;}
.nrp-line.is-total span,.nrp-line.is-total b{color:#0B1C3D;}
.nrp-pfoot{margin-top:14px;text-align:center;display:flex;flex-direction:column;gap:8px;color:#5B6B85;}
.nrp-barcode{display:block;height:36px;margin:6px auto 0;width:78%;background:repeating-linear-gradient(90deg,#0B1C3D 0 2px,transparent 2px 4px,#0B1C3D 4px 7px,transparent 7px 9px,#0B1C3D 9px 10px,transparent 10px 14px);}

/* ---------- 14 HARTSLAG ---------- */
.npro-heart{background:var(--npro-navy);color:#fff;overflow:hidden;padding:110px 0;}
.nhb-head{margin-bottom:40px;}
.nhb-monitor{position:relative;padding:28px 28px 22px;border-radius:26px;background:#040B1C;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -40px rgba(0,0,0,.9);}
.nhb-monitor svg{display:block;width:100%;height:150px;}
.nhb-base{fill:none;stroke:rgba(255,255,255,.08);stroke-width:2;vector-effect:non-scaling-stroke;}
.nhb-beat{fill:none;stroke:url(#nhb-grad);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-dasharray:.28 1;stroke-dashoffset:.28;filter:drop-shadow(0 0 6px rgba(122,179,255,.6));animation:nhb-run 6s linear infinite;}
@keyframes nhb-run{to{stroke-dashoffset:-1;}}
.nhb-labels{display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;}
.nhb-labels span{display:inline-flex;align-items:center;gap:8px;}
.nhb-labels i{width:10px;height:10px;border-radius:50%;}
.nhb-labels .is-a{color:#FF8A7A;} .nhb-labels .is-a i{background:#FF5A47;}
.nhb-labels .is-b{color:#4ADE80;} .nhb-labels .is-b i{background:#22C55E;}
.nhb-divider{position:absolute;left:50%;top:70px;bottom:60px;width:1px;border-left:1px dashed rgba(255,255,255,.2);}
.nhb-bpm{display:flex;justify-content:space-between;margin-top:8px;font-size:13px;color:rgba(255,255,255,.55);}
.nhb-bpm b{font-family:var(--npro-display);font-weight:800;font-size:22px;color:#fff;font-variant-numeric:tabular-nums;}
.nhb-pairs{display:flex;flex-direction:column;gap:12px;margin-top:28px;}
.nhb-pair{display:grid;grid-template-columns:1fr 48px 1fr;gap:12px;align-items:center;}
.nhb-pair > div{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);}
.nhb-pair .is-a{border-color:rgba(255,90,71,.3);}
.nhb-pair .is-b{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.06);}
.nhb-pair i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;}
.nhb-pair .is-a i{background:rgba(255,90,71,.2);color:#FF8A7A;}
.nhb-pair .is-b i{background:rgba(34,197,94,.2);color:#4ADE80;}
.nhb-pair i .npro-ico{width:15px;height:15px;}
.nhb-pair p{margin:0;font-size:15px;line-height:1.5;}
.nhb-arrow{display:grid;place-items:center;color:rgba(255,255,255,.35);}
.nhb-arrow .npro-ico{width:22px;height:22px;}

/* ---------- 15 SCOREKAART ---------- */
.npro-score{background:var(--npro-deep);color:#fff;overflow:hidden;padding:110px 0;}
.nsc-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center;}
.nsc-meters{display:flex;flex-direction:column;gap:14px;margin-top:34px;}
.nsc-mhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14.5px;}
.nsc-mhead b{font-weight:700;}
.nsc-mhead span{display:inline-flex;align-items:center;gap:6px;font-family:var(--npro-display);font-weight:800;font-variant-numeric:tabular-nums;}
.nsc-mhead .is-a{font-style:normal;color:rgba(255,255,255,.4);font-size:14px;}
.nsc-mhead .is-b{font-style:normal;color:#fff;font-size:20px;}
.nsc-mhead .npro-ico{width:12px;height:12px;color:rgba(255,255,255,.35);}
.nsc-bar{position:relative;height:10px;margin-top:8px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden;}
.nsc-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:5px;transform-origin:left;transform:scaleX(0);transition:transform 1.2s cubic-bezier(.22,.9,.3,1);transition-delay:var(--d);}
.nsc-bar .is-a{width:var(--a);background:rgba(255,255,255,.28);}
.nsc-bar .is-b{width:var(--b);background:linear-gradient(90deg,#7AB3FF,#0074FF);box-shadow:0 0 14px rgba(0,116,255,.6);transition-delay:calc(var(--d) + .5s);}
.npro.is-in .nsc-bar i{transform:scaleX(1);}
.nsc-meter small{display:block;margin-top:8px;font-size:12.5px;color:rgba(255,255,255,.55);}
.nsc-phone{position:relative;}
.nsc-stack{position:relative;height:340px;}
.nsc-quote{position:absolute;inset:0;margin:0;padding:26px 28px 28px;border-radius:26px;background:linear-gradient(180deg,rgba(20,44,96,.96),rgba(11,28,61,.96));border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 80px -40px rgba(0,0,0,.9);transform:translateY(calc(var(--k) * 14px)) scale(calc(1 - var(--k) * .05));opacity:0;transition:transform .7s cubic-bezier(.22,.9,.3,1),opacity .5s;}
.nsc-quote.is-on{opacity:1;transform:none;z-index:2;}
.nsc-quote.is-next{opacity:.5;transform:translateY(14px) scale(.95);z-index:1;}
.nsc-stars{display:flex;gap:2px;color:var(--npro-amber);}
.nsc-stars .npro-ico{width:16px;height:16px;fill:currentColor;}
.nsc-quote blockquote{margin:16px 0 0;font-family:var(--npro-display);font-weight:800;font-size:clamp(19px,1.8vw,24px);line-height:1.25;letter-spacing:-.02em;}
.nsc-quote figcaption{margin-top:18px;display:flex;flex-direction:column;gap:2px;font-size:13px;}
.nsc-quote figcaption b{font-weight:700;}
.nsc-quote figcaption small{color:rgba(255,255,255,.55);}
.nsc-dots{display:flex;justify-content:center;gap:6px;margin-top:16px;}
.nsc-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:background-color .3s,transform .3s;}
.nsc-dots i.is-on{background:#fff;transform:scale(1.2);}

/* ---------- 16 TERUGBELSTROOK ---------- */
.npro-callback{background:var(--npro-navy);color:#fff;overflow:hidden;padding:60px 0;}
.ncb-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:30px 36px;border-radius:28px;background:linear-gradient(120deg,rgba(0,116,255,.2),rgba(7,20,48,.6));border:1px solid rgba(122,179,255,.35);box-shadow:0 40px 90px -40px rgba(0,0,0,.9);}
.ncb-sam{display:grid;grid-template-columns:72px 1fr;gap:20px;align-items:start;}
.ncb-av{position:relative;width:72px;height:72px;}
.ncb-av img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3);max-width:none!important;}
.ncb-av i{position:absolute;right:2px;bottom:2px;width:16px;height:16px;border-radius:50%;background:var(--npro-ok);border:3px solid var(--npro-navy);}
.ncb-status{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--npro-ok);}
.ncb-title{font-family:var(--npro-display);font-weight:800;font-size:clamp(24px,2.4vw,32px);line-height:1.08;letter-spacing:-.025em;margin:8px 0 0;}
.ncb-title em{font-style:normal;color:var(--npro-soft-blue);}
.ncb-sam p{margin:10px 0 0;font-size:15px;line-height:1.55;color:rgba(255,255,255,.75);}
.ncb-phone{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:rgba(255,255,255,.7);text-decoration:none;}
.ncb-phone .npro-ico{width:15px;height:15px;}
.ncb-phone b{color:#fff;}
.ncb-form .npro-form-fields{grid-template-columns:1fr;}

/* ---------- 17 PORTAALSCAN ---------- */
.npro-scan{background:var(--npro-deep);color:#fff;overflow:hidden;padding:120px 0;}
.nsn-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center;}
.nsn-trust{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14.5px;color:rgba(255,255,255,.75);}
.nsn-trust li{display:flex;align-items:center;gap:10px;}
.nsn-trust .npro-ico{width:16px;height:16px;color:var(--npro-soft-blue);}
.nsn-card{position:relative;padding:34px 36px 36px;border-radius:28px;background:linear-gradient(180deg,rgba(14,34,73,.9),rgba(7,20,48,.96));border:1px solid rgba(255,255,255,.12);box-shadow:0 50px 100px -40px rgba(0,0,0,.9);min-height:460px;}
.nsn-prog{position:absolute;left:36px;right:36px;top:0;height:3px;background:rgba(255,255,255,.1);border-radius:0 0 3px 3px;overflow:hidden;}
.nsn-prog b{position:absolute;inset:0;background:linear-gradient(90deg,#7AB3FF,#0074FF);transform-origin:left;transform:scaleX(var(--p));transition:transform .5s cubic-bezier(.22,.9,.3,1);}
.nsn-step{display:none;animation:nsb-pop .4s cubic-bezier(.22,.9,.3,1);}
.nsn-step.is-on{display:block;}
.nsn-step small{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--npro-soft-blue);}
.nsn-step h3{font-family:var(--npro-display);font-weight:800;font-size:clamp(22px,2.4vw,30px);line-height:1.1;letter-spacing:-.025em;margin:10px 0 22px;}
.nsn-opts{display:flex;flex-wrap:wrap;gap:8px;}
.nsn-opt{padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#fff;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s;}
.nsn-opt:hover{border-color:rgba(122,179,255,.5);transform:translateY(-1px);}
.nsn-opt.is-on{background:var(--npro-blue);border-color:var(--npro-blue);}
.nsn-nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px;gap:12px;}
.nsn-back{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:rgba(255,255,255,.7);font:inherit;font-size:13px;font-weight:600;cursor:pointer;}
.nsn-back .npro-ico{width:14px;height:14px;}
.nsn-next{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:12px 20px;border-radius:999px;border:0;background:#fff;color:var(--npro-navy);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .2s;}
.nsn-next:disabled{opacity:.35;cursor:not-allowed;}
.nsn-next .npro-ico{width:16px;height:16px;}
.nsn-res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px;}
.nsn-res > div{padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);}
.nsn-res b{display:block;font-family:var(--npro-display);font-weight:800;font-size:26px;letter-spacing:-.02em;margin:4px 0 6px;}
.nsn-res span{display:block;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.65);}
.nsn-form .npro-form-fields{grid-template-columns:1fr 1fr 1fr;}
.nsn-back.is-restart{margin-top:16px;}

/* ---------- 18 ZEKERHEDEN ---------- */
.npro-guarantee{background:var(--npro-navy);color:#fff;overflow:hidden;padding:110px 0;}
.ngr-head{margin-bottom:40px;}
.ngr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.ngr-card{position:relative;padding:26px 24px 28px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);overflow:hidden;transition:border-color .3s,transform .4s cubic-bezier(.22,.9,.3,1);}
.ngr-card:hover{transform:translateY(-4px);border-color:rgba(122,179,255,.4);}
.ngr-seal{position:relative;display:grid;place-items:center;width:84px;height:84px;margin-bottom:20px;}
.ngr-ring{position:absolute;inset:0;border-radius:50%;border:2px dashed rgba(122,179,255,.6);animation:ngr-spin 24s linear infinite;}
.ngr-seal em{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(160deg,#0074FF,#0A3680);color:#fff;box-shadow:0 14px 30px -12px rgba(0,116,255,.8);}
.ngr-seal em .npro-ico{width:26px;height:26px;}
@keyframes ngr-spin{to{transform:rotate(360deg);}}
.ngr-card b{display:block;font-family:var(--npro-display);font-weight:800;font-size:21px;letter-spacing:-.02em;line-height:1.1;}
.ngr-card p{margin:10px 0 0;font-size:14px;line-height:1.55;color:rgba(255,255,255,.72);}
.ngr-stamp{position:absolute;right:18px;top:18px;padding:6px 10px;border:1.5px solid rgba(122,179,255,.55);border-radius:6px;font-family:var(--npro-display);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--npro-soft-blue);transform:rotate(6deg);}
.ngr-foot{display:grid;grid-template-columns:48px 1fr auto;gap:18px;align-items:center;margin-top:28px;padding:20px 24px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);}
.ngr-av img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.25);max-width:none!important;}
.ngr-foot p{margin:0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.8);}

/* ---------- 19 DEMO-MOMENTEN ---------- */
.npro-slots{background:var(--npro-deep);color:#fff;overflow:hidden;padding:120px 0;}
.nsl-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center;}
.nsl-sam{display:flex;align-items:center;gap:14px;margin-top:30px;}
.nsl-sam img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.25);max-width:none!important;}
.nsl-sam b{display:block;font-weight:700;}
.nsl-sam small{display:block;font-size:13px;color:rgba(255,255,255,.6);}
.nsl-trust{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14.5px;color:rgba(255,255,255,.75);}
.nsl-trust li{display:flex;align-items:center;gap:10px;}
.nsl-trust .npro-ico{width:16px;height:16px;color:var(--npro-ok);}
.nsl-card{padding:28px 30px 30px;border-radius:28px;background:rgba(7,20,48,.8);border:1px solid rgba(255,255,255,.12);box-shadow:0 50px 100px -40px rgba(0,0,0,.9);}
.nsl-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
.nsl-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;font:inherit;cursor:pointer;transition:background-color .25s,border-color .25s,transform .25s;}
.nsl-day:hover{transform:translateY(-2px);}
.nsl-day.is-on{background:#fff;color:var(--npro-navy);border-color:#fff;}
.nsl-day small{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.6;}
.nsl-day b{font-family:var(--npro-display);font-weight:800;font-size:26px;line-height:1;}
.nsl-day span{font-size:12px;opacity:.7;}
.nsl-times{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;}
.nsl-times.is-on{display:grid;}
.nsl-time{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .25s,border-color .25s;font-variant-numeric:tabular-nums;}
.nsl-time small{font-size:11px;font-weight:600;color:rgba(255,255,255,.5);}
.nsl-time:hover{border-color:rgba(122,179,255,.5);}
.nsl-time.is-on{background:var(--npro-blue);border-color:var(--npro-blue);}
.nsl-time.is-on small{color:rgba(255,255,255,.8);}
.nsl-time.is-busy{opacity:.35;cursor:not-allowed;text-decoration:line-through;}
.nsl-confirm{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);animation:nsb-pop .4s cubic-bezier(.22,.9,.3,1);}
.nsl-chosen{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;margin-bottom:16px;padding:12px 14px;border-radius:14px;background:rgba(0,116,255,.12);border:1px solid rgba(122,179,255,.35);}
.nsl-chosen i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--npro-blue);}
.nsl-chosen i .npro-ico{width:18px;height:18px;}
.nsl-chosen small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.nsl-chosen b{display:block;font-size:15px;}
.nsl-change{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;}
.nsl-hint{display:flex;align-items:center;gap:8px;margin:16px 0 0;font-size:13px;color:rgba(255,255,255,.5);}
.nsl-hint .npro-ico{width:14px;height:14px;}
.nsl-hint[hidden]{display:none;}

/* ---------- 20 STICKY DEMO-BALK ---------- */
.npro-sticky{position:fixed;left:0;right:0;bottom:0;z-index:95;display:flex;justify-content:center;padding:0 300px 16px 16px;pointer-events:none;transform:translateY(120%);transition:transform .6s cubic-bezier(.22,.9,.3,1);}
.npro-sticky.is-on{transform:none;}
.npro-sticky.is-off{display:none;}
.nsk-bar{pointer-events:auto;display:grid;grid-template-columns:44px minmax(0,1fr) auto 32px;gap:16px;align-items:center;width:min(880px,100%);padding:12px 12px 12px 14px;border-radius:999px;background:rgba(7,20,48,.96);border:1px solid rgba(122,179,255,.35);box-shadow:0 30px 70px -20px rgba(0,0,0,.8),0 0 0 1px rgba(0,116,255,.15);color:#fff;}
.nsk-av{position:relative;width:44px;height:44px;}
.nsk-av img{width:44px;height:44px;border-radius:50%;object-fit:cover;max-width:none!important;}
.nsk-av i{position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:50%;background:var(--npro-ok);border:2px solid #071430;}
.nsk-txt b{display:block;font-size:15px;font-weight:700;line-height:1.25;}
.nsk-txt b em{font-style:normal;color:var(--npro-soft-blue);}
.nsk-txt small{display:block;font-size:12px;color:rgba(255,255,255,.55);margin-top:2px;}
.nsk-btns{display:flex;align-items:center;gap:8px;}
.nsk-wa{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;background:rgba(37,211,102,.14);border:1px solid rgba(37,211,102,.4);color:#4ADE80;text-decoration:none;font-size:14px;font-weight:700;transition:background-color .25s;}
.nsk-wa:hover{background:rgba(37,211,102,.24);}
.nsk-wa .npro-ico{width:18px;height:18px;}
.nsk-btn{--nb-h:44px;}
.nsk-close{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:transparent;color:rgba(255,255,255,.6);display:grid;place-items:center;cursor:pointer;padding:0;}
.nsk-close .npro-ico{width:14px;height:14px;}
.nsk-close:hover{color:#fff;border-color:rgba(255,255,255,.4);}

/* ---------- responsive saas ---------- */
@media (max-width:1100px){
  .npro-sticky{padding-right:16px;}
  .nan-in,.nfd-in,.nbp-in,.ntb-in,.ncs-in,.nrp-in,.nsc-in,.nsn-in,.nsl-in{grid-template-columns:1fr;gap:40px;}
  .nan-stage{min-height:440px;}
  .nan-iso{width:360px;height:250px;}
  .ntc-cards{grid-template-columns:repeat(3,minmax(0,1fr));}
  .nsw-grid{grid-template-columns:1fr;}
  .nsw-preview{position:static;}
  .nsb-grid{grid-template-columns:1fr;}
  .nsb-phone{max-width:380px;margin:0 auto;}
  .nrc-grid{grid-template-columns:1fr 1fr;}
  .ndv-stage{grid-template-columns:1fr 1fr;}
  .ndv-device.is-laptop{grid-column:1 / -1;}
  .ndv-steps{grid-template-columns:1fr 1fr;}
  .ncb-strip{grid-template-columns:1fr;}
  .ngr-grid{grid-template-columns:1fr 1fr;}
  .nsn-form .npro-form-fields{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .npro-anatomy,.npro-trace,.npro-feed,.npro-lens,.npro-blueprint,.npro-switch,.npro-sandbox,.npro-recipes,.npro-devices,.npro-matrix,.npro-timeback,.npro-cashflow,.npro-receipt,.npro-heart,.npro-score,.npro-scan,.npro-guarantee,.npro-slots{padding:72px 0;}
  .npro-form-fields{grid-template-columns:1fr;}
  .nan-stage{min-height:460px;margin-top:10px;padding-top:70px;align-items:flex-start;}
  .nan-iso{width:240px;height:170px;}
  .nan-layer{--nan-gap:30px;}
  .nan-in{gap:20px;}
  .nan-layer{padding:12px 14px;}
  .nan-lhead{font-size:14px;}
  .ntc-stage{height:200px;}
  .ntc-station b{display:none;}
  .ntc-cards{grid-template-columns:1fr 1fr;}
  .nfd-tally{grid-template-columns:1fr 1fr 1fr;gap:8px;}
  .nfd-row{grid-template-columns:24px 1fr;}
  .nfd-row time,.nfd-row em{display:none;}
  .nln-stage{aspect-ratio:4/5;min-height:0;cursor:auto;--lr:110px;}
  .nln-view{padding:14px;}
  .nln-pair{grid-template-columns:1fr;}
  .nsw-screen{grid-template-columns:1fr;}
  .nsw-nav{flex-direction:row;flex-wrap:wrap;}
  .nsw-sum{grid-template-columns:1fr 1fr;}
  .nsw-sum .nexa-btn{grid-column:1 / -1;}
  .nrc-grid{grid-template-columns:1fr;}
  .nrc-head{flex-direction:column;align-items:flex-start;}
  .ndv-stage{grid-template-columns:1fr;}
  .ndv-steps{grid-template-columns:1fr;}
  .nmx-row{grid-template-columns:minmax(0,1.4fr) repeat(var(--cols,4),minmax(0,1fr));}
  .nmx-feat{padding:10px 12px;font-size:13px;}
  .nmx-row.is-head span{padding:10px 4px;font-size:9px;letter-spacing:.04em;}
  .nmx-cell{padding:8px 4px;}
  .nhb-pair{grid-template-columns:1fr;}
  .nhb-arrow{transform:rotate(90deg);}
  .nsc-stack{height:380px;}
  .nsn-card{padding:26px 22px 28px;}
  .nsn-prog{left:22px;right:22px;}
  .nsn-res{grid-template-columns:1fr;}
  .ngr-grid{grid-template-columns:1fr;}
  .ngr-foot{grid-template-columns:1fr;}
  .nsl-card{padding:20px 18px 22px;}
  .nsl-days{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;}
  .nsl-day b{font-size:20px;}
  .nsl-times{grid-template-columns:1fr 1fr;}
  .npro-sticky{padding:0 12px 92px 12px;}
  .nsk-bar{grid-template-columns:1fr auto;border-radius:24px;padding:12px;}
  .nsk-av{display:none;}
  .nsk-txt small{display:none;}
  .nsk-btns{grid-column:1;grid-row:2;}
  .nsk-close{grid-column:2;grid-row:1;}
  .nsk-wa span{display:none;}
  .nsk-wa{padding:0 12px;}
  .ncs-out b{font-size:20px;}
  .nrp-stage{max-width:320px;}
}
@media (prefers-reduced-motion:reduce){
  .nln-note,.ngr-ring,.nrc-wire i,.nhb-beat,.nfd-cursor{animation:none;}
  .nrp-paper{clip-path:none;transition:none;}
  .nrp-line{opacity:1;transform:none;transition:none;}
}

/* =====================================================================
   Nexa Pro · FOOTER — vijf ontwerpen (statement · office · map · minimal · card). Prefix: npf
   ===================================================================== */
.npf-demolabel{display:flex;justify-content:center;padding:90px 0 40px;background:#040B1C;}
.npf-demolabel span{padding:8px 16px;border-radius:999px;border:1px dashed rgba(122,179,255,.5);font-family:'Satoshi',sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7AB3FF;}
.npro-footer{background:var(--npro-deep);color:#fff;overflow:hidden;position:relative;}
.npro-footer a{text-decoration:none;}
.npf-in{padding-top:70px;padding-bottom:0;}
.npf-logo img{height:30px;width:auto;max-width:none!important;display:block;}
.npf-logo.is-small img{height:24px;}
.npf-brand p{margin:18px 0 0;font-size:14px;line-height:1.6;color:rgba(255,255,255,.62);max-width:34ch;}
.npf-rating{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;font-weight:700;color:rgba(255,255,255,.8);}
.npf-rating i{display:inline-flex;gap:1px;color:var(--npro-amber);}
.npf-rating .npro-ico{width:13px;height:13px;fill:currentColor;}
.npf-social{display:flex;gap:8px;margin-top:18px;}
.npf-social a{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.75);transition:background-color .25s,color .25s,border-color .25s,transform .25s;}
.npf-social a:hover{background:var(--npro-blue);border-color:var(--npro-blue);color:#fff;transform:translateY(-2px);}
.npf-social .npro-ico{width:16px;height:16px;}
.npf-grid{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:40px;}
.npf-grid.is-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;}
.npf-grid.is-five{grid-template-columns:1.6fr repeat(4,minmax(0,1fr));}
.npf-col h4{margin:0 0 14px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--npro-soft-blue);}
.npf-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.npf-col li a,.npf-contact li a,.npf-contact li span{font-size:14px;color:rgba(255,255,255,.74);transition:color .2s;}
.npf-col li a:hover,.npf-contact li a:hover{color:#fff;}
.npf-contact li{display:flex;align-items:flex-start;gap:10px;}
.npf-contact li i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--npro-soft-blue);flex:none;}
.npf-contact .npro-ico{width:13px;height:13px;}
.npf-ints{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.npf-ints > span{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.4);}
.npf-ints > div{display:flex;align-items:center;gap:26px;flex-wrap:wrap;}
.npf-ints img{height:22px;width:auto;max-width:120px;object-fit:contain;filter:brightness(0) invert(1);opacity:.55;transition:opacity .25s;}
.npf-ints img:hover{opacity:1;}
.npf-ints em{font-style:normal;font-size:11px;font-weight:800;padding:4px 8px;border:1.5px solid rgba(255,255,255,.4);border-radius:6px;opacity:.55;}
.npf-rowline{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:48px;padding:24px 0;border-top:1px solid rgba(255,255,255,.1);}
.npf-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 0 30px;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px;color:rgba(255,255,255,.45);}
.npf-bottom ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;}
.npf-bottom a{color:rgba(255,255,255,.55);}
.npf-bottom a:hover{color:#fff;}
.npf-up{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--npro-blue);color:#fff;transition:transform .25s;}
.npf-up:hover{transform:translateY(-3px);}
.npf-up .npro-ico{width:16px;height:16px;transform:rotate(-45deg);}
.npf-status{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.npf-status i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);position:relative;}
.npf-status.is-open{color:var(--npro-ok);}
.npf-status.is-open i{background:var(--npro-ok);}
.npf-status.is-open i::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1.5px solid rgba(34,197,94,.6);animation:npro-pulse 2.2s ease-out infinite;}
.npf-wordmark{position:relative;z-index:1;text-align:center;font-family:var(--npro-display);font-weight:800;font-size:clamp(64px,12.4vw,190px);line-height:.78;letter-spacing:-.06em;margin:10px 0 -.12em;color:transparent;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0));-webkit-background-clip:text;background-clip:text;user-select:none;white-space:nowrap;}
.npf-wordmark.is-outline{background:none;color:transparent;-webkit-text-stroke:1px rgba(122,179,255,.28);}

/* I · statement */
.npf-hero{position:relative;padding:130px 0 110px;text-align:center;overflow:hidden;}
.npf-heroin{display:flex;flex-direction:column;align-items:center;}
.npf-statement{font-family:var(--npro-display);font-weight:800;font-size:clamp(48px,8vw,120px);line-height:.94;letter-spacing:-.045em;margin:0;text-wrap:balance;color:#fff;}
.npf-statement em{font-style:normal;background:linear-gradient(90deg,#7AB3FF,#0074FF);-webkit-background-clip:text;background-clip:text;color:transparent;}
.npf-sub{margin:24px 0 0;font-size:18px;color:rgba(255,255,255,.72);max-width:48ch;}
.npf-ctas{justify-content:center;margin-top:34px;}
.is-statement .npf-in{padding-top:64px;}
.is-statement .npf-ints{margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);}
.is-statement .npf-bottom{margin-top:24px;}

/* II · office */
.npf-officegrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start;}
.npf-officecard{padding:28px 30px 26px;border-radius:26px;background:linear-gradient(180deg,rgba(14,34,73,.9),rgba(7,20,48,.95));border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -40px rgba(0,0,0,.9);}
.npf-samrow{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;}
.npf-samav{position:relative;width:64px;height:64px;}
.npf-samav img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.25);max-width:none!important;}
.npf-samav i{position:absolute;right:2px;bottom:2px;width:14px;height:14px;border-radius:50%;background:var(--npro-ok);border:3px solid #0B1C3D;}
.npf-samrow b{display:block;font-weight:700;margin-top:4px;}
.npf-samrow small{display:block;font-size:12.5px;color:rgba(255,255,255,.55);}
.npf-officetitle{font-family:var(--npro-display);font-weight:800;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em;margin:22px 0 16px;line-height:1.05;}
.npf-bigrows{display:flex;flex-direction:column;gap:8px;}
.npf-bigrows a{display:grid;grid-template-columns:44px 1fr 32px;gap:14px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;transition:border-color .25s,background-color .25s,transform .25s;}
.npf-bigrows a:hover{border-color:rgba(122,179,255,.5);background:rgba(0,116,255,.1);transform:translateX(3px);}
.npf-bigrows i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--npro-blue);color:#fff;}
.npf-bigrows .is-wa i{background:#25D366;}
.npf-bigrows .npro-ico{width:18px;height:18px;}
.npf-bigrows small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.npf-bigrows b{display:block;font-size:17px;font-weight:700;}
.npf-bigrows em{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.7);}
.npf-bigrows em .npro-ico{width:14px;height:14px;}
.npf-officefoot{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:13px;color:rgba(255,255,255,.6);}
.npf-officefoot span{display:inline-flex;align-items:center;gap:8px;}
.npf-officefoot .npro-ico{width:14px;height:14px;color:var(--npro-soft-blue);}
.npf-officecols .npf-brand{margin-bottom:34px;}

/* III · map */
.npf-mapgrid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start;}
.npf-mapcols .npf-brand{margin-bottom:34px;}
.npf-map{position:relative;min-height:440px;border-radius:26px;overflow:hidden;background:#071A3F;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -40px rgba(0,0,0,.9);}
.npf-mapgridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(122,179,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(122,179,255,.08) 1px,transparent 1px);background-size:40px 40px;}
.npf-roads{position:absolute;inset:0;width:100%;height:100%;}
.npf-roads path{fill:none;stroke:rgba(122,179,255,.22);stroke-width:6;stroke-linecap:round;}
.npf-roads path:nth-child(5){stroke-width:2;stroke:rgba(122,179,255,.12);}
.npf-pin{position:absolute;left:58%;top:38%;width:48px;height:48px;margin:-24px 0 0 -24px;}
.npf-pin i{position:absolute;inset:0;border-radius:50%;background:rgba(0,116,255,.35);animation:npf-ping 2.4s ease-out infinite;}
.npf-pin b{position:absolute;inset:8px;border-radius:50%;background:var(--npro-blue);display:grid;place-items:center;color:#fff;box-shadow:0 10px 30px -8px rgba(0,116,255,.9);}
.npf-pin .npro-ico{width:16px;height:16px;}
@keyframes npf-ping{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.2);opacity:0}}
.npf-mapcard{position:absolute;left:20px;right:20px;bottom:20px;padding:18px 20px 20px;border-radius:18px;background:rgba(7,20,48,.96);border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:6px;}
.npf-mapcard > b{font-size:16px;font-weight:700;margin-top:4px;}
.npf-mapcard > small{font-size:13px;color:rgba(255,255,255,.6);}
.npf-maplinks{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;}
.npf-maplinks a{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:rgba(255,255,255,.8);}
.npf-maplinks .npro-ico{width:14px;height:14px;color:var(--npro-soft-blue);}
.npf-mapbtn{align-self:flex-start;margin-top:12px;}

/* IV · minimal */
.is-minimal .npf-in{padding-top:56px;}
.npf-minitop{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:36px;}
.npf-mininav{display:flex;flex-wrap:wrap;gap:6px 22px;}
.npf-mininav a{font-size:14px;font-weight:600;color:rgba(255,255,255,.7);transition:color .2s;}
.npf-mininav a:hover{color:#fff;}
.npf-ticker{overflow:hidden;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:14px 0;}
.npf-tickertrack{display:flex;width:max-content;animation:npf-ticker 28s linear infinite;will-change:transform;}
.npf-tickertrack span{display:inline-flex;align-items:center;font-family:var(--npro-display);font-weight:800;font-size:clamp(72px,12vw,180px);line-height:.9;letter-spacing:-.05em;color:#fff;padding-right:.25em;}
.npf-tickertrack i{font-style:normal;color:var(--npro-blue);padding-left:.25em;}
@keyframes npf-ticker{to{transform:translateX(-50%);}}
.npf-ticker:hover .npf-tickertrack{animation-play-state:paused;}
.npf-statusline{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:26px 0;}
.npf-statusline ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13.5px;color:rgba(255,255,255,.7);}
.npf-statusline li{display:inline-flex;align-items:center;gap:8px;}
.npf-statusline li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--npro-soft-blue);}
.npf-minicontact{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.npf-minicontact a{font-size:14px;font-weight:700;color:#fff;}
.npf-minicontact .npf-social{margin:0;}
.is-minimal .npf-bottom{padding-bottom:36px;}

/* V · card */
.is-card{padding-top:0;overflow:visible;}
.is-card .npf-in{padding-top:0;}
.npf-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;margin-top:-60px;padding:26px 30px;border-radius:26px;background:linear-gradient(120deg,#0074FF,#0A3680);border:1px solid rgba(255,255,255,.2);box-shadow:0 40px 90px -30px rgba(0,116,255,.7);position:relative;z-index:2;}
.npf-cardsam{position:relative;width:72px;}
.npf-cardsam img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.4);max-width:none!important;display:block;}
.npf-cardchip{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:#071430;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
.npf-cardchip i{width:6px;height:6px;border-radius:50%;background:var(--npro-ok);}
.npf-cardtxt h3{font-family:var(--npro-display);font-weight:800;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.03em;margin:0;line-height:1.05;}
.npf-cardtxt h3 em{font-style:normal;color:#BFDAFF;}
.npf-cardtxt p{margin:8px 0 0;font-size:15px;color:rgba(255,255,255,.8);}
.npf-cardbtns{display:flex;gap:10px;flex-wrap:wrap;}
.npf-card .nexa-btn--primary{background:#fff;color:var(--npro-navy);}
.npf-card .nexa-btn--primary .nexa-btn-icon{background:var(--npro-blue);color:#fff;}
.is-card .npf-grid{margin-top:64px;}
.npf-trust{list-style:none;margin:44px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;}
.npf-trust li{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:13px;color:rgba(255,255,255,.75);}
.npf-trust .npro-ico{width:14px;height:14px;color:var(--npro-ok);}
.is-card .npf-rowline{margin-top:24px;}

/* responsive */
@media (max-width:1100px){
  .npf-grid,.npf-grid.is-five{grid-template-columns:1fr 1fr;}
  .npf-grid .npf-brand{grid-column:1 / -1;}
  .npf-officegrid,.npf-mapgrid{grid-template-columns:1fr;gap:40px;}
  .npf-card{grid-template-columns:auto 1fr;}
  .npf-cardbtns{grid-column:1 / -1;}
}
@media (max-width:720px){
  .npf-in{padding-top:50px;}
  .npf-grid,.npf-grid.is-five,.npf-grid.is-cols{grid-template-columns:1fr;gap:28px;}
  .npf-hero{padding:90px 0 70px;}
  .npf-statement{font-size:clamp(40px,12vw,64px);}
  .npf-bottom{flex-direction:column;align-items:flex-start;}
  .npf-officecard{padding:20px 18px 20px;}
  .npf-map{min-height:400px;}
  .npf-minitop{flex-direction:column;align-items:flex-start;}
  .npf-statusline{flex-direction:column;align-items:flex-start;}
  .npf-card{grid-template-columns:1fr;margin-top:-40px;padding:22px 20px;text-align:left;}
  .npf-wordmark{font-size:clamp(48px,18vw,90px);}
}
@media (prefers-reduced-motion:reduce){.npf-tickertrack{animation:none;}.npf-pin i{animation:none;}}