/* ══════════════════════════════════════════════
       SECTION 1, HERO (typography-only, no image)
    ══════════════════════════════════════════════ */
    .iso-hero {
      position: relative;
      padding: 180px 0 var(--section-pad-y);
      background: var(--e-global-color-bg);
      border-bottom: 1px solid var(--e-global-color-border);
      overflow: hidden;
    }
    .iso-hero::before {
      content: ''; position: absolute;
      right: -160px; bottom: -160px;
      width: 480px; height: 480px;
      background: radial-gradient(circle, rgba(56,196,234,0.10) 0%, transparent 60%);
      pointer-events: none;
    }
    .iso-hero__deco {
      position: absolute; right: 32px; top: 50%; transform: translateY(-50%);
      font-family: 'JetBrains Mono', monospace; font-weight: 700;
      font-size: clamp(120px, 18vw, 260px); line-height: 0.85; letter-spacing: -0.06em;
      color: var(--e-global-color-text); opacity: 0.035;
      user-select: none; pointer-events: none; white-space: nowrap;
    }
    .iso-hero__inner { position: relative; z-index: 1; max-width: var(--content-max); margin: 0 auto; padding: 0 var(--gutter); }
    .iso-hero__heading {
      font-family: 'JetBrains Mono', monospace; font-weight: 700;
      font-size: clamp(38px, 5vw, 68px); line-height: 1.04;
      letter-spacing: -0.025em; color: var(--e-global-color-text);
      margin: 0 0 24px; max-width: 880px;
    }
    .cr-accent { position: relative; display: inline-block; }
    .cr-accent::after {
      content: ''; position: absolute; left: -2px; right: -2px; bottom: 0.06em;
      height: 0.27em; background: var(--e-global-color-primary);
      opacity: 0.85; z-index: -1; transform: skew(-6deg); border-radius: 4px;
    }
    .iso-hero__sub {
      font-family: 'Inter', sans-serif; font-size: clamp(16px, 1.2vw, 19px);
      line-height: 1.6; color: var(--e-global-color-text-dim);
      margin: 0; max-width: 680px;
    }
    .iso-hero__stats {
      display: flex; gap: 48px; margin-top: 56px; padding-top: 28px;
      border-top: 1px solid var(--e-global-color-border);
      max-width: 720px;
    }
    .iso-hero__stat strong {
      display: block; font-family: 'JetBrains Mono', monospace; font-weight: 700;
      font-size: 28px; color: var(--e-global-color-text); line-height: 1; margin-bottom: 6px;
      letter-spacing: -0.01em;
    }
    .iso-hero__stat span { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.10em; text-transform: uppercase; color: var(--e-global-color-text-mute); }

    /* Hero (terms-page style) */
    .legal-hero {
      position: relative;
      padding: 180px 0 var(--section-pad-y);
      background: var(--e-global-color-bg-soft);
      border-bottom: 1px solid var(--e-global-color-border);
      overflow: hidden;
    }
    .legal-hero__inner { max-width: var(--content-max); margin: 0 auto; padding: 0 var(--gutter); position: relative; z-index: 1; }
    .legal-hero__eyebrow {
      font-family: 'JetBrains Mono', monospace; font-weight: 500;
      font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase;
      color: var(--e-global-color-primary); margin: 0 0 16px;
    }
    .legal-hero__title {
      font-family: 'JetBrains Mono', monospace; font-weight: 700;
      font-size: clamp(36px, 5vw, 60px); line-height: 1.08; letter-spacing: -0.02em;
      color: var(--e-global-color-text); margin: 0 0 18px;
    }
    .legal-hero__meta {
      font-family: 'Inter', sans-serif; font-size: 14px;
      color: var(--e-global-color-text-mute); margin: 0;
    }
    @media (max-width: 1024px) { .legal-hero { padding: 140px 0 var(--section-pad-y); } }

    /* ══════════════════════════════════════════════
       SECTION 2, INTRO
    ══════════════════════════════════════════════ */
    .iso-intro { padding: var(--section-pad-y) 0 0; background: var(--e-global-color-bg); }
    .iso-intro__wrap {
      max-width: var(--content-max); margin: 0 auto; padding: 0 var(--gutter);
      display: grid; grid-template-columns: 52% 48%; gap: 0; align-items: start;
    }
    .iso-intro__left { display: flex; flex-direction: column; gap: 22px; padding-right: 64px; }
    .iso-intro__label {
      font-family: 'JetBrains Mono', monospace; font-weight: 500;
      font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;
      color: var(--e-global-color-primary); margin: 0;
    }
    .iso-intro__heading {
      font-family: 'JetBrains Mono', monospace; font-weight: 700;
      font-size: clamp(28px, 3.2vw, 44px); line-height: 1.08;
      letter-spacing: -0.02em; color: var(--e-global-color-text); margin: 0;
    }
    .iso-intro__heading em { font-style: normal; color: var(--e-global-color-primary); }
    .iso-intro__quote {
      font-family: 'JetBrains Mono', monospace; font-weight: 700;
      font-size: clamp(17px, 1.6vw, 20px); line-height: 1.45;
      letter-spacing: -0.01em; color: var(--e-global-color-text);
      margin: 6px 0 0; padding-left: 20px;
      border-left: 3px solid var(--e-global-color-primary);
    }
    .iso-intro__right { display: flex; flex-direction: column; gap: 18px; padding-top: 4px; }
    .iso-intro__body {
      font-family: 'Inter', sans-serif; font-size: 15.5px;
      line-height: 1.8; color: var(--e-global-color-text-dim); margin: 0;
    }
    .iso-intro__body strong { color: var(--e-global-color-text); font-weight: 600; }
    .iso-intro__body { max-width: var(--measure); }
    .iso-intro__meta {
      margin-top: 12px; padding-top: 20px;
      border-top: 1px solid var(--e-global-color-border);
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
    }
    .iso-intro__meta strong {
      display: block; font-family: 'JetBrains Mono', monospace; font-weight: 700;
      font-size: 18px; color: var(--e-global-color-text); line-height: 1; margin-bottom: 5px;
      letter-spacing: -0.01em;
    }
    .iso-intro__meta span { font-size: 12px; color: var(--e-global-color-text-mute); letter-spacing: 0.04em; text-transform: uppercase; font-family: 'JetBrains Mono', monospace; }

    /* ══════════════════════════════════════════════
       SECTION 3, STANDARDS (ab-mv-card pattern)
    ══════════════════════════════════════════════ */
    .iso-standards { padding: var(--section-pad-y) 0; background: var(--e-global-color-bg); }
    .iso-standards__wrap {
      max-width: var(--content-max); margin: 0 auto; padding: 0 var(--gutter);
      display: flex; flex-direction: column; gap: 28px;
    }
    .iso-mv-card {
      background: var(--e-global-color-bg-soft);
      border-radius: 20px;
      border: 1px solid var(--e-global-color-border);
      padding: 52px 56px;
      position: relative;
      overflow: hidden;
      box-shadow: none;
      display: grid;
      grid-template-columns: 260px 1fr;
      gap: 60px;
      align-items: start;
    }
    .iso-mv-card__bar { display: none; }
    .iso-mv-card__deco {
      position: absolute; right: 32px; bottom: -28px;
      font-family: 'JetBrains Mono', monospace; font-weight: 700;
      font-size: 200px; line-height: 1; letter-spacing: -0.05em;
      color: var(--e-global-color-text); opacity: 0.04;
      user-select: none; pointer-events: none;
    }
    .iso-mv-left { display: flex; flex-direction: column; gap: 18px; }
    .iso-mv-left__kicker {
      font-family: 'JetBrains Mono', monospace; font-weight: 500;
      font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;
      color: var(--e-global-color-primary);
    }
    .iso-mv-left__icon {
      width: 48px; height: 48px; border-radius: 12px;
      background: rgba(56,196,234,0.10); display: flex;
      align-items: center; justify-content: center;
      color: var(--e-global-color-primary);
    }
    .iso-mv-left__icon svg { width: 22px; height: 22px; }
    /* ISO certification badge (banner shape) */
    .iso-badge {
      width: 150px; align-self: flex-start;
      background: rgba(15, 26, 46, 0.06); color: #4F5968;
      padding: 15px 16px 30px;
      text-align: center;
      clip-path: polygon(0 0, 100% 0, 100% 88%, 50% 100%, 0 88%);
      font-family: 'JetBrains Mono', monospace;
    }
    .iso-badge__top {
      display: flex; align-items: center; justify-content: center; gap: 6px;
      padding-bottom: 9px; margin: 0 4px 12px;
      border-bottom: 2px solid rgba(90,100,115,0.45);
      font-size: 13px; font-weight: 700; letter-spacing: 0.01em;
    }
    .iso-badge__top svg { width: 14px; height: 14px; flex-shrink: 0; }
    .iso-badge__num { display: flex; flex-direction: column; line-height: 1; gap: 4px; }
    .iso-badge__num span { font-size: 30px; font-weight: 800; }
    .iso-badge__num strong { font-size: 33px; font-weight: 800; letter-spacing: 0.01em; }
    .iso-badge__label {
      margin: 14px 4px 0; padding-top: 12px;
      border-top: 2px solid rgba(90,100,115,0.45);
      font-size: 11px; font-weight: 700; line-height: 1.35;
      letter-spacing: 0.04em; text-transform: uppercase;
    }
    .iso-mv-left__title {
      font-family: 'JetBrains Mono', monospace; font-weight: 700;
      font-size: clamp(24px, 2.6vw, 32px); line-height: 1.15;
      letter-spacing: -0.02em; color: var(--e-global-color-text); margin: 0;
    }
    .iso-mv-chips { display: flex; flex-direction: column; gap: 9px; margin-top: 4px; }
    .iso-mv-chip {
      display: flex; align-items: center; gap: 9px;
      font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 500;
      color: var(--e-global-color-text-dim);
    }
    .iso-mv-chip::before {
      content: ''; width: 6px; height: 6px; border-radius: 50%;
      background: var(--e-global-color-primary); opacity: 0.7; flex-shrink: 0;
    }
    .iso-mv-right { display: flex; flex-direction: column; gap: 22px; padding-top: 2px; position: relative; z-index: 1; }
    .iso-mv-right__quote {
      font-family: 'JetBrains Mono', monospace; font-weight: 700;
      font-size: clamp(17px, 1.7vw, 21px); line-height: 1.45;
      letter-spacing: -0.01em; color: var(--e-global-color-text); margin: 0;
      padding-left: 20px; border-left: 3px solid var(--e-global-color-primary);
    }
    .iso-mv-right__body {
      font-family: 'Inter', sans-serif; font-size: 15px;
      line-height: 1.78; color: var(--e-global-color-text-dim); margin: 0;
    }
    .iso-mv-right__scope {
      display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 28px;
      margin-top: 6px; padding-top: 20px; border-top: 1px solid var(--e-global-color-border);
    }
    .iso-mv-right__scope dt {
      font-family: 'JetBrains Mono', monospace; font-weight: 600; font-size: 11px;
      letter-spacing: 0.10em; text-transform: uppercase;
      color: var(--e-global-color-text-mute); margin: 0 0 4px;
    }
    .iso-mv-right__scope dd {
      font-family: 'Inter', sans-serif; font-size: 14px; line-height: 1.5;
      color: var(--e-global-color-text); margin: 0;
    }

    /* ══════════════════════════════════════════════
       SECTION 4, IRM360 PARTNER BLOCK
       (handcrafted card, split layout, no gradient banner)
    ══════════════════════════════════════════════ */
    .iso-partner { padding: 0 0 var(--section-pad-y); background: var(--e-global-color-bg); }
    .iso-partner__wrap { max-width: var(--content-max); margin: 0 auto; padding: 0 var(--gutter); }
    .iso-partner__card {
      background: transparent;
      color: var(--e-global-color-text);
      position: relative;
      display: grid;
      grid-template-columns: 1.05fr 0.95fr;
      align-items: center;
      gap: 40px;
      min-height: 380px;
    }
    .iso-partner__left {
      padding: 8px 0;
      display: flex; flex-direction: column; gap: 20px;
      position: relative; z-index: 1;
    }
    .iso-partner__kicker {
      display: inline-flex; align-items: center; gap: 8px;
      font-family: 'JetBrains Mono', monospace; font-weight: 500;
      font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
      color: var(--e-global-color-primary); margin: 0;
      width: fit-content;
    }
    .iso-partner__kicker::before {
      content: ''; width: 26px; height: 1px; background: var(--e-global-color-primary);
    }
    .iso-partner__title {
      font-family: 'JetBrains Mono', monospace; font-weight: 700;
      font-size: clamp(22px, 2.2vw, 28px); line-height: 1.2;
      letter-spacing: -0.02em; color: var(--e-global-color-text); margin: 0;
    }
    .iso-partner__title span { color: var(--e-global-color-text); }
    .iso-partner__body {
      font-family: 'Inter', sans-serif; font-size: 15px; line-height: 1.7;
      color: var(--e-global-color-text-dim); margin: 0; max-width: 480px;
    }
    .iso-partner__features { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
    .iso-partner__feat {
      display: flex; align-items: center; gap: 9px;
      font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 500;
      color: var(--e-global-color-text-dim);
    }
    .iso-partner__feat::before {
      content: ''; width: 6px; height: 6px; border-radius: 50%;
      background: var(--e-global-color-primary); opacity: 0.9; flex-shrink: 0;
    }
    .iso-partner__btns { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 12px; }
    /* ghost link on light bg: dark text, cyan underline appears on hover */
    .iso-partner__ghost { color: var(--e-global-color-text); }
    .iso-partner__ghost::after { background: var(--e-global-color-primary); }
    .iso-partner__ghost:hover { color: var(--e-global-color-primary); }
    .iso-partner__ghost:hover::after { width: 100%; }
    .iso-partner__btn {
      display: inline-flex; align-items: center; gap: 8px;
      padding: 12px 22px; border-radius: 10px;
      font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600;
      text-decoration: none;
      transition: transform .2s ease, background .2s ease, border-color .2s ease;
    }
    .iso-partner__btn--primary { background: var(--e-global-color-primary); color: #fff; }
    .iso-partner__btn--primary:hover { transform: translateY(-2px); }
    .iso-partner__btn--ghost {
      background: transparent; color: #fff;
      border: 1.5px solid rgba(255,255,255,0.25);
    }
    .iso-partner__btn--ghost:hover { border-color: rgba(255,255,255,0.55); }
    /* Touch: 'Book a demo' is een 23px ghost-link; geef hem een 44px tik-zone
       zonder de underline of layout te verschuiven. */
    @media (hover: none) and (pointer: coarse) {
      .iso-partner__ghost { position: relative; }
      .iso-partner__ghost::before {
        content: ''; position: absolute; left: 0; right: 0; top: 50%;
        height: 44px; transform: translateY(-50%);
      }
    }
    .iso-partner__right {
      position: relative;
      background: transparent;
      display: flex; align-items: center; justify-content: center;
      padding: 24px 14px;
      overflow: visible;
    }
    /* device cluster, positioned like the Figma frame (bbox 670×396):
       big laptop (full) + risk-card bottom-left + IRM360 wheel right */
    .iso-partner__visual {
      position: relative;
      width: 100%; max-width: 560px;
      aspect-ratio: 670 / 396;
      overflow: visible;
    }
    /* big laptop, full image floating on the light bg (transparent PNG) */
    .iso-partner__laptop {
      position: absolute;
      left: 14.9%; top: 0; width: 78.2%;
      filter: drop-shadow(0 22px 40px rgba(15,26,46,0.18));
    }
    /* risk-matrix card, bottom-left, overlapping the laptop */
    .iso-partner__mini {
      position: absolute; z-index: 2;
      left: 0; top: 62.9%; width: 29.9%;
      border-radius: 10px;
      box-shadow: 0 16px 34px -12px rgba(15,26,46,0.34);
    }
    /* IRM360 wheel, right edge, cropped from the logo graphic */
    .iso-partner__wheel {
      position: absolute; z-index: 1;
      left: 80.9%; top: 29%; width: 19.1%;
      aspect-ratio: 128 / 112;
      background-image: url(../images/iso/irm360-logo.png);
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: right center;
      filter: drop-shadow(0 10px 22px rgba(15,26,46,0.14));
    }

    /* ══════════════════════════════════════════════
       SECTION 5, WHAT IT MEANS
    ══════════════════════════════════════════════ */
    .iso-means {
      padding: var(--section-pad-y) 0; background: var(--e-global-color-bg-soft);
      border-top: 1px solid var(--e-global-color-border);
      border-bottom: 1px solid var(--e-global-color-border);
    }
    .iso-means__wrap { max-width: var(--content-max); margin: 0 auto; padding: 0 var(--gutter); }
    .iso-means__head { max-width: 880px; margin: 0 0 60px; display: flex; flex-direction: column; gap: 14px; }
    .iso-means__label {
      font-family: 'JetBrains Mono', monospace; font-weight: 500;
      font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;
      color: var(--e-global-color-primary); margin: 0;
    }
    .iso-means__heading {
      font-family: 'JetBrains Mono', monospace; font-weight: 700;
      font-size: clamp(26px, 3vw, 40px); line-height: 1.12;
      letter-spacing: -0.02em; color: var(--e-global-color-text); margin: 0;
    }
    .iso-means__sub {
      font-family: 'Inter', sans-serif; font-size: 16px; line-height: 1.65;
      color: var(--e-global-color-text-dim); margin: 0; max-width: 620px;
    }
    .iso-means__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; }
    .iso-means__item {
      display: flex; flex-direction: column; align-items: flex-start; text-align: left;
      padding: 36px 28px;
      background: var(--e-global-color-bg);
      border: 1px solid transparent;
      border-radius: 16px;
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }
    .iso-means__item:hover {
      transform: translateY(-3px);
      box-shadow: 0 24px 48px -28px rgba(15,26,46,0.20);
      border-color: var(--e-global-color-primary);
    }
    .iso-means__icon {
      width: 64px; height: 64px; margin-bottom: 22px; border-radius: 50%;
      background: var(--e-global-color-primary); color: #fff;
      display: flex; align-items: center; justify-content: center;
    }
    .iso-means__icon svg { width: 30px; height: 30px; }
    /* USP icon line-draw on scroll (matches the home .ind__item pattern) */
    .iso-means__icon svg path,
    .iso-means__icon svg polyline,
    .iso-means__icon svg line {
      transition: stroke-dashoffset 1.1s cubic-bezier(.4, 0, .2, 1);
    }
    @media (prefers-reduced-motion: reduce) {
      .iso-means__icon svg path,
      .iso-means__icon svg polyline,
      .iso-means__icon svg line { stroke-dashoffset: 0 !important; transition: none !important; }
    }
    /* per-card accent: dark blue / red / yellow */
    .iso-means__item:nth-child(1) .iso-means__icon { background: var(--e-global-color-secondary); }
    .iso-means__item:nth-child(1):hover { border-color: var(--e-global-color-secondary); }
    .iso-means__item:nth-child(2) .iso-means__icon { background: var(--e-global-color-alert); }
    .iso-means__item:nth-child(2):hover { border-color: var(--e-global-color-alert); }
    .iso-means__item:nth-child(3) .iso-means__icon { background: var(--e-global-color-accent); color: #fff; }
    .iso-means__item:nth-child(3):hover { border-color: var(--e-global-color-accent); }
    .iso-means__item h3 {
      font-family: 'JetBrains Mono', monospace; font-weight: 700;
      font-size: 17px; line-height: 1.3; letter-spacing: -0.01em;
      color: var(--e-global-color-text); margin: 0 0 14px; max-width: 240px;
    }
    .iso-means__item p {
      font-family: 'Inter', sans-serif; font-size: 14.5px; line-height: 1.7;
      color: var(--e-global-color-text-dim); margin: 0;
    }

    /* ══════════════════════════════════════════════
       SECTION 6, CTA
    ══════════════════════════════════════════════ */
    .iso-cta-outer { background: var(--e-global-color-bg); padding: var(--section-pad-y) var(--gutter); }
    .iso-cta {
      max-width: var(--content-max); margin: 0 auto;
      border-radius: 20px; background: var(--e-global-color-text);
      padding: 90px 24px; text-align: center;
      position: relative; overflow: hidden;
    }
    .iso-cta::before {
      content: ''; position: absolute; right: -120px; bottom: -120px;
      width: 340px; height: 340px;
      background: radial-gradient(circle, rgba(56,196,234,0.22) 0%, transparent 70%);
      pointer-events: none;
    }
    .iso-cta::after {
      content: ''; position: absolute; left: -100px; top: -100px;
      width: 260px; height: 260px;
      background: radial-gradient(circle, rgba(56,196,234,0.12) 0%, transparent 70%);
      pointer-events: none;
    }
    .iso-cta__inner {
      position: relative; z-index: 1; max-width: 680px; margin: 0 auto;
      display: flex; flex-direction: column; align-items: center; gap: 16px;
    }
    .iso-cta__label {
      font-family: 'JetBrains Mono', monospace; font-weight: 500;
      font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;
      color: var(--e-global-color-primary); margin: 0;
    }
    .iso-cta__heading {
      font-family: 'JetBrains Mono', monospace; font-weight: 700;
      font-size: clamp(28px, 3.2vw, 44px); line-height: 1.1;
      letter-spacing: -0.02em; color: #ffffff; margin: 0;
    }
    .iso-cta__sub {
      font-family: 'Inter', sans-serif; font-size: 16px; line-height: 1.65;
      color: rgba(255,255,255,0.62); margin: 0 0 12px;
    }
    .iso-cta__btns { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }
    .iso-cta__btn {
      display: inline-flex; align-items: center; gap: 8px;
      padding: 14px 24px; border-radius: 10px;
      font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600;
      text-decoration: none;
      transition: transform .2s ease, background .2s ease, border-color .2s ease;
    }
    .iso-cta__btn--primary { background: var(--e-global-color-primary); color: #fff; }
    .iso-cta__btn--primary:hover { transform: translateY(-2px); }
    .iso-cta__btn--ghost {
      background: transparent; color: #fff;
      border: 1.5px solid rgba(255,255,255,0.25);
    }
    .iso-cta__btn--ghost:hover { border-color: rgba(255,255,255,0.55); }

    /* ══════════════════════════════════════════════
       RESPONSIVE
    ══════════════════════════════════════════════ */
    /* ── TABLET ≤1024px: 2-up rows hold, badge/text card reflows, partner stacks ── */
    @media (max-width: 1024px) {
      .iso-intro__left   { padding-right: 40px; }
      .iso-mv-card       { padding: 44px 40px; gap: 44px; }
      .iso-mv-card__deco { font-size: 150px; }
      /* partner: wide text + big visual → stack, visual sits below the copy */
      .iso-partner__card { grid-template-columns: 1fr; gap: 32px; min-height: 0; }
      .iso-partner__right { padding: 8px 0 0; }
      .iso-partner__visual { max-width: 520px; margin: 0 auto; }
    }
    @media (max-width: 767px) {
      .iso-intro__wrap   { grid-template-columns: 1fr; gap: 32px; }
      .iso-intro__left   { padding-right: 0; }
      .iso-mv-card       { grid-template-columns: 1fr; gap: 32px; padding: 36px 28px; }
      .iso-mv-card__deco { font-size: 110px; right: 12px; bottom: -18px; }
      .iso-mv-right__scope { grid-template-columns: 1fr; gap: 14px; }
      .iso-cta           { padding: 64px 24px; }
    }
    @media (max-width: 640px) {
      /* hero top padding (header clearance) is the only fixed vertical we keep;
         section vertical rhythm + gutters now come from the global tokens */
      .legal-hero        { padding: 116px 0 var(--section-pad-y); }
      .iso-mv-card       { padding: 30px 22px; }
      .iso-partner__visual { max-width: 100%; }
      /* Geen scheidingslijn tussen de IRM-sectie en de USP-sectie op telefoon */
      section.iso-means  { border-top: 0; border-bottom: 0; }
      .iso-means__head   { margin-bottom: 36px; }
      .iso-cta__heading  { font-size: clamp(26px, 8vw, 36px); }
      /* what-it-means cards stack (same row as cases): keep tap targets + readable text */
      .exp-card          { padding: 26px 22px; }
      .iso-means .exp-card__icon { position: static; margin-bottom: 16px; }
      .iso-means .exp-card__desc { padding-top: 4px; }
      .iso-means .exp-card__title { min-height: 0; align-items: flex-start; }
      .exp-card__title   { font-size: 19px; }
      .exp-card__desc    { width: 100%; max-width: 100%; font-size: 14.5px; }
    }
    @media (max-width: 540px) {
      .iso-intro__meta   { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 420px) {
      .legal-hero__title { font-size: clamp(28px, 9vw, 36px); }
      .iso-mv-left__title { font-size: 22px; }
    }
    /* ══ What-it-means: zelfde hover-accordion als cases "What can you expect" ══ */
    .exp-acc {
      display: flex; gap: 16px; height: 300px;
    }
    .exp-card {
      position: relative; flex: 1 1 0; min-width: 0; overflow: hidden;
      border-radius: 16px;
      background: var(--e-global-color-bg);
      border: 1px solid var(--e-global-color-border);
      padding: 32px; cursor: pointer;
      display: flex; flex-direction: column; justify-content: flex-end;
      transition: flex-grow .55s cubic-bezier(.4, 0, .2, 1), box-shadow .4s ease, border-color .4s ease, background .45s ease;
    }
    .exp-card.is-active {
      flex-grow: 3.4;
      box-shadow: 0 24px 50px -28px rgba(15, 26, 46, 0.16);
    }
    .exp-card--navy.is-active   { border-color: var(--e-global-color-secondary); background: rgba(13,89,209,0.015);  }
    .exp-card--yellow.is-active { border-color: var(--e-global-color-accent);    background: rgba(238,198,17,0.04); }
    .exp-card--red.is-active    { border-color: var(--e-global-color-alert);     background: rgba(254,91,91,0.018);  }
    .exp-card__icon {
      position: absolute; top: 32px; left: 32px;
      width: 48px; height: 48px; border-radius: 12px;
      display: flex; align-items: center; justify-content: center;
    }
    .exp-card__icon svg { width: 22px; height: 22px; }
    .exp-card--navy   .exp-card__icon { background: rgba(13,89,209,0.12);  color: var(--e-global-color-secondary);  }
    .exp-card--yellow .exp-card__icon { background: rgba(238,198,17,0.22); color: var(--e-global-color-accent);     }
    .exp-card--red    .exp-card__icon { background: rgba(254,91,91,0.14);  color: var(--e-global-color-alert);      }
    .exp-card__title {
      font-family: 'JetBrains Mono', monospace; font-weight: 700;
      font-size: 22px; line-height: 1.25; letter-spacing: -0.01em;
      color: var(--e-global-color-text); margin: 0; white-space: normal;
      min-height: 2.5em; display: flex; align-items: flex-end;
    }
    .exp-card__reveal {
      display: grid; grid-template-rows: 0fr; overflow: hidden;
      transition: grid-template-rows .55s cubic-bezier(.4, 0, .2, 1);
    }
    .exp-card.is-active .exp-card__reveal { grid-template-rows: 1fr; }
    .exp-card__desc {
      font-family: 'Inter', sans-serif; font-size: 15px; line-height: 1.7;
      color: var(--e-global-color-text-dim); margin: 0; width: 460px; max-width: none;
      overflow: hidden; min-height: 0; padding-top: 16px;
      opacity: 0; transition: opacity .4s ease .1s;
    }
    .exp-card.is-active .exp-card__desc { opacity: 1; }
    /* hover-expand accordion is a pointer interaction; on tablet/touch (≤1024)
       the three cards stack and show their copy without needing hover */
    @media (max-width: 1024px) {
      .exp-acc { flex-direction: column; height: auto; }
      .exp-card { flex: none; min-height: 200px; justify-content: flex-start; }
      .exp-card__desc { width: 100%; max-width: 100%; }
      .exp-card__reveal { grid-template-rows: 1fr; }
      .exp-card__desc { opacity: 1; }
    }
    /* ══ Telefoon: alle 3 USP-kaarten permanent uitgeklapt, met hun
       hover/active-accentkleur als vaste stijl (desktop/tablet onaangetast) ══ */
    @media (max-width: 640px) {
      .exp-card { box-shadow: 0 24px 50px -28px rgba(15, 26, 46, 0.16); }
      .exp-card--navy   { border-color: var(--e-global-color-secondary); background: rgba(13,89,209,0.015); }
      .exp-card--yellow { border-color: var(--e-global-color-accent);    background: rgba(238,198,17,0.04); }
      .exp-card--red    { border-color: var(--e-global-color-alert);     background: rgba(254,91,91,0.018); }
      .exp-card__reveal { grid-template-rows: 1fr; }
      .exp-card__desc   { opacity: 1; width: 100%; max-width: 100%; }
    }