/* ===== Situaties final · reuses .oplossingen-final design system ===== */

.situaties-final{
  --opl-bg: #1A0F08;
  --opl-bg-2: #13090A;
  --opl-deep: #0E0805;
  --opl-card: #221A0E;
  --opl-line: rgba(244,239,226,.10);
  --opl-line-strong: rgba(244,239,226,.18);
  --opl-ink: #F4EFE2;
  --opl-mute: #A89B85;
  --opl-mute-2: #7A6E5C;
  --opl-orange: #FF6B2B;
  --opl-orange-deep: #C4421A;
  --opl-display: 'Archivo','IBM Plex Sans',Arial,sans-serif;
  --opl-mono: 'JetBrains Mono','Courier New',monospace;
  background: var(--opl-bg);
  color: var(--opl-ink);
  font-family: var(--opl-display);
  position: relative;
  isolation: isolate;
  overflow-x: clip;

  --deep-black:#1A0F08;
  --industrial-black:#1A0F08;
  --steel-dark:#221A0E;
  --power-orange:#FF6B2B;
  --dark-orange:#C4421A;
  --off-white:#F4EFE2;
  --paper:#FDF8F2;
  --paper-ink:#1A0F08;
  --paper-mute:#6B6256;
  --line:rgba(244,239,226,.10);
  --line-strong:rgba(244,239,226,.18);
  --muted:#A89B85;
  --display:'Archivo','IBM Plex Sans',Arial,sans-serif;
  --mono:'JetBrains Mono','Courier New',monospace;
}

/* ===== UNIFIED CANVAS — homepage parity ===== */
/* grid removed */
.situaties-final::before{content:none}
/* drifting orange light orbs (homepage feel) */
.situaties-final::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(900px 700px at 82% 18%,rgba(255,107,43,.16),transparent 60%),
    radial-gradient(700px 600px at 12% 70%,rgba(255,107,43,.10),transparent 65%),
    radial-gradient(500px 400px at 50% 110%,rgba(255,107,43,.08),transparent 70%);
  filter:saturate(1.05);
}

/* Section shells — unified, no per-section solid bg */
.situaties-final .opl-shell{position:relative;padding:96px 0;border-top:1px solid var(--opl-line);background:transparent;z-index:1}
.situaties-final .opl-shell:first-of-type{border-top:none;padding-top:120px}
/* legacy aliases — neutralised so every section shares the canvas */
.situaties-final .opl-shell.bg-paper{background:transparent;color:var(--opl-ink);border-top-color:var(--opl-line)}
.situaties-final .opl-shell.bg-orange{background:transparent;color:var(--off-white);border-top-color:var(--opl-line)}

