/**
 * Copyright 2026 MH bv (https://mh.be)
 *
 * @author    Matthias Barremaecker <matthias@mh.be>
 * @copyright (c) 2026 MH bv
 * @license   Commercial
 *
 */
:root {--animation-timing: 0.1s; --color-darkest: #000608;--color-primary: #161E22;--color-primary-light: #2a3a40;--color-secondary: #7A95A4;--color-secondary-dark: #4a6d7c;--color-accent: #d4a259;--color-teal: #9dbabc;--color-teal-light: #d2e1e1;--color-bg: #f0f5f5;--color-surface: #fff;--color-text: #2a3a40;--color-text-muted: #6a8090;--color-hover: color-mix(in srgb, var(--color-secondary-dark) 10%, transparent);--font-main: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--shadow-sm: 0 1px 3px color-mix(in srgb, var(--color-primary) 5%, transparent);--shadow-md: 0 4px 20px color-mix(in srgb, var(--color-primary) 8%, transparent);--shadow-lg: 0 8px 32px color-mix(in srgb, var(--color-primary) 10%, transparent);--radius-sm: 6px;--radius-md: 200px; --radius-lg: 200px; --radius-xl: 24px;--max-width: 1180px;--header-inner-height: 80px;--header-border-bottom-height: 1px;--header-vertical-padding: 0.5rem;--calced-header-height: calc(var(--header-inner-height) + var(--header-border-bottom-height) + (var(--header-vertical-padding) * 2) + env(safe-area-inset-top));--desktop-sidebar-sticky-top: calc(var(--calced-header-height) + 1rem);--mobile-h2-sticky-top: calc(var(--calced-header-height) - (1rem + (1.2rem * 1.7) + 0.75rem + 1px)); --h3-sticky-top: var(--calced-header-height); }* {box-sizing: border-box;margin: 0;}html, body {margin: 0;padding: 0;}html {overflow-y:scroll;-webkit-text-size-adjust: 100%;}body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: radial-gradient(circle at 20% 20%, var(--color-teal-light) 0%, transparent 50%),radial-gradient(circle at 80% 80%, color-mix(in srgb, var(--color-teal) 30%, transparent) 0%, transparent 40%),var(--color-bg);font-family: var(--font-main);color: var(--color-text);line-height: 1.7;font-size: 1rem;min-height: 100vh;padding-top: env(safe-area-inset-top);}a, button {-webkit-tap-highlight-color: transparent;}.mh-header {position: sticky;top: 0;z-index: 110;padding: var(--header-vertical-padding) 2rem;background: color-mix(in srgb, var(--color-bg) 85%, transparent);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border-bottom: var(--header-border-bottom-height) solid color-mix(in srgb, var(--color-teal-light) 60%, transparent);padding-top: calc(var(--header-vertical-padding) + env(safe-area-inset-top));}.mh-header-container {position: relative;-webkit-mask-image: -webkit-radial-gradient(white, black); max-width: var(--max-width);margin: 0 auto;display: flex;align-items: center;justify-content: space-between;height: var(--header-inner-height);}.mh-logo-container {display: flex;align-items: center;gap: 0.5rem;text-decoration: none;}.mh-logo {height: 70px;width: auto;}.mh-nav-title {display: none;}.mh-nav {display: flex;gap: 0.25rem;margin-left: 1.5rem;margin-right: auto;background: var(--color-surface);padding: 0.35rem;border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);}.mh-nav-link {white-space: nowrap;font-family: var(--font-main);font-size: 0.95rem;font-weight: 500;color: var(--color-secondary-dark);text-decoration: none;padding: 0.55rem 1.1rem;border-radius: var(--radius-md);transition: all var(--animation-timing) ease; }.mh-nav-link.active {color: var(--color-primary);background: color-mix(in srgb, var(--color-teal-light) 30%, transparent);box-shadow: inset 0px 0px 2px 1px color-mix(in srgb, var(--color-secondary) 100%, transparent);font-weight: 600;}.mh-header-actions {display: flex;gap: 0.5rem;}.mh-btn {font-family: var(--font-main);font-size: 0.95rem;font-weight: 500;padding: 0.6rem 1.25rem;border-radius: var(--radius-md);text-decoration: none;transition: all var(--animation-timing) ease;cursor: pointer;border: none;}.mh-btn-primary {background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-dark) 100%);color: var(--color-surface);}.mh-menu-toggle {display: none; flex-direction: column;justify-content: center;align-items: center;width: 44px;height: 44px;background: var(--color-surface);border: none;border-radius: var(--radius-sm);cursor: pointer;z-index: 120; box-shadow: var(--shadow-sm);flex-shrink: 0;position: relative; }.mh-menu-toggle span {display: block;width: 20px;height: 2px;background: var(--color-primary);border-radius: 1px;transition: all 0.3s ease;}.mh-menu-toggle span:nth-child(1) {margin-bottom: 5px;}.mh-menu-toggle span:nth-child(3) {margin-top: 5px;}.mh-menu-toggle.active span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}.mh-menu-toggle.active span:nth-child(2) {opacity: 0;transform: scale(0);}.mh-menu-toggle.active span:nth-child(3) {transform: rotate(-45deg) translate(5px, -5px);}.mh-mobile-menu {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 105;background: color-mix(in srgb, var(--color-primary) 50%, transparent);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);opacity: 0;visibility: hidden;transition: all 0.3s ease;}.mh-mobile-menu.active {opacity: 1;visibility: visible;}.mh-mobile-menu-content {position: absolute;top: 0;right: 0;width: 85%;max-width: 320px;height: 100%;background: var(--color-surface);padding: calc(var(--header-inner-height) + 1rem) 1.5rem 2rem;overflow-y: auto;transform: translateX(100%);transition: transform 0.3s ease;}.mh-mobile-menu.active .mh-mobile-menu-content {transform: translateX(0);}.mh-mobile-nav-link {display: flex;align-items: center;gap: 0.75rem;padding: 0.9rem 1rem;color: var(--color-text);text-decoration: none;font-size: 1rem;font-weight: 500;border-radius: var(--radius-sm);transition: all 0.2s ease;}.mh-mobile-nav-link::before {content: '';width: 6px;height: 6px;background: var(--color-teal-light);border-radius: 50%;}.mh-mobile-nav-link.active {background: linear-gradient(135deg, color-mix(in srgb, var(--color-teal) 20%, transparent) 0%, color-mix(in srgb, var(--color-teal) 10%, transparent) 100%);color: var(--color-primary);font-weight: 600;}.mh-mobile-nav-link.active::before {background: var(--color-accent);box-shadow: 0 0 8px color-mix(in srgb, var(--color-accent) 40%, transparent);}.mh-mobile-sidebar-nav {display: flex;flex-direction: column;gap: 0.25rem;}.mh-mobile-submenu {display: flex;flex-direction: column;gap: 0.25rem;padding-left: 0.75rem;margin-left: 1.1rem;margin-top: 0.25rem;margin-bottom: 0.5rem;border-left: 2px solid var(--color-teal-light);}.mh-mobile-submenu .mh-mobile-nav-link {font-size: 0.9rem;padding: 0.65rem 1rem;color: var(--color-text-muted);}.mh-mobile-submenu .mh-mobile-nav-link::before {width: 4px;height: 4px;}.mh-mobile-actions {display: flex;flex-direction: column;gap: 0.75rem;margin-top: auto;padding-top: 1.5rem;}.mh-mobile-actions .mh-btn {text-align: center;padding: 0.85rem 1.25rem;}.mh-mobile-actions .mh-btn-ghost {background: var(--color-bg);}.mh-main {max-width: var(--max-width);margin: 0 auto;padding: 0 2rem 2rem;}.mh-hero {position: relative;z-index: 1;max-width: var(--max-width);margin: 0 auto;padding: 1rem;}.mh-hero-pane {background: var(--color-surface);border-radius: var(--radius-xl);box-shadow: var(--shadow-md);overflow: hidden;}.mh-hero-content {position: relative;padding: 2.5rem;background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 50%, var(--color-secondary-dark) 100%);overflow: hidden;text-align: center;align-items: center;justify-content: center;flex-direction: column;display: flex;}.mh-hero-content::before {content: '';position: absolute;top: -50%;right: -20%;width: 400px;height: 400px;background: radial-gradient(circle, color-mix(in srgb, var(--color-teal) 20%, transparent) 0%, transparent 70%);border-radius: 50%;}.mh-hero-content::after {content: '';position: absolute;bottom: -20%;left: -15%;width: 400px;height: 400px;background: radial-gradient(circle, color-mix(in srgb, var(--color-accent) 20%, transparent) 0%, transparent 70%);border-radius: 50%;}.mh-hero-logo-svg {width: 180px;height: auto;margin-bottom: 2rem;position: relative;z-index: 1;}.mh-hero-logo-svg .cls-1 { fill: var(--color-teal-light); }.mh-hero-logo-svg .cls-2 { fill: var(--color-teal); stroke: var(--color-teal); }.mh-hero-logo-svg .cls-3 { fill: var(--color-teal-light); stroke: var(--color-teal-light); }.mh-hero-content h1 {margin: 0;padding: 0;font-size: 2rem; font-weight: 700;color: var(--color-surface);line-height: 1.25;margin-bottom: 0.75rem;}.mh-hero-content h2, .mh-hero-content p {margin: 0;padding: 0;color: color-mix(in srgb, var(--color-surface) 70%, transparent);font-size: 1.1rem;line-height: 1.6;font-weight: normal;max-width: 600px;}.mh-section {display: grid;grid-template-columns: 220px 1fr;gap: 2rem;padding-bottom: 2rem;}.mh-section-sidebar {position: sticky;top: var(--desktop-sidebar-sticky-top);margin-top: 1em;height: fit-content;}.mh-section-sidebar h2 {font-size: 1.4rem;color: var(--color-primary);padding-bottom: 1rem;border-bottom: 3px solid var(--color-teal);margin-bottom: 1rem;}.mh-section-nav {display: flex;flex-direction: column;gap: 0.25rem;}.mh-section-nav a {color: var(--color-text-muted);text-decoration: none;padding: 0.4rem 0;font-size: 0.85rem;border-left: 2px solid transparent;padding-left: 1rem;transition: all var(--animation-timing) ease;}.mh-section-nav a.active {color: var(--color-primary);border-left-color: var(--color-accent);background: color-mix(in srgb, var(--color-teal) 15%, transparent);font-weight: 600;}.mh-section-content {background: var(--color-surface);border-radius: var(--radius-xl);box-shadow: var(--shadow-md);overflow: clip;}.mh-subsection {padding: 2rem;border-bottom: 1px solid color-mix(in srgb, var(--color-teal-light) 50%, transparent);}.mh-subsection:last-child {border-bottom: none;}.mh-section-content > h3 {top: var(--h3-sticky-top);font-size: 1.1rem;color: var(--color-primary);display: flex;align-items: center;gap: 0.5rem;position: sticky;background: var(--color-surface);margin: 0;padding: 1.25rem 2rem;z-index: 10;border-bottom: 1px solid color-mix(in srgb, var(--color-teal-light) 40%, transparent);box-shadow: 0 2px 8px color-mix(in srgb, var(--color-primary) 4%, transparent);}.mh-section-content > h3::before {content: '';width: 4px;align-self: stretch;margin: 0.4rem 0;background: linear-gradient(180deg, var(--color-teal) 0%, var(--color-accent) 100%);border-radius: 2px;flex-shrink: 0;}.mh-section-content > h3:first-child {border-radius: var(--radius-xl) var(--radius-xl) 0 0;}.mh-subsection p {margin-bottom: 1rem;}.mh-subsection p:last-child {margin-bottom: 0;}.mh-subsection ul {list-style: none;padding: 0;margin-left: 1rem;}.mh-subsection li {padding: 0.4rem 0;padding-left: 1.5rem;position: relative;border-bottom: 1px solid color-mix(in srgb, var(--color-teal-light) 50%, transparent);}.mh-subsection li strong {font-weight: 600;}.mh-subsection li b {font-weight: 600;}.mh-subsection li:last-child {border-bottom: none;}.mh-subsection li::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 6px;background: var(--color-teal);border-radius: 50%;}.mh-mobile-header {display: none; }.mh-content-with-image {display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;align-items: start;}.mh-image-placeholder {background: linear-gradient(135deg, var(--color-teal-light) 0%, var(--color-bg) 100%);border-radius: var(--radius-sm);min-height: 150px;display: flex;align-items: center;justify-content: center;color: var(--color-secondary);font-size: 0.85rem;border: 2px dashed var(--color-teal);}.mh-footer {position: relative;z-index: 1;max-width: var(--max-width);margin: 0 auto;padding-left: 1rem;padding-right: 1rem;padding-bottom: 1rem;margin-top: -2rem;width: 100%;}.mh-footer-content {display: grid;grid-template-columns: 1.2fr 1px 1fr 1px 1fr;gap: 2rem;padding: 2rem 0.5rem;align-items: start;border-top: 1px solid color-mix(in srgb, var(--color-teal) 30%, transparent);border-bottom: 1px solid color-mix(in srgb, var(--color-teal) 30%, transparent);}.mh-footer-divider {width: 1px;align-self: stretch;background: linear-gradient(180deg, transparent 0%, var(--color-teal) 20%, var(--color-teal) 80%, transparent 100%);}.mh-footer-section h4 {font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.1em;color: var(--color-secondary);margin-bottom: 1rem;}.mh-footer-section p {color: var(--color-text-muted);font-size: 0.9rem;line-height: 1.6;margin-bottom: 0.4rem;}.mh-footer-section p {color: var(--color-text);}.mh-footer-section strong {color: var(--color-text-muted);}.mh-footer-section a {color: var(--color-secondary-dark);text-decoration: none;transition: color var(--animation-timing) ease;}.mh-footer-logo-svg {height: 55px;width: auto;opacity: 0.6;margin-bottom: 1rem;}.mh-footer-logo-svg .cls-1 {fill: var(--color-secondary);}.mh-footer-logo-svg .cls-2 {fill: var(--color-teal);stroke: var(--color-teal);stroke-miterlimit: 10;stroke-width: 2px;}.mh-footer-logo-svg .cls-3 {fill: var(--color-secondary);stroke: var(--color-secondary);stroke-miterlimit: 10;stroke-width: 2px;}.mh-footer-bottom {padding-top: 1rem;text-align: center;color: var(--color-text-muted);font-size: 0.8rem;}@media (hover: hover) {.mh-nav-link:not(.active):hover {color: var(--color-primary);background: var(--color-bg);}.mh-btn-ghost:hover {color: var(--color-primary);background: var(--color-hover);}.mh-btn-primary:hover {filter: brightness(1.2);box-shadow: var(--shadow-md);}.mh-section-nav a:hover { color: var(--color-primary);border-left-color: var(--color-accent);}.mh-footer-section a:hover {color: var(--color-accent);}}@media (max-width: 900px) {:root {--header-inner-height: 64px; --header-vertical-padding: 0px;--h3-sticky-top: calc(var(--mobile-h2-sticky-top) + (2 * 1rem) + (1.2rem * 1.7) + 0.75rem + 0.75rem + 2px + (2 * 0.3rem) + (0.8rem * 1.2)); }.mh-header {padding: var(--header-vertical-padding) 1rem;}.mh-logo {height: 48px;}.mh-nav-title {display: block;font-size: 1.2rem;color: var(--color-primary);font-weight: 700;transform: translate3d(0, 0, 0); will-change: transform, opacity;transition: none !important; backface-visibility: hidden;-webkit-font-smoothing: antialiased;z-index: 1;}.mh-nav,.mh-header-actions {display: none;}.mh-menu-toggle {display: flex;}.mh-mobile-menu {display: block;}.mh-main {padding: 0.5rem;}.mh-hero {padding: 0;margin-bottom: 0em;}.mh-hero-pane {border-radius: 0px;}.mh-hero-content {padding: 2rem 1.5rem;}.mh-hero-content::before {width: 250px;height: 250px;right: -30%;}.mh-hero-content::after {width: 200px;height: 200px;}.mh-hero-content h2, .mh-hero-content p {margin: 0;padding: 0;color: color-mix(in srgb, var(--color-surface) 70%, transparent);font-size: 1rem;line-height: normal;font-weight: normal;}.mh-mobile-header {display: block;position: sticky;top: var(--mobile-h2-sticky-top);z-index: 50;background: var(--color-surface);padding: 1rem 2rem;margin-bottom: -1rem;box-shadow: 0 2px 12px color-mix(in srgb, var(--color-primary) 8%, transparent);border-bottom: 1px solid color-mix(in srgb, var(--color-teal-light) 60%, transparent);border-radius: var(--radius-sm);overflow: hidden; }.mh-mobile-header h2 {font-size: 1.2rem;line-height: calc(1.2rem * 1.7); color: var(--color-primary);padding-bottom: 0.75rem;margin-bottom: 0.75rem;border-bottom: 2px solid var(--color-teal);}.mh-mobile-header .mh-section-nav {display: flex;flex-direction: row;flex-wrap: nowrap;gap: 0.25rem 0.75rem;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;}.mh-mobile-header .mh-section-nav a {color: var(--color-text-muted);text-decoration: none;padding: 0.3rem 0.6rem;background: color-mix(in srgb, var(--color-teal-light) 30%, transparent);border-radius: var(--radius-sm);font-size: 0.8rem;transition: all var(--animation-timing) ease;white-space: nowrap;flex-shrink: 0;}.mh-mobile-header .mh-section-nav a.active {background: color-mix(in srgb, var(--color-teal) 40%, transparent);}.mh-section {grid-template-columns: 1fr;}.mh-section-sidebar {display: none;}.mh-section-sidebar h2 {font-size: 1.2rem;padding-bottom: 0.75rem;margin-bottom: 0.75rem;border-bottom-width: 2px;}.mh-section-nav {flex-direction: row;flex-wrap: wrap;gap: 0.25rem 0.75rem;}.mh-section-nav a {border-left: none;padding: 0.3rem 0.6rem;background: color-mix(in srgb, var(--color-teal-light) 30%, transparent);border-radius: var(--radius-sm);font-size: 0.8rem;}.mh-section-content {border-radius: var(--radius-sm);}.mh-subsection {padding: 1.5rem;}.mh-section-content > h3 {padding: 1rem 1.5rem;font-size: 1rem;border-radius: 0;}.mh-section-content > h3:first-child {border-radius: var(--radius-sm) var(--radius-sm) 0 0;}.mh-content-with-image {grid-template-columns: 1fr;}.mh-footer {position: relative;z-index: 1;width: 100%;margin: 0 auto;padding-left: 0;padding-right: 0;padding-bottom: 1rem;margin-top: -1rem;width: 100%;}.mh-footer-content {width: 100%;grid-template-columns: 1fr;gap: 1.5rem;padding: 1.5rem 1.5rem;}.mh-footer-divider {display: none;}.mh-footer-section {padding-bottom: 1.5rem;border-bottom: 1px solid color-mix(in srgb, var(--color-teal) 30%, transparent);}.mh-footer-section:last-of-type {padding-bottom: 0;border-bottom: none;}.mh-footer-bottom {flex-direction: column;gap: 0.5rem;text-align: center;}}