/* recolor paper-scoped descendants to the dark palette */
.situaties-final .opl-shell.bg-paper [style*="#1A0F08"]{}
.situaties-final .opl-shell.bg-paper .sit-stat-mega,
.situaties-final .opl-shell.bg-paper .sit-stat-h em,
.situaties-final .opl-shell.bg-paper .sit-stat-pillar .ix,
.situaties-final .opl-shell.bg-paper .sit-stat-pillar .dx{color:var(--power-orange)}
.situaties-final .opl-shell.bg-paper .sit-stat-h,
.situaties-final .opl-shell.bg-paper .sit-stat-pillar b,
.situaties-final .opl-shell.bg-paper .sit-stat-lab,
.situaties-final .opl-shell.bg-paper .sit-pick-h,
.situaties-final .opl-shell.bg-paper .sit-pick .qrow .q,
.situaties-final .opl-shell.bg-paper .sit-tp-h{color:var(--off-white)}
.situaties-final .opl-shell.bg-paper .sit-stat-lead,
.situaties-final .opl-shell.bg-paper .sit-tp-lead,
.situaties-final .opl-shell.bg-paper .sit-pick .qrow .q em{color:var(--muted)}
.situaties-final .opl-shell.bg-paper .sit-stat-pillar{background:var(--opl-card);border-color:var(--line-strong)}
.situaties-final .opl-shell.bg-paper .sit-stat-ix,
.situaties-final .opl-shell.bg-paper .sit-pick-ix{color:var(--power-orange)}
.situaties-final .opl-shell.bg-paper .sit-stat-ix .bar,
.situaties-final .opl-shell.bg-paper .sit-pick-ix .bar{background:var(--power-orange)}
.situaties-final .opl-shell.bg-paper .sit-pick{background:var(--opl-card);border-color:var(--line-strong)}
.situaties-final .opl-shell.bg-paper .sit-pick .qrow{border-bottom-color:var(--line)}
.situaties-final .opl-shell.bg-paper .sit-pick .qrow .opt{background:var(--opl-bg-2);border-color:var(--line-strong);color:var(--off-white)}
.situaties-final .opl-shell.bg-paper .sit-pick .qrow .opt:hover{border-color:var(--power-orange);color:var(--power-orange)}
.situaties-final .opl-shell.bg-paper .sit-pick .qrow .opt.sel{background:rgba(255,107,43,.14);border-color:var(--power-orange);color:var(--power-orange)}
.situaties-final .opl-shell.bg-paper .sit-pick .result{background:var(--opl-bg-2);border-top-color:var(--line)}
.situaties-final .opl-shell.bg-paper .sit-pick .result .lab,
.situaties-final .opl-shell.bg-paper .sit-pick .result h3{color:var(--off-white)}
.situaties-final .opl-shell.bg-paper .sit-pick .result h3 em{color:var(--power-orange)}
.situaties-final .opl-shell.bg-paper .sit-pick .result .cfg{color:var(--muted)}
.situaties-final .opl-shell.bg-paper .sit-pick .result .cfg b{color:var(--off-white)}
.situaties-final .opl-shell.bg-paper .sit-pick .result .btn{background:var(--power-orange);color:#1A0F08}
.situaties-final .opl-shell.bg-paper .sit-pick .result .btn:hover{background:#FF7A3F}
.situaties-final .opl-shell.bg-paper .sit-tp-path{background:var(--opl-card);border-color:var(--line-strong);color:var(--off-white)}
.situaties-final .opl-shell.bg-paper .sit-tp-path.primary{background:var(--power-orange);border-color:var(--power-orange);color:#1A0F08}
.situaties-final .opl-shell.bg-paper .sit-tp-path li::before{color:var(--power-orange)}
.situaties-final .opl-shell.bg-paper .sit-tp-path.primary li::before{color:#1A0F08}
.situaties-final .opl-shell.bg-paper .sit-tp-path .cta-btn{background:#1A0F08;color:var(--off-white)}
.situaties-final .opl-shell.bg-paper .sit-tp-path.primary .cta-btn{background:#1A0F08;color:var(--power-orange)}
.situaties-final .opl-wrap{max-width:1280px;margin:0 auto;padding:0 64px;position:relative;z-index:1}
.situaties-final .opl-wrap--wide{max-width:1600px;padding:0 32px}

/* ===== 01 HERO · V1 Editorial Split ===== */
.situaties-final .opl-sec-01-v1{padding:96px 0 0;background:transparent;border-top:none;position:relative;z-index:1}
.situaties-final .opl-sec-01-v1 .v1-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:end;padding-bottom:64px;border-bottom:1px solid var(--line)}
.situaties-final .opl-sec-01-v1 .v1-left .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--power-orange);margin-bottom:28px;display:flex;align-items:center;gap:12px;font-weight:600}
.situaties-final .opl-sec-01-v1 .v1-left .eyebrow .bar{width:32px;height:1px;background:var(--power-orange)}
.situaties-final .opl-sec-01-v1 .v1-left h1{font-family:var(--display);font-weight:800;font-size:clamp(44px,5.4vw,84px);letter-spacing:-.03em;line-height:.98;margin:0;color:var(--off-white);text-wrap:balance}
.situaties-final .opl-sec-01-v1 .v1-left h1 em{color:var(--power-orange);font-style:italic}
.situaties-final .opl-sec-01-v1 .v1-right .lead{font-size:17px;line-height:1.55;color:var(--muted);margin:0 0 28px;max-width:48ch}
.situaties-final .opl-sec-01-v1 .v1-right .actions{display:flex;gap:14px;flex-wrap:wrap}
.situaties-final .opl-sec-01-v1 .btn{font-family:var(--display);font-size:14px;font-weight:600;padding:14px 22px;border-radius:2px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .15s ease}
.situaties-final .opl-sec-01-v1 .btn.primary{background:var(--power-orange);color:#1A0F08}
.situaties-final .opl-sec-01-v1 .btn.primary:hover{background:#FF7A3F;transform:translateY(-1px)}
.situaties-final .opl-sec-01-v1 .btn.ghost{background:transparent;color:var(--off-white);border:1px solid var(--line-strong)}
.situaties-final .opl-sec-01-v1 .btn.ghost:hover{border-color:var(--off-white)}
.situaties-final .opl-sec-01-v1 .btn .arr{transition:transform .2s}
.situaties-final .opl-sec-01-v1 .btn:hover .arr{transform:translateX(3px)}
.situaties-final .opl-sec-01-v1 .v1-sits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);margin-top:0}
.situaties-final .opl-sec-01-v1 .v1-sits .it{padding:32px 28px 36px;border-right:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column;gap:8px;transition:background .15s ease}
.situaties-final .opl-sec-01-v1 .v1-sits .it:last-child{border-right:none}
.situaties-final .opl-sec-01-v1 .v1-sits .it:hover{background:rgba(255,107,43,.05)}
.situaties-final .opl-sec-01-v1 .v1-sits .ix{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;color:var(--power-orange);font-weight:600;margin-bottom:10px}
.situaties-final .opl-sec-01-v1 .v1-sits b{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--off-white);line-height:1.2}
.situaties-final .opl-sec-01-v1 .v1-sits span{font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.06em;margin-top:4px}

/* ===== HERO sec-01 V1 (legacy) ===== */
.situaties-final .opl-sec-01 .variant{padding:0;border:none}
.situaties-final .opl-sec-01 .v3{padding:0;background:var(--industrial-black);position:relative;overflow:hidden}
.situaties-final .opl-sec-01 .v3 .wrap{padding:0;max-width:none;display:grid;grid-template-columns:1fr 360px;min-height:560px}
.situaties-final .opl-sec-01 .v3 .main{padding:80px 64px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line);position:relative}
.situaties-final .opl-sec-01 .v3 .main::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(244,239,226,.025) 1px,transparent 1px);background-size:100% 28px;pointer-events:none}
.situaties-final .opl-sec-01 .v3 .main > *{position:relative}
.situaties-final .opl-sec-01 .v3 .badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:32px;padding:8px 14px;border:1px solid var(--line);width:fit-content;border-radius:2px}
.situaties-final .opl-sec-01 .v3 .badge .dot{width:6px;height:6px;background:var(--power-orange);border-radius:50%;box-shadow:0 0 12px var(--power-orange)}
.situaties-final .opl-sec-01 .v3 h1{font-family:var(--display);font-weight:800;font-size:clamp(44px,5.2vw,76px);letter-spacing:-.025em;line-height:1.02;margin:0 0 24px 0;color:var(--off-white);text-wrap:balance}
.situaties-final .opl-sec-01 .v3 h1 em{color:var(--power-orange);font-style:normal}
.situaties-final .opl-sec-01 .v3 .sub{font-family:var(--display);font-size:17px;line-height:1.55;color:var(--muted);max-width:60ch;margin:0 0 36px 0}
.situaties-final .opl-sec-01 .v3 .cta{display:flex;gap:14px;flex-wrap:wrap}
.situaties-final .opl-sec-01 .v3 .btn{font-family:var(--display);font-size:14px;font-weight:600;padding:14px 22px;border-radius:2px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:transform .15s ease,background .15s ease}
.situaties-final .opl-sec-01 .v3 .btn.primary{background:var(--power-orange);color:#1A0F08}
.situaties-final .opl-sec-01 .v3 .btn.primary:hover{background:#FF7A3F;transform:translateY(-1px)}
.situaties-final .opl-sec-01 .v3 .btn.ghost{background:transparent;color:var(--off-white);border:1px solid var(--line-strong)}
.situaties-final .opl-sec-01 .v3 .btn.ghost:hover{border-color:var(--off-white)}
.situaties-final .opl-sec-01 .v3 .btn .arr{transition:transform .2s}
.situaties-final .opl-sec-01 .v3 .btn:hover .arr{transform:translateX(3px)}
.situaties-final .opl-sec-01 .v3 .specs{padding:0;display:flex;flex-direction:column;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;background:#0E0805}
.situaties-final .opl-sec-01 .v3 .specs .row{padding:22px 28px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--off-white)}
.situaties-final .opl-sec-01 .v3 .specs .row span:first-child{color:var(--power-orange);font-weight:600}
.situaties-final .opl-sec-01 .v3 .specs .row.foot{margin-top:auto;background:#1A0F08;color:var(--muted)}
/* ===== 02 REFRAME · V4 Decision Tree ===== */
.situaties-final .opl-sec-02-v4{padding:96px 0;background:transparent;position:relative;z-index:1}
.situaties-final .opl-sec-02-v4 .opl-wrap{max-width:1240px}
.situaties-final .opl-sec-02-v4 .top{margin-bottom:48px}
.situaties-final .opl-sec-02-v4 .top .ix{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--power-orange);margin-bottom:14px;font-weight:600}
.situaties-final .opl-sec-02-v4 .top h2{font-family:var(--display);font-weight:800;font-size:clamp(36px,4.2vw,56px);letter-spacing:-.02em;line-height:1.05;margin:0;color:var(--off-white);text-wrap:balance}
.situaties-final .opl-sec-02-v4 .tree{display:grid;grid-template-columns:280px 1fr;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--deep-black)}
.situaties-final .opl-sec-02-v4 .tree .q{padding:32px 24px;background:var(--steel-dark);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:14px}
.situaties-final .opl-sec-02-v4 .tree .q .lab{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.situaties-final .opl-sec-02-v4 .tree .q h4{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.01em;margin:0;line-height:1.15;color:var(--off-white)}
.situaties-final .opl-sec-02-v4 .branches{display:grid;grid-template-rows:repeat(4,1fr)}
.situaties-final .opl-sec-02-v4 .branches .br{padding:20px 24px;display:grid;grid-template-columns:80px 1fr 200px;gap:18px;align-items:center;border-bottom:1px solid var(--line);text-decoration:none;transition:background .15s ease}
.situaties-final .opl-sec-02-v4 .branches .br:last-child{border-bottom:none}
.situaties-final .opl-sec-02-v4 .branches .br:hover{background:rgba(255,107,43,.05)}
.situaties-final .opl-sec-02-v4 .branches .br .ix{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;color:var(--power-orange)}
.situaties-final .opl-sec-02-v4 .branches .br .ans{font-family:var(--display);font-weight:600;font-size:16px;color:var(--off-white);letter-spacing:-.005em}
.situaties-final .opl-sec-02-v4 .branches .br .ans em{font-style:normal;color:var(--muted);font-weight:400;font-size:13px;font-family:var(--mono);display:block;margin-top:3px;letter-spacing:.04em}
.situaties-final .opl-sec-02-v4 .branches .br .cfg{font-family:var(--mono);font-size:11px;color:var(--power-orange);letter-spacing:.08em;text-align:right;line-height:1.55}

/* ===== 03 SIT01 · V2 Field Photo ===== */
.situaties-final .opl-sec-03-v2{padding:0;background:transparent;position:relative;overflow:hidden;z-index:1}
.situaties-final .opl-sec-03-v2 .photo{height:380px;background:linear-gradient(135deg,#0e1418,#1f2a35);position:relative;overflow:hidden;border-bottom:1px solid var(--line);display:flex;align-items:flex-end}
.situaties-final .opl-sec-03-v2 .photo::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 50%,rgba(255,107,43,.18),transparent 60%)}
.situaties-final .opl-sec-03-v2 .photo::after{content:"GREENFIELD BOUWPLAATS · CORE 600kWh + RAY + BRIDGE BACKUP";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:rgba(244,239,226,.4);border:1px dashed rgba(244,239,226,.2);padding:14px 28px;border-radius:6px;text-align:center}
.situaties-final .opl-sec-03-v2 .photo .caption{position:relative;z-index:1;padding:32px 64px;display:flex;justify-content:space-between;align-items:flex-end;width:100%;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,239,226,.7)}
.situaties-final .opl-sec-03-v2 .photo .caption b{color:var(--power-orange);font-weight:600}
.situaties-final .opl-sec-03-v2 .body{padding:64px 64px 80px;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:64px}
.situaties-final .opl-sec-03-v2 .left .sit-ix{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--power-orange);margin-bottom:14px;display:flex;align-items:center;gap:12px;font-weight:600}
.situaties-final .opl-sec-03-v2 .left .sit-ix .bar{width:32px;height:1px;background:var(--power-orange)}
.situaties-final .opl-sec-03-v2 .left h2{font-family:var(--display);font-weight:800;font-size:clamp(28px,3.4vw,48px);letter-spacing:-.025em;line-height:1.05;margin:0 0 28px;color:var(--off-white)}
.situaties-final .opl-sec-03-v2 .left h2 em{color:var(--power-orange);font-style:italic}
.situaties-final .opl-sec-03-v2 .left .meta{margin-top:24px;padding-top:24px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:grid;gap:10px}
.situaties-final .opl-sec-03-v2 .left .meta span{display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:baseline}
.situaties-final .opl-sec-03-v2 .left .meta b{color:var(--off-white);font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:-.005em;text-transform:none}
.situaties-final .opl-sec-03-v2 .right{display:grid;gap:28px}
.situaties-final .opl-sec-03-v2 .right .block .lab{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--power-orange);margin-bottom:12px;font-weight:600}
.situaties-final .opl-sec-03-v2 .right .block h4{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.01em;margin:0 0 8px;color:var(--off-white)}
.situaties-final .opl-sec-03-v2 .right .block p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.situaties-final .opl-sec-03-v2 .right .block.case{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.situaties-final .opl-sec-03-v2 .right .block.case .s b{display:block;font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.02em;color:var(--power-orange);line-height:1}
.situaties-final .opl-sec-03-v2 .right .block.case .s span{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block}

/* ===== 04 SIT02 · V5 Mobile-first ===== */
.situaties-final .opl-sec-04-v5{padding:0;background:transparent;position:relative;overflow:hidden;z-index:1}
.situaties-final .opl-sec-04-v5 .photo{height:380px;background:linear-gradient(135deg,#0e1418,#1f2a35);position:relative;overflow:hidden;border-bottom:1px solid var(--line);display:flex;align-items:flex-end}
.situaties-final .opl-sec-04-v5 .photo::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 70% 50%,rgba(255,107,43,.18),transparent 60%)}
.situaties-final .opl-sec-04-v5 .photo::after{content:"MOBILE UNIT · 1× Core Flex 200kWh op trailer";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:rgba(244,239,226,.4);border:1px dashed rgba(244,239,226,.2);padding:14px 28px;border-radius:6px;text-align:center}
.situaties-final .opl-sec-04-v5 .photo .caption{position:relative;z-index:1;padding:32px 64px;display:flex;justify-content:space-between;align-items:flex-end;width:100%;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,239,226,.7)}
.situaties-final .opl-sec-04-v5 .photo .caption b{color:var(--power-orange);font-weight:600}
.situaties-final .opl-sec-04-v5 .body{padding:64px 64px 80px;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:64px}
.situaties-final .opl-sec-04-v5 .body .left .sit-ix{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--power-orange);margin-bottom:14px;display:flex;align-items:center;gap:12px;font-weight:600}
.situaties-final .opl-sec-04-v5 .body .left .sit-ix .bar{width:32px;height:1px;background:var(--power-orange)}
.situaties-final .opl-sec-04-v5 .body h2{font-family:var(--display);font-weight:800;font-size:clamp(28px,3.4vw,48px);letter-spacing:-.025em;line-height:1.05;margin:0 0 18px;color:var(--off-white)}
.situaties-final .opl-sec-04-v5 .body h2 em{color:var(--power-orange);font-style:italic}
.situaties-final .opl-sec-04-v5 .body .meta{margin-top:24px;padding-top:24px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:grid;gap:10px}
.situaties-final .opl-sec-04-v5 .body .meta span{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:baseline}
.situaties-final .opl-sec-04-v5 .body .meta b{color:var(--off-white);font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:-.005em;text-transform:none}
.situaties-final .opl-sec-04-v5 .body .right{display:grid;gap:24px}
.situaties-final .opl-sec-04-v5 .body .right .stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.situaties-final .opl-sec-04-v5 .body .right .stat-row .s{padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:var(--industrial-black)}
.situaties-final .opl-sec-04-v5 .body .right .stat-row .s b{display:block;font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.02em;color:var(--power-orange)}
.situaties-final .opl-sec-04-v5 .body .right .stat-row .s span{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.situaties-final .opl-sec-04-v5 .body .right .block .lab{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--power-orange);margin-bottom:12px;font-weight:600}
.situaties-final .opl-sec-04-v5 .body .right .block h4{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.01em;margin:0 0 8px;color:var(--off-white)}
.situaties-final .opl-sec-04-v5 .body .right .block p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}

/* ===== 05 SIT03 · V3 Stat Hero (paper) ===== */
.situaties-final .sit-stat-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;position:relative;padding:24px 0}
.situaties-final .sit-stat-left .sit-stat-ix{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#A14A1F;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-weight:600}
.situaties-final .sit-stat-left .sit-stat-ix .bar{width:32px;height:1px;background:#A14A1F}
.situaties-final .sit-stat-mega{font-family:var(--display);font-weight:900;letter-spacing:-.05em;line-height:.85;font-size:clamp(120px,18vw,280px);color:#FF6B2B;margin:0}
.situaties-final .sit-stat-mega sup{font-size:.4em;font-weight:700;vertical-align:top;margin-left:6px}
.situaties-final .sit-stat-lab{font-family:var(--mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#1A0F08;margin-top:18px}
.situaties-final .sit-stat-lab b{color:#A14A1F;font-weight:600}
.situaties-final .sit-stat-h{font-family:var(--display);font-weight:800;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.025em;line-height:1.05;margin:0 0 18px;color:#1A0F08}
.situaties-final .sit-stat-h em{color:#FF6B2B;font-style:italic}
.situaties-final .sit-stat-lead{font-size:16px;color:#6B6256;line-height:1.6;margin:0 0 24px}
.situaties-final .sit-stat-pillars{display:grid;gap:10px;margin-bottom:32px}
.situaties-final .sit-stat-pillar{display:grid;grid-template-columns:60px 1fr auto;gap:18px;padding:14px 16px;border:1px solid rgba(20,16,10,.22);border-radius:8px;background:#FFFCF1;align-items:center}
.situaties-final .sit-stat-pillar .ix{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:#A14A1F;font-weight:600}
.situaties-final .sit-stat-pillar b{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:-.005em;color:#1A0F08}
.situaties-final .sit-stat-pillar .dx{font-family:var(--mono);font-size:13px;color:#FF6B2B;font-weight:600}

/* ===== 06 SIT04 · V3 Charger Strip (active markup) ===== */
.situaties-final .opl-sec-06-v3{padding:0;background:transparent;position:relative;overflow:hidden;z-index:1}
.situaties-final .opl-sec-06-v3 .photo{height:340px;background:linear-gradient(135deg,#0e1418,#1f2a35);position:relative;overflow:hidden;border-bottom:1px solid var(--line);display:flex;align-items:flex-end}
.situaties-final .opl-sec-06-v3 .photo::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 50% 50%,rgba(255,107,43,.18),transparent 60%)}
.situaties-final .opl-sec-06-v3 .photo::after{content:"LAADPLEIN · 4× CCS 150kW + BUFFER 600 kWh";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:rgba(244,239,226,.4);border:1px dashed rgba(244,239,226,.2);padding:14px 28px;border-radius:6px;text-align:center}
.situaties-final .opl-sec-06-v3 .photo .caption{position:relative;z-index:1;padding:32px 64px;display:flex;justify-content:space-between;align-items:flex-end;width:100%;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,239,226,.7)}
.situaties-final .opl-sec-06-v3 .photo .caption b{color:var(--power-orange);font-weight:600}
.situaties-final .opl-sec-06-v3 .body{padding:64px 64px 80px;max-width:1280px;margin:0 auto}
.situaties-final .opl-sec-06-v3 .hd{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:end;margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.situaties-final .opl-sec-06-v3 .hd .sit-ix{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--power-orange);margin-bottom:14px;display:flex;align-items:center;gap:12px;font-weight:600}
.situaties-final .opl-sec-06-v3 .hd .sit-ix .bar{width:32px;height:1px;background:var(--power-orange)}
.situaties-final .opl-sec-06-v3 .hd h2{font-family:var(--display);font-weight:800;font-size:clamp(36px,4.4vw,60px);letter-spacing:-.025em;line-height:1.02;margin:0;color:var(--off-white)}
.situaties-final .opl-sec-06-v3 .hd h2 em{color:var(--power-orange);font-style:italic}
.situaties-final .opl-sec-06-v3 .hd .lead{font-size:16px;color:var(--muted);line-height:1.55;margin:0;max-width:54ch}
.situaties-final .opl-sec-06-v3 .strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.situaties-final .opl-sec-06-v3 .charger{padding:24px 22px;border:1px solid var(--line);border-radius:10px;background:var(--steel-dark);display:flex;flex-direction:column;gap:14px;min-height:240px}
.situaties-final .opl-sec-06-v3 .charger .head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.situaties-final .opl-sec-06-v3 .charger .head .id{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--muted);line-height:1.4}
.situaties-final .opl-sec-06-v3 .charger .head .id b{color:var(--power-orange);font-weight:600;display:block}
.situaties-final .opl-sec-06-v3 .charger .head .pulse{width:8px;height:8px;border-radius:99px;background:var(--power-orange);box-shadow:0 0 0 0 rgba(255,107,43,.6);animation:sitPulse 2s ease-out infinite;flex-shrink:0;margin-top:4px}
.situaties-final .opl-sec-06-v3 .charger .num{font-family:var(--display);font-weight:800;font-size:46px;letter-spacing:-.025em;color:var(--off-white);line-height:1;margin-top:auto}
.situaties-final .opl-sec-06-v3 .charger .num em{font-family:var(--mono);font-size:14px;font-style:normal;color:var(--muted);font-weight:400;margin-left:6px;letter-spacing:.06em}
.situaties-final .opl-sec-06-v3 .charger .meter{height:6px;background:var(--deep-black);border-radius:99px;overflow:hidden}
.situaties-final .opl-sec-06-v3 .charger .meter span{display:block;height:100%;background:var(--power-orange)}
.situaties-final .opl-sec-06-v3 .charger .info{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--muted);align-items:baseline}
.situaties-final .opl-sec-06-v3 .charger .info b{color:var(--off-white);font-family:var(--display);font-weight:600;letter-spacing:-.005em;font-size:13px}
.situaties-final .opl-sec-06-v3 .summary{padding:22px 28px;border:1px solid var(--line);border-radius:10px;background:var(--steel-dark);display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.situaties-final .opl-sec-06-v3 .summary .s b{display:block;font-family:var(--display);font-weight:800;font-size:26px;color:var(--power-orange);letter-spacing:-.015em;line-height:1}
.situaties-final .opl-sec-06-v3 .summary .s span{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block}

/* ===== 06 SIT04 · legacy charger styling ===== */
.situaties-final .sit-chg-hd{margin-bottom:36px;padding-bottom:18px;border-bottom:1px solid var(--opl-line);display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:end}
.situaties-final .sit-chg-ix{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--power-orange);margin-bottom:14px;display:flex;align-items:center;gap:12px;font-weight:600}
.situaties-final .sit-chg-ix .bar{width:32px;height:1px;background:var(--power-orange)}
.situaties-final .sit-chg-h{font-family:var(--display);font-weight:800;font-size:clamp(36px,4.4vw,60px);letter-spacing:-.025em;line-height:1.02;margin:0;color:var(--off-white)}
.situaties-final .sit-chg-h em{color:var(--power-orange);font-style:italic}
.situaties-final .sit-chg-lead{font-size:16px;color:var(--muted);line-height:1.55;margin:0;max-width:54ch}
.situaties-final .sit-chg-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
.situaties-final .sit-chg{padding:24px 22px;border:1px solid var(--line);border-radius:10px;background:var(--steel-dark);display:flex;flex-direction:column;gap:14px;min-height:240px}
.situaties-final .sit-chg-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.situaties-final .sit-chg .id{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--muted)}
.situaties-final .sit-chg .id b{color:var(--power-orange);font-weight:600}
.situaties-final .sit-chg .pulse{width:8px;height:8px;border-radius:99px;background:var(--power-orange);box-shadow:0 0 0 0 rgba(255,107,43,.6);animation:sitPulse 2s ease-out infinite}
.situaties-final .sit-chg .pulse.idle{opacity:.3;animation:none}
@keyframes sitPulse{0%{box-shadow:0 0 0 0 rgba(255,107,43,.6)}100%{box-shadow:0 0 0 12px rgba(255,107,43,0)}}
.situaties-final .sit-chg .num{font-family:var(--display);font-weight:800;font-size:42px;letter-spacing:-.025em;color:var(--off-white);line-height:1}
.situaties-final .sit-chg .num em{font-family:var(--mono);font-size:14px;font-style:normal;color:var(--muted);font-weight:400;margin-left:6px;letter-spacing:.06em}
.situaties-final .sit-chg .meter{height:6px;background:var(--deep-black);border-radius:99px;overflow:hidden}
.situaties-final .sit-chg .meter span{display:block;height:100%;background:var(--power-orange)}
.situaties-final .sit-chg .info{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--muted)}
.situaties-final .sit-chg .info b{color:var(--off-white);font-family:var(--display);font-weight:600;letter-spacing:-.005em}
.situaties-final .sit-chg-summary{padding:20px 24px;border:1px solid var(--line);border-radius:10px;background:var(--steel-dark);display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}
.situaties-final .sit-chg-summary > div b{display:block;font-family:var(--display);font-weight:800;font-size:24px;color:var(--power-orange);letter-spacing:-.015em}
.situaties-final .sit-chg-summary > div span{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:4px;display:block}

/* ===== 07 VERGELIJK · V3 Decision Picker (paper) ===== */
.situaties-final .sit-pick-hd{margin-bottom:48px;text-align:center}
.situaties-final .sit-pick-ix{font-family:var(--mono);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:#A14A1F;margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600}
.situaties-final .sit-pick-ix .bar{width:32px;height:1px;background:#A14A1F}
.situaties-final .sit-pick-h{font-family:var(--display);font-weight:800;font-size:clamp(36px,4.4vw,60px);letter-spacing:-.025em;line-height:1.02;margin:0;color:#1A0F08}
.situaties-final .sit-pick{border:1px solid #1A0F08;border-radius:14px;overflow:hidden;background:#FFFCF1}
.situaties-final .sit-pick .qrow{padding:24px 32px;border-bottom:1px solid rgba(20,16,10,.18);display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:center}
.situaties-final .sit-pick .qrow .q{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.005em;color:#1A0F08}
.situaties-final .sit-pick .qrow .q em{font-style:normal;color:#6B6256;display:block;font-size:12px;font-family:var(--mono);letter-spacing:.06em;font-weight:400;margin-top:4px}
.situaties-final .sit-pick .qrow .opts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.situaties-final .sit-pick .qrow .opt{padding:14px 16px;border:1px solid rgba(20,16,10,.4);border-radius:8px;background:#FDF8F2;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:#1A0F08;text-align:center;line-height:1.4;cursor:pointer;transition:all .15s ease}
.situaties-final .sit-pick .qrow .opt:hover{border-color:#FF6B2B;color:#FF6B2B}
.situaties-final .sit-pick .qrow .opt.sel{background:rgba(255,107,43,.12);border-color:#FF6B2B;color:#FF6B2B;font-weight:600}
.situaties-final .sit-pick .result{padding:32px;background:#FF6B2B;display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px;align-items:center}
.situaties-final .sit-pick .result .lab{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(20,16,10,.7);font-weight:600}
.situaties-final .sit-pick .result .lab b{color:#1A0F08}
.situaties-final .sit-pick .result h3{font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.015em;margin:0;line-height:1.1;color:#1A0F08}
.situaties-final .sit-pick .result h3 em{color:#1A0F08;font-style:italic}
.situaties-final .sit-pick .result .cfg{font-family:var(--mono);font-size:11.5px;color:#1A0F08;letter-spacing:.04em;line-height:1.5;border-left:1px solid rgba(20,16,10,.3);padding-left:24px}
.situaties-final .sit-pick .result .cfg b{color:#1A0F08;display:block;font-family:var(--display);font-size:13px;letter-spacing:.04em;text-transform:uppercase;font-weight:700;margin-bottom:6px}
.situaties-final .sit-pick .result .cta-wrap{text-align:right}
.situaties-final .sit-pick .result .btn{padding:14px 22px;background:#1A0F08;color:#F4EFE2;text-decoration:none;font-family:var(--display);font-size:13px;font-weight:600;border-radius:4px;display:inline-flex;align-items:center;gap:10px}
.situaties-final .sit-pick .result .btn:hover{background:#0E0805}

/* ===== 08 SYSTEEM · architecture diagram ===== */
.situaties-final .sit-sys-hd{ text-align:center; margin-bottom:48px;}
.situaties-final .sit-sys-ix{ font-family:var(--opl-mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--power-orange); display:flex; align-items:center; justify-content:center; gap:14px; margin-bottom:18px;}
.situaties-final .sit-sys-ix .bar{ width:32px; height:1px; background:var(--power-orange);}
.situaties-final .sit-sys-h{ font-family:var(--opl-display); font-weight:800; font-size:clamp(36px,4.4vw,60px); letter-spacing:-.025em; line-height:1.02; margin:0; color:var(--off-white);}
.situaties-final .sit-sys-h em{ color:var(--power-orange); font-style:italic;}
.situaties-final .sit-sys-lead{ font-size:17px; color:var(--opl-mute); max-width:60ch; line-height:1.55; margin:18px auto 22px;}
.situaties-final .sit-sys-legend{ display:flex; justify-content:center; gap:28px; font-family:var(--opl-mono); font-size:10.5px; letter-spacing:.22em; text-transform:uppercase; color:var(--opl-mute);}
.situaties-final .sit-sys-legend span{ display:inline-flex; align-items:center; gap:8px;}
.situaties-final .sit-sys-legend .dot{ width:9px; height:9px; border-radius:50%; display:inline-block;}
.situaties-final .sit-sys-legend .dot.core{ background:var(--power-orange);}
.situaties-final .sit-sys-legend .dot.opt{ background:transparent; border:1.5px solid var(--power-orange);}
.situaties-final .sit-sys-legend .dot.sw{ background:#FFC896;}

.situaties-final .sit-sys-stage{
  position:relative; max-width:1100px; margin:0 auto; aspect-ratio:1100/620;
  background:
    radial-gradient(ellipse 50% 40% at 50% 50%, rgba(255,107,43,.08), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.012), transparent);
  border:1px solid var(--opl-line);
}
.situaties-final .sit-sys-stage::before{
  content:""; position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,107,43,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,107,43,.04) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(ellipse 70% 70% at center, black, transparent 90%);
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at center, black, transparent 90%);
  pointer-events:none;
}
.situaties-final .sit-sys-lines{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:1;}

.situaties-final .sit-sys-core{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:300px; padding:22px 22px 20px;
  background:linear-gradient(180deg, #2A1B0D, #14100A);
  border:1.5px solid var(--power-orange);
  z-index:3;
  box-shadow:0 0 0 6px rgba(255,107,43,.06), 0 30px 60px rgba(0,0,0,.5);
  text-align:center;
}
.situaties-final .sit-sys-core .badge{
  display:inline-block; font-family:var(--opl-mono); font-size:9.5px; letter-spacing:.32em; color:#1A0F08;
  background:var(--power-orange); padding:4px 10px; margin-bottom:14px; font-weight:700;
}
.situaties-final .sit-sys-core .thumb{
  height:88px; margin:0 auto 14px; display:flex; align-items:center; justify-content:center;
}
.situaties-final .sit-sys-core .thumb img{ max-height:100%; max-width:100%; object-fit:contain;}
.situaties-final .sit-sys-core h4{ font-family:var(--opl-display); font-weight:700; font-size:24px; letter-spacing:-.015em; margin:0 0 8px; color:var(--off-white);}
.situaties-final .sit-sys-core p{ font-size:13px; color:var(--opl-mute); line-height:1.5; margin:0 0 14px;}
.situaties-final .sit-sys-core p b{ color:var(--off-white); font-weight:700;}
.situaties-final .sit-sys-core p em{ color:var(--power-orange); font-style:italic;}
.situaties-final .sit-sys-core .specs{
  display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding-top:14px; border-top:1px dashed var(--opl-line);
  font-family:var(--opl-mono); font-size:8.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--opl-mute);
}
.situaties-final .sit-sys-core .specs b{ display:block; color:var(--power-orange); font-size:11px; letter-spacing:.04em; margin-bottom:3px; font-weight:700;}

.situaties-final .sit-sys-mod{
  position:absolute; width:200px; padding:14px 16px 14px;
  background:rgba(20,16,10,.85); border:1px solid var(--opl-line-strong);
  text-decoration:none; color:inherit; z-index:2;
  backdrop-filter:blur(2px); transition:border-color .2s ease, transform .2s ease, background .2s ease;
}
.situaties-final .sit-sys-mod:hover{ border-color:var(--power-orange); transform:translateY(-2px); background:rgba(34,26,14,.95);}
.situaties-final .sit-sys-mod .ix{ font-family:var(--opl-mono); font-size:9.5px; letter-spacing:.24em; color:var(--power-orange); text-transform:uppercase; margin-bottom:8px;}
.situaties-final .sit-sys-mod h5{ font-family:var(--opl-display); font-weight:700; font-size:18px; letter-spacing:-.01em; margin:0 0 6px; color:var(--off-white);}
.situaties-final .sit-sys-mod p{ font-family:var(--opl-mono); font-size:10.5px; line-height:1.5; color:var(--opl-mute); margin:0;}

.situaties-final .sit-sys-mod.tl{ left:6%; top:12%;}
.situaties-final .sit-sys-mod.tr{ right:6%; top:12%;}
.situaties-final .sit-sys-mod.ml{ left:2%; top:52%;}
.situaties-final .sit-sys-mod.mr{ right:2%; top:52%;}
.situaties-final .sit-sys-mod.sw{
  left:50%; bottom:6%; transform:translateX(-50%); width:260px;
  border-color:rgba(255,200,150,.45);
}
.situaties-final .sit-sys-mod.sw .ix{ color:#FFC896;}
.situaties-final .sit-sys-mod.sw:hover{ border-color:#FFC896; transform:translateX(-50%) translateY(-2px);}

.situaties-final .sit-sys-matrix{
  margin-top:48px; max-width:1100px; margin-left:auto; margin-right:auto;
  border:1px solid var(--opl-line);
}
.situaties-final .sit-sys-matrix .row{
  display:grid; grid-template-columns:1.2fr 2fr 1fr; gap:24px;
  padding:14px 22px; border-bottom:1px solid var(--opl-line);
  font-size:13px; color:var(--opl-mute); line-height:1.5;
}
.situaties-final .sit-sys-matrix .row:last-child{ border-bottom:0;}
.situaties-final .sit-sys-matrix .row.hd{
  font-family:var(--opl-mono); font-size:9px; letter-spacing:.22em; color:var(--opl-mute-2); text-transform:uppercase;
  background:rgba(255,107,43,.04);
}
.situaties-final .sit-sys-matrix .row b{ color:var(--off-white); font-weight:700;}
.situaties-final .sit-sys-matrix .row:not(.hd):hover{ background:rgba(255,107,43,.03);}

/* ===== 09 CTA · V2 Two-Path (paper) ===== */
.situaties-final .sit-tp-hd{margin-bottom:48px;text-align:center}
.situaties-final .sit-tp-ix{font-family:var(--mono);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:#A14A1F;margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600}
.situaties-final .sit-tp-ix .bar{width:32px;height:1px;background:#A14A1F}
.situaties-final .sit-tp-h{font-family:var(--display);font-weight:800;font-size:clamp(36px,4.4vw,60px);letter-spacing:-.025em;line-height:1.02;margin:0;color:#1A0F08}
.situaties-final .sit-tp-h em{color:#FF6B2B;font-style:italic}
.situaties-final .sit-tp-lead{font-size:17px;color:#6B6256;max-width:60ch;line-height:1.55;margin:18px auto 0}
.situaties-final .sit-tp-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.situaties-final .sit-tp-path{padding:48px 40px;border:1px solid #1A0F08;border-radius:14px;background:#FFFCF1;text-decoration:none;color:#1A0F08;display:flex;flex-direction:column;gap:24px;min-height:420px;transition:all .2s ease}
.situaties-final .sit-tp-path:hover{transform:translateY(-2px)}
.situaties-final .sit-tp-path.primary{background:#FF6B2B;border-color:#FF6B2B}
.situaties-final .sit-tp-path .ix{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#A14A1F;font-weight:600}
.situaties-final .sit-tp-path.primary .ix{color:#1A0F08;font-weight:700}
.situaties-final .sit-tp-path h3{font-family:var(--display);font-weight:800;font-size:36px;letter-spacing:-.025em;line-height:1.05;margin:0}
.situaties-final .sit-tp-path p{font-size:15px;line-height:1.6;color:#6B6256;margin:0;max-width:42ch}
.situaties-final .sit-tp-path.primary p{color:rgba(20,16,10,.78)}
.situaties-final .sit-tp-path ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.situaties-final .sit-tp-path li{font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;color:#1A0F08;padding-left:20px;position:relative;line-height:1.5}
.situaties-final .sit-tp-path li::before{content:"→";position:absolute;left:0;color:#FF6B2B;font-family:var(--display)}
.situaties-final .sit-tp-path.primary li::before{color:#1A0F08}
.situaties-final .sit-tp-path .cta-btn{margin-top:auto;padding:18px 22px;background:#1A0F08;color:#F4EFE2;font-family:var(--mono);font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;border-radius:6px;display:flex;justify-content:space-between;align-items:center}
.situaties-final .sit-tp-path.primary .cta-btn{background:#1A0F08;color:#FF6B2B}
.situaties-final .sit-tp-path .cta-btn .arr{font-family:var(--display);font-style:normal;font-size:18px}

/* ===== Generic CTA row (used in 04,06) ===== */
.situaties-final .sit-cta{margin-top:24px;padding-top:24px;border-top:1px solid var(--opl-line);display:flex;justify-content:flex-end}
.situaties-final .sit-cta-paper{border-top-color:rgba(20,16,10,.18)}
.situaties-final .sit-cta .btn{font-family:var(--display);font-size:14px;font-weight:600;padding:14px 22px;border-radius:2px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;background:var(--power-orange);color:#1A0F08;border:1px solid var(--power-orange);transition:all .15s}
.situaties-final .sit-cta .btn:hover{background:#FF7A3F;transform:translateY(-1px)}
.situaties-final .sit-cta .btn .arr{transition:transform .2s}
.situaties-final .sit-cta .btn:hover .arr{transform:translateX(3px)}

/* ===== HARD FIXES — override page-level <style> conflicts ===== */
.situaties-final .opl-sec-01-v1 .v1-grid{display:grid !important;grid-template-columns:1.1fr 1fr !important;gap:72px;align-items:end;padding:0 0 64px;border-bottom:1px solid var(--line)}
.situaties-final .opl-sec-01-v1 .v1-sits{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:0;border-top:1px solid var(--line)}
.situaties-final .opl-sec-01-v1 .v1-sits .it{padding:32px 28px 36px !important;border-right:1px solid var(--line);text-decoration:none;display:flex !important;flex-direction:column;gap:8px}
.situaties-final .opl-sec-01-v1 .v1-sits .it:last-child{border-right:none}
.situaties-final .opl-sec-01-v1 .v1-sits .ix{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;color:var(--power-orange);font-weight:600;margin-bottom:10px}
.situaties-final .opl-sec-01-v1 .v1-sits b{display:block;font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--off-white);line-height:1.2}
.situaties-final .opl-sec-01-v1 .v1-sits span{display:block;font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.06em;margin-top:4px}

.situaties-final .opl-sec-03-v2 .body{display:grid !important;grid-template-columns:1fr 1.3fr !important;gap:64px}
.situaties-final .opl-sec-04-v5 .body{display:grid !important;grid-template-columns:1fr 1.3fr !important;gap:64px}
.situaties-final .opl-sec-04-v5 .body .right .stat-row{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:14px}

.situaties-final .opl-sec-06-v3 .strip{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:14px}
.situaties-final .opl-sec-06-v3 .summary{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:24px}
.situaties-final .opl-sec-06-v3 .hd{display:grid !important;grid-template-columns:1fr 1.1fr !important;gap:48px;align-items:end}

/* ===== Responsive ===== */
@media (max-width:900px){
  .situaties-final .opl-shell{padding:64px 0}
  .situaties-final .opl-wrap{padding:0 32px}
  .situaties-final .opl-sec-01-v1{padding:64px 0 56px}
  .situaties-final .opl-sec-01-v1 .v1-grid{grid-template-columns:1fr;gap:32px;align-items:start}
  .situaties-final .opl-sec-01-v1 .v1-sits{grid-template-columns:1fr 1fr;gap:24px}
  .situaties-final .opl-sec-01-v1 .v1-sits .it{border-right:none;border-bottom:1px solid var(--line);padding:0 0 16px}
  .situaties-final .opl-sec-01-v1 .v1-sits .it:nth-child(2){border-right:none}
  .situaties-final .sit2-head, .situaties-final .sit-chg-hd{grid-template-columns:1fr}
  .situaties-final .sit2-quad{grid-template-columns:1fr}
  .situaties-final .opl-sec-04-v5 .body{grid-template-columns:1fr;padding:48px 24px}
  .situaties-final .opl-sec-04-v5 .body .right .stat-row{grid-template-columns:1fr 1fr}
  .situaties-final .sit-chg-summary{grid-template-columns:1fr 1fr}
  .situaties-final .sit-stat-grid{grid-template-columns:1fr;gap:32px}
  .situaties-final .sit-stat-pillar{grid-template-columns:40px 1fr auto;gap:12px}
  .situaties-final .sit-chg-strip{grid-template-columns:1fr 1fr}
  .situaties-final .sit-pick .qrow{grid-template-columns:1fr;gap:16px}
  .situaties-final .sit-pick .qrow .opts{grid-template-columns:1fr 1fr}
  .situaties-final .sit-pick .result{grid-template-columns:1fr;text-align:left}
  .situaties-final .sit-pick .result .cfg{border-left:none;border-top:1px solid rgba(20,16,10,.3);padding-left:0;padding-top:18px}
  .situaties-final .sit-pick .result .cta-wrap{text-align:left}
  .situaties-final .sit-sys-stage{ aspect-ratio:auto; height:auto; padding:32px 16px;}
  .situaties-final .sit-sys-stage::before{ display:none;}
  .situaties-final .sit-sys-lines{ display:none;}
  .situaties-final .sit-sys-core{ position:static; transform:none; width:auto; margin:0 auto 18px;}
  .situaties-final .sit-sys-mod{ position:static; width:auto; transform:none; margin-bottom:10px;}
  .situaties-final .sit-sys-mod.sw{ transform:none;}
  .situaties-final .sit-sys-matrix .row{ grid-template-columns:1fr; gap:6px; padding:12px 16px;}
  .situaties-final .sit-sys-matrix .row.hd{ display:none;}
  .situaties-final .sit-tp-paths{grid-template-columns:1fr}
}


/* ===== V4 + telemetry · live situation frames (sit-01 / sit-03 / sit-04) ===== */
.situaties-final .sit-v4{
  --o:#FF6B2B; --amber:#D49A4A;
  --ink-mute:#7A7163; --line-soft:rgba(244,239,226,.08);
  position:relative; isolation:isolate; overflow:hidden;
  max-width:1320px; margin:0 auto 56px; padding:0 32px;
}
.situaties-final .sit-v4 .frame{
  position:relative; overflow:hidden; isolation:isolate;
  background:#14100A;
  border:1px solid rgba(244,239,226,.06);
  display:grid; grid-template-columns:1fr 1fr; gap:0; min-height:560px;
}
.situaties-final .sit-v4 .left{
  position:relative; overflow:hidden;
  background:radial-gradient(ellipse 60% 50% at 50% 60%, #1A130B, #050402 80%);
}
.situaties-final .sit-v4 .left::before{
  content:""; position:absolute; inset:0; z-index:0;
  background:
    radial-gradient(900px 600px at 30% 30%, rgba(255,200,150,.10), transparent 60%),
    radial-gradient(900px 600px at 80% 80%, rgba(255,107,43,.08), transparent 60%);
}
.situaties-final .sit-v4 .haze{
  position:absolute; left:0; right:0; bottom:0; height:38%; z-index:2; pointer-events:none;
  background:linear-gradient(180deg, transparent, rgba(212,154,74,.12));
  mix-blend-mode:screen;
}
.situaties-final .sit-v4 .floor{
  position:absolute; bottom:18%; pointer-events:none; z-index:2;
  height:24px;
  background:radial-gradient(ellipse 50% 50% at 50% 50%, rgba(0,0,0,.78), transparent 70%);
}
.situaties-final .sit-v4 .floor.l{ left:2%; width:48%;}
.situaties-final .sit-v4 .floor.r{ left:50%; width:48%;}
.situaties-final .sit-v4 .ed-title{
  position:absolute; left:30px; top:30px; z-index:5;
  font-family:var(--opl-mono); font-size:10px; letter-spacing:.42em; color:var(--amber); text-transform:uppercase;
}
.situaties-final .sit-v4 .ed-sub{
  position:absolute; left:30px; top:60px; z-index:5;
  font-family:var(--opl-display); font-weight:300; font-size:30px; letter-spacing:-.02em; line-height:1; color:#F4EFE2;
  max-width:18ch; margin:0;
}
.situaties-final .sit-v4 .ed-sub em{ font-style:italic; color:#FFC896; font-weight:400;}
.situaties-final .sit-v4 .ed-cap{
  position:absolute; right:24px; bottom:22px; z-index:5;
  font-family:var(--opl-mono); font-size:8.5px; letter-spacing:.3em; color:var(--ink-mute); text-transform:uppercase; text-align:right; line-height:1.8;
}
.situaties-final .sit-v4 .ed-cap b{ color:var(--amber);}
.situaties-final .sit-v4 .prod-img{ position:absolute; z-index:3; pointer-events:none;}
.situaties-final .sit-v4 .prod-img img{ width:100%; height:100%; object-fit:contain; display:block; object-position:center bottom;
  filter:drop-shadow(0 40px 30px rgba(0,0,0,.7)) drop-shadow(0 0 70px rgba(255,180,120,.06));}
.situaties-final .sit-v4 .right{
  padding:36px 32px;
  border-left:1px solid var(--line-soft);
  display:flex; flex-direction:column; gap:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.012), transparent);
}
.situaties-final .sit-v4 .tlm-head{
  display:flex; justify-content:space-between; align-items:center;
  padding-bottom:10px; border-bottom:1px solid var(--line-soft);
}
.situaties-final .sit-v4 .tlm-head .pill{ display:inline-flex; align-items:center; gap:8px; font-family:var(--opl-mono); font-size:10px; letter-spacing:.2em; color:var(--o); text-transform:uppercase;}
.situaties-final .sit-v4 .tlm-head .pill::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--o); animation:sitV4Pul 1.8s ease-out infinite;}
@keyframes sitV4Pul{ 0%{box-shadow:0 0 0 0 rgba(255,107,43,.55);} 70%{box-shadow:0 0 0 10px rgba(255,107,43,0);} 100%{box-shadow:0 0 0 0 rgba(255,107,43,0);}}
.situaties-final .sit-v4 .tlm-head .stamp{ font-family:var(--opl-mono); font-size:9px; letter-spacing:.2em; color:var(--ink-mute); text-transform:uppercase;}
.situaties-final .sit-v4 .kpis{ display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.situaties-final .sit-v4 .kpi{ background:#1A1409; border:1px solid var(--line-soft); padding:12px 14px;}
.situaties-final .sit-v4 .kpi .k{ font-family:var(--opl-mono); font-size:8.5px; letter-spacing:.2em; color:var(--ink-mute); text-transform:uppercase;}
.situaties-final .sit-v4 .kpi .v{ font-family:var(--opl-mono); font-size:22px; font-weight:700; color:var(--o); letter-spacing:-.005em; margin-top:4px; line-height:1;}
.situaties-final .sit-v4 .kpi .v small{ font-size:11px; color:var(--ink-mute); margin-left:4px; font-weight:500;}
.situaties-final .sit-v4 .kpi .d{ font-size:10px; color:#C8BFAF; margin-top:4px; line-height:1.35;}
.situaties-final .sit-v4 .flow-list{ display:flex; flex-direction:column; gap:0;}
.situaties-final .sit-v4 .flow-row{ display:grid; grid-template-columns:18px 1fr 84px; gap:10px; align-items:center; padding:8px 0; border-top:1px solid var(--line-soft); font-family:var(--opl-mono); font-size:11px;}
.situaties-final .sit-v4 .flow-row:last-child{ border-bottom:1px solid var(--line-soft);}
.situaties-final .sit-v4 .flow-row .dot{ width:8px; height:8px; border-radius:50%; background:var(--o);}
.situaties-final .sit-v4 .flow-row .dot.idle{ background:var(--ink-mute);}
.situaties-final .sit-v4 .flow-row .lab{ color:#F4EFE2; letter-spacing:.02em;}
.situaties-final .sit-v4 .flow-row .lab small{ display:block; color:var(--ink-mute); font-size:9px; letter-spacing:.18em; text-transform:uppercase; margin-top:2px;}
.situaties-final .sit-v4 .flow-row .val{ text-align:right; color:var(--o); font-weight:700;}
.situaties-final .sit-v4 .flow-row .val.muted{ color:var(--ink-mute);}
.situaties-final .sit-v4 .runner-bot{ margin-top:auto; padding-top:10px; border-top:1px solid var(--line-soft);
  display:flex; justify-content:space-between; align-items:center;
  font-family:var(--opl-mono); font-size:9.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--ink-mute);}
.situaties-final .sit-v4 .runner-bot .ix{ color:var(--o);}
@media (max-width:920px){
  .situaties-final .sit-v4 .frame{ grid-template-columns:1fr;}
  .situaties-final .sit-v4 .left{ min-height:380px;}
  .situaties-final .sit-v4 .right{ border-left:0; border-top:1px solid var(--line-soft);}
}

.situaties-final .sit-pick .opt{ cursor:pointer; user-select:none; transition:border-color .15s ease, color .15s ease, background .15s ease;}
.situaties-final .sit-pick .opt:hover{ border-color:var(--opl-orange); color:var(--opl-ink);}


/* ===== Pad B · readable text on dark card inside bg-paper section ===== */
.situaties-final .opl-shell.bg-paper .sit-tp-path:not(.primary){
  background:var(--opl-card); border-color:rgba(244,239,226,.18); color:var(--off-white);
}
.situaties-final .opl-shell.bg-paper .sit-tp-path:not(.primary) .ix{ color:#FFC896; font-weight:700;}
.situaties-final .opl-shell.bg-paper .sit-tp-path:not(.primary) h3{ color:var(--off-white);}
.situaties-final .opl-shell.bg-paper .sit-tp-path:not(.primary) p{ color:#C8BFAF;}
.situaties-final .opl-shell.bg-paper .sit-tp-path:not(.primary) li{ color:#E8DFCD;}
.situaties-final .opl-shell.bg-paper .sit-tp-path:not(.primary) li::before{ color:var(--power-orange);}
.situaties-final .opl-shell.bg-paper .sit-tp-path:not(.primary) .cta-btn{ background:var(--power-orange); color:#1A0F08;}
.situaties-final .opl-shell.bg-paper .sit-tp-path:not(.primary):hover{ border-color:var(--power-orange);}