/* ============================================================
   RESQR HULPVERLENING - BURGERHULPVERLENING
   Responsieve website, zonder frameworks of externe trackers
   ============================================================ */
:root{
  --ink:#071923;--ink-soft:#102b35;--ink-muted:#63757b;--mint:#afce83;--mint-deep:#497d24;
  --line:#dfe9e7;--paper:#f6f9f8;--white:#fff;--text:#183039;--radius:20px;
  --container:1240px;--shadow:0 26px 70px rgba(3,38,37,.09)
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;background:var(--white);color:var(--text);font:400 16px/1.68 "Segoe UI",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body::selection{background:#b3ffea;color:#061f22}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
svg{display:block}
.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.container{width:min(calc(100% - 88px),var(--container));margin-inline:auto}
.skip-link{position:fixed;top:12px;left:12px;z-index:9999;background:var(--mint);color:var(--ink);padding:10px 16px;transform:translateY(-160%);border-radius:8px}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid #43dcb8;outline-offset:4px}

/* Header */
.announcement{display:flex;justify-content:center;align-items:center;gap:10px;min-height:33px;background:#092e32;color:#b8f8e7;font-size:10px;font-weight:750;letter-spacing:.115em;text-transform:uppercase;text-align:center;padding:5px 16px}
.announcement-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(83,241,200,.09)}
.announcement-separator{opacity:.4}
.site-header{position:sticky;top:0;z-index:100;background:var(--ink);border-bottom:1px solid rgba(255,255,255,.105);transition:box-shadow .2s,border-color .2s}
.site-header.is-scrolled{box-shadow:0 12px 35px rgba(0,0,0,.14);border-color:rgba(83,241,200,.14)}
.header-inner{height:85px;display:flex;align-items:center;justify-content:space-between;gap:34px}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:var(--white)}
.brand-icon{display:grid;place-items:center;width:43px;height:43px}
.brand-icon svg{width:43px;height:43px}
.brand-icon svg path:first-child{fill:none;stroke:var(--mint);stroke-width:3}
.brand-icon svg path:last-child{fill:none;stroke:var(--mint);stroke-linecap:round;stroke-width:4}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-text strong{font-size:28px;letter-spacing:-.055em;font-weight:900}
.brand-period{color:var(--mint)}
.brand-text small{font-size:8.5px;letter-spacing:.26em;font-weight:750;margin-top:6px}
.desktop-nav{display:flex;align-items:center;gap:34px;margin-left:auto}
.desktop-nav a{color:#c2d5d6;font-size:12px;font-weight:650;transition:color .2s;white-space:nowrap}
.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--mint)}
.header-cta{border:1px solid rgba(83,241,200,.5);border-radius:7px;padding:12px 17px;display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:750;color:var(--mint);white-space:nowrap;transition:background .2s}
.header-cta .icon{width:15px;height:15px}
.header-cta:hover{background:rgba(83,241,200,.09)}
.menu-toggle,.mobile-nav{display:none}

/* Basis typography and buttons */
.section{padding:125px 0}
.section-kicker{display:inline-flex;align-items:center;gap:12px;color:#146b61;font-weight:850;font-size:11px;letter-spacing:.15em;line-height:1.4;text-transform:uppercase}
.section-kicker>span{display:grid;place-items:center;border:1px solid #b2cbc5;border-radius:5px;color:#16685c;min-width:31px;height:27px;font-size:10px;letter-spacing:0}
.section-title{font-size:clamp(39px,4.4vw,64px);font-weight:830;letter-spacing:-.066em;line-height:1.09;margin:28px 0 24px;color:var(--ink)}
.section-title em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.065em;color:var(--mint-deep)}
.section-lede{font-size:18px;line-height:1.74;color:#2e4850}
.button{min-height:55px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:15px 23px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:800;line-height:1.35;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}
.button .icon{width:17px;height:17px}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--mint);color:#05232c;box-shadow:0 12px 32px rgba(83,241,200,.14)}
.button-primary:hover{background:#c0dba0}
.button-outline-light{color:#e5f3f0;border-color:rgba(227,244,238,.26)}
.button-outline-light:hover{background:rgba(255,255,255,.07);border-color:var(--mint)}
.text-link{display:inline-flex;align-items:center;gap:14px;font-weight:850;font-size:13px;color:#087f67;padding-bottom:7px;border-bottom:1px solid #8accba;transition:gap .2s,color .2s}
.text-link:hover{gap:20px;color:#035f4c}
.text-link .icon{width:17px;height:17px}

/* Hero */
.hero{position:relative;background:radial-gradient(ellipse 65% 65% at 83% 38%,rgba(10,97,89,.35) 0%,transparent 70%),linear-gradient(135deg,#081b25 0%,#071923 62%,#0b2b32 100%);color:#e8f6f3;overflow:hidden}
.hero::after{content:"";position:absolute;right:-185px;top:-380px;width:700px;height:700px;border-radius:50%;border:1px solid rgba(113,250,216,.045);box-shadow:0 0 0 110px rgba(83,241,200,.018),0 0 0 220px rgba(83,241,200,.012);pointer-events:none}
.hero-grain{position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;min-height:674px;gap:30px;align-items:center;position:relative;z-index:1}
.hero-copy{padding:66px 0 87px}
.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:900}
.hero-eyebrow{color:#86e4c8;display:flex;align-items:center;gap:13px;margin:0 0 26px}
.eyebrow-line{width:27px;height:1px;background:var(--mint)}
.hero h1{font-weight:850;font-size:clamp(53px,5.8vw,86px);line-height:1.02;letter-spacing:-.069em;margin:0 0 28px;color:#fff;white-space:nowrap}
.hero h1 span{color:var(--mint);font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.07em}
.hero-lede{max-width:550px;color:#afc6c9;font-size:16px;line-height:1.91;margin:0 0 33px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-status{display:flex;align-items:center;gap:11px;margin-top:34px;font-size:11px;letter-spacing:.02em;color:#8baeb3}
.hero-status strong{color:#c3d8d8;font-weight:750}
.status-beacon{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(83,241,200,.11)}
.hero-art{height:535px;position:relative;isolation:isolate;min-width:0}
.art-grid{position:absolute;inset:15px 5px;background-image:linear-gradient(rgba(120,243,213,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(120,243,213,.065) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at 50% 50%,#000 20%,transparent 72%)}
.orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(92,232,198,.18)}
.orbit-one{width:330px;height:330px;background:radial-gradient(circle,rgba(31,158,126,.08),transparent 70%)}
.orbit-two{width:435px;height:435px;border-style:dashed;border-color:rgba(92,232,198,.17);animation:orbit-spin 120s linear infinite}
.orbit-three{width:525px;height:525px;border-color:rgba(92,232,198,.08)}
@keyframes orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.core{position:absolute;top:50%;left:50%;width:257px;height:257px;transform:translate(-50%,-50%);border:1px solid rgba(83,241,200,.36);border-radius:28px;background:linear-gradient(145deg,rgba(19,63,65,.98),rgba(9,40,47,.99));box-shadow:0 35px 80px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.core::before{content:"";position:absolute;inset:-8px;border:1px solid rgba(83,241,200,.08);border-radius:34px}
.core-caption{color:#74bdb4;font-size:9px;letter-spacing:.18em;font-weight:900}
.core-emblem{width:97px;height:97px;margin:13px 0 7px}
.core-emblem svg{width:100%;height:100%}
.core-emblem svg path:first-child{fill:#103d3f;stroke:#48cdb2;stroke-width:1}
.core-emblem svg path:last-child{fill:none;stroke:var(--mint);stroke-linejoin:round;stroke-linecap:round;stroke-width:4}
.core strong{font-size:18px;letter-spacing:-.045em;font-weight:850;color:#f5fffd}
.core>span:last-child{color:#9fc5c3;font-size:11px;margin-top:4px}
.art-node{position:absolute;z-index:2;width:47px;height:47px;border:1px solid rgba(95,240,209,.45);border-radius:15px;display:grid;place-items:center;background:#11383b;box-shadow:0 12px 30px rgba(0,0,0,.2);color:var(--mint)}
.art-node .icon{width:22px;height:22px}
.art-node-top{top:18px;left:46%}
.art-node-right{right:4%;top:51%}
.art-node-bottom{bottom:36px;left:24%}
.floating-note{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:11px 14px;background:#f6fffb;border:1px solid #d0eee5;color:#163c3b;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.18);animation:float-note 7s ease-in-out infinite}
.floating-symbol{background:#d9f8eb;border-radius:9px;width:34px;height:34px;display:grid;place-items:center;color:#118a72}
.floating-symbol .icon{height:17px;width:17px}
.floating-note>span:last-child{display:flex;flex-direction:column;line-height:1.4}
.floating-note small{font-size:8px;font-weight:850;letter-spacing:.11em;color:#658c84}
.floating-note strong{font-size:12px;font-weight:820}
.note-one{top:83px;left:0}
.note-two{bottom:100px;right:0;animation-delay:-3s}
@keyframes float-note{50%{transform:translateY(-8px)}}
.hero-bottom{display:flex;align-items:center;gap:20px;padding-bottom:24px;color:#5e9298;letter-spacing:.145em;font-size:9px;font-weight:900;position:relative;z-index:2}
.hero-bottom-line{height:1px;width:37px;background:var(--mint)}
.hero-bottom a{margin-left:auto;color:#7bd3bb;display:flex;gap:20px;align-items:center}
.hero-bottom a span{font-size:19px;font-weight:400}

/* Principles */
.principles{background:#f0f8f5;border-bottom:1px solid #dfebe7}
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.principle{display:flex;align-items:center;gap:17px;padding:26px 29px;border-right:1px solid #d6e6e0}
.principle:first-child{padding-left:0}
.principle:last-child{border-right:0;padding-right:0}
.principle-icon{width:45px;height:45px;background:#ddf4e9;border-radius:12px;color:#168771;display:grid;place-items:center;flex:none}
.principle span:last-child{display:flex;flex-direction:column;line-height:1.45}
.principle strong{color:#133d39;font-size:14px;font-weight:820}
.principle small{color:#6b837e;font-size:11px;margin-top:3px}

/* Initiative */
.section-light{background:#fff}
.intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,8.5vw,135px);align-items:center}
.intro-copy>.section-lede{margin:0 0 19px}
.intro-copy>p:not(.section-lede){color:#73858a;margin:0 0 28px;font-size:15px;max-width:530px}
.intro-copy .text-link{margin-top:9px}
.intro-feature-stack{border:1px solid #dbe8e5;border-radius:15px;background:#fbfdfc;overflow:hidden;box-shadow:var(--shadow)}
.feature-topline{height:57px;padding:0 26px;display:flex;justify-content:space-between;align-items:center;background:#eaf6f0;border-bottom:1px solid #dbe8e2;color:#287e6d;letter-spacing:.16em;font-weight:900;font-size:10px}
.feature-topline span:last-child{font-size:9px;color:#70968d}
.feature-row{display:grid;grid-template-columns:26px 50px 1fr;gap:13px;padding:25px 25px;border-bottom:1px solid #e7eeeb;align-items:start}
.feature-number{font-size:11px;color:#8da29d;font-weight:800;margin-top:15px}
.feature-icon{display:grid;place-items:center;background:#eef8f5;color:#0d806d;width:47px;height:47px;border-radius:11px}
.feature-icon .icon{width:22px;height:22px}
.feature-row h3{font-size:15px;line-height:1.3;letter-spacing:-.025em;color:#133d39;margin:1px 0 7px}
.feature-row p{font-size:12px;line-height:1.75;color:#748984;margin:0}
.feature-footnote{display:flex;align-items:center;gap:10px;color:#397966;font-size:9px;font-weight:900;letter-spacing:.13em;padding:20px 26px}
.feature-footnote .icon{width:15px;height:15px}

/* Process */
.section-process{background:#f4f8f7}
.split-heading{display:grid;grid-template-columns:1.1fr .7fr;align-items:end;gap:90px;margin-bottom:53px}
.split-heading .section-title{margin-bottom:0}
.split-heading>p{color:#6c8182;font-size:15px;line-height:1.9;max-width:385px;padding-bottom:5px}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.step-card{position:relative;background:#fff;border:1px solid #e2ebe8;border-radius:12px;padding:25px 24px 28px;min-height:291px;transition:transform .25s,box-shadow .25s}
.step-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(14,50,47,.07)}
.step-index{display:flex;align-items:center;gap:15px;font-size:9px;color:#6b9b8b;letter-spacing:.14em;font-weight:900}
.step-line{height:1px;flex:1;background:#e2efea}
.step-icon{display:grid;place-items:center;width:54px;height:54px;background:#e6f7ed;color:#168b70;border-radius:15px;margin-top:33px}
.step-icon .icon{width:25px;height:25px}
.step-card h3{color:#102e32;font-size:16px;line-height:1.35;letter-spacing:-.03em;margin:25px 0 10px}
.step-card p{font-size:12px;line-height:1.8;color:#788b87;margin:0}
.process-disclaimer{display:flex;gap:14px;align-items:center;margin-top:26px;padding:17px 19px;background:#e4f0ed;border-left:3px solid #17a78a;border-radius:4px;color:#486b65}
.process-disclaimer>.icon{width:22px;height:22px;color:#19866e}
.process-disclaimer p{margin:0;font-size:12px;line-height:1.75}
.process-disclaimer a{color:#0e7764;text-decoration:underline;text-underline-offset:3px;font-weight:800}

/* Pilot */
.section-pilot{background:#fff;overflow:hidden}
.pilot-grid{display:grid;grid-template-columns:.94fr 1fr;gap:clamp(55px,9vw,140px);align-items:center}
.pilot-visual{min-height:540px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 48% 52%,#e3f5ee,transparent 68%)}
.pilot-visual::before{content:"";position:absolute;width:440px;height:440px;border:1px solid #ddede7;border-radius:50%;box-shadow:0 0 0 60px rgba(227,245,238,.4)}
.pilot-panel{position:relative;z-index:2;width:min(100% - 40px,415px);background:#0b2932;border:1px solid #174e50;border-radius:13px;box-shadow:0 32px 70px rgba(6,33,35,.27);color:#eafaf5;transform:rotate(-3deg);overflow:hidden}
.pilot-panel-heading{height:63px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #20484c;padding:0 22px;color:#8acbbd;font-size:9px;font-weight:900;letter-spacing:.16em}
.mini-logo{width:30px;height:30px;display:grid;place-items:center;background:#133f41;color:#effff8;border:1px solid #387565;border-radius:7px;font-size:18px;font-weight:900;letter-spacing:-.12em}
.mini-logo span{font-size:11px;color:var(--mint)}
.pilot-dots{display:flex;gap:5px;margin-left:auto}
.pilot-dots i{width:5px;height:5px;border-radius:50%;background:#4e7775}
.pilot-panel-body{padding:28px 27px 34px}
.pilot-route{display:flex;align-items:center;margin-bottom:35px}
.route-point{width:14px;height:14px;border:3px solid var(--mint);background:#14534e;border-radius:50%;box-shadow:0 0 0 8px rgba(83,241,200,.07)}
.route-point-b{background:var(--mint)}
.route-path{width:100%;height:1px;background:repeating-linear-gradient(90deg,#4cab98 0 6px,transparent 6px 12px)}
.panel-label{font-size:9px;font-weight:900;letter-spacing:.16em;color:#76d9bd}
.pilot-panel h3{font-size:30px;line-height:1.18;letter-spacing:-.05em;margin:14px 0 15px;max-width:300px}
.pilot-panel p{font-size:13px;color:#9bbfbd;line-height:1.7;max-width:275px}
.panel-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}
.panel-tags span{border:1px solid #3b6a63;border-radius:4px;padding:7px 9px;color:#b4e7d9;font-size:9px;font-weight:800}
.panel-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #20484c;padding:16px 25px;font-size:9px;color:#81aca5;letter-spacing:.14em;font-weight:900}
.panel-footer strong{display:flex;align-items:center;gap:10px;font-size:9px;color:#a6ecd4}
.panel-footer .status-beacon{width:6px;height:6px}
.pilot-side-label{position:absolute;bottom:24px;right:-11px;font-size:10px;letter-spacing:.16em;transform:rotate(-90deg) translateX(50%);color:#83b7a6;font-weight:800}
.pilot-copy .section-title{margin-bottom:25px}
.pilot-copy .section-lede{margin-bottom:24px}
.pilot-bullets{display:grid;gap:17px;margin:27px 0 26px}
.pilot-bullets>div{display:flex;align-items:flex-start;gap:14px}
.pilot-bullets .icon{margin-top:2px;color:#0b8e70;background:#e1f7ed;border-radius:50%;padding:4px;width:25px;height:25px;stroke-width:2.4}
.pilot-bullets p{margin:0;color:#5f7475;line-height:1.75;font-size:13px}
.pilot-note{border-left:3px solid #39c79e;background:#edf7f2;padding:19px 22px;border-radius:2px;margin-top:33px}
.pilot-note strong{color:#126f5a;font-size:13px}
.pilot-note p{color:#6c8880;font-size:12px;line-height:1.7;margin:5px 0 0}

/* Join */
.section-join{background:#0a252e;color:#fff;position:relative;overflow:hidden}
.section-join::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 5%,rgba(54,163,135,.12),transparent 48%),linear-gradient(90deg,rgba(118,239,208,.027) 1px,transparent 1px);background-size:auto,80px 80px;pointer-events:none}
.section-join .container{position:relative}
.centered-heading{text-align:center;max-width:730px;margin:0 auto 46px}
.section-join .section-kicker{color:#8ee9cf}
.section-join .section-kicker>span{border-color:#397c71;color:#a8f2dc}
.section-join .section-title{color:#fff}
.section-join .section-title em{color:#81e8c8}
.centered-heading>p{max-width:570px;margin:0 auto;color:#a0babb;font-size:15px;line-height:1.8}
.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.join-card{position:relative;padding:37px 38px 34px;border-radius:13px;min-height:335px;display:flex;align-items:flex-start;flex-direction:column}
.join-card-primary{background:var(--mint);color:#06312f}
.join-card-secondary{background:#14343d;border:1px solid #2d5660;color:#eafaf5}
.join-icon{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;margin-bottom:25px;background:rgba(4,54,46,.12)}
.join-icon .icon{width:25px;height:25px}
.join-card-secondary .join-icon{background:#20534f;color:var(--mint)}
.join-type{font-size:9px;letter-spacing:.15em;font-weight:900;opacity:.72}
.join-card h3{font-size:29px;letter-spacing:-.055em;line-height:1.2;margin:11px 0 11px}
.join-card p{font-size:13px;line-height:1.8;max-width:440px;margin:0 0 28px;opacity:.75}
.join-link{margin-top:auto;display:inline-flex;align-items:center;gap:20px;padding-bottom:8px;border-bottom:1px solid currentColor;font-size:13px;font-weight:850}
.join-link .icon{width:16px;height:16px;transition:transform .2s}
.join-link:hover .icon{transform:translate(3px,-3px)}

/* FAQ */
.section-faq{background:#fff}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,10vw,145px);align-items:start}
.faq-intro .section-title{margin-bottom:22px}
.faq-intro>p{font-size:15px;color:#718681;max-width:310px;line-height:1.85;margin-bottom:29px}
.faq-list{border-top:1px solid #dbe8e4}
.faq-list details{border-bottom:1px solid #dbe8e4}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;padding:22px 0;font-size:15px;font-weight:800;line-height:1.55;color:#193b3c}
.faq-list summary::-webkit-details-marker{display:none}
.faq-plus{position:relative;width:25px;height:25px;border:1px solid #c5dfd6;border-radius:50%;flex:none;transition:background .2s,transform .2s}
.faq-plus::before,.faq-plus::after{content:"";position:absolute;top:50%;left:50%;width:10px;height:1.5px;background:#1b9475;transform:translate(-50%,-50%)}
.faq-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-list details[open] .faq-plus{background:#d7f5e9;transform:rotate(45deg)}
.faq-list details p{font-size:13px;line-height:1.9;color:#6d8382;margin:0;max-width:580px;padding:0 45px 25px 0}

/* Contact */
.contact-section{padding:10px 0 100px;background:#fff}
.contact-shell{position:relative;overflow:hidden;background:linear-gradient(125deg,#063e3d,#057f69);color:#fff;min-height:375px;border-radius:15px;padding:58px 67px}
.contact-shape{position:absolute;right:-90px;top:-200px;width:660px;height:660px;border:1px solid rgba(204,255,235,.18);border-radius:50%;box-shadow:0 0 0 85px rgba(255,255,255,.03),0 0 0 165px rgba(255,255,255,.022),0 0 0 245px rgba(255,255,255,.018)}
.contact-copy{position:relative;z-index:2;max-width:600px}
.section-kicker-light{color:#aef3dd}
.section-kicker-light>span{color:#ddfff2;border-color:#7dd3bb}
.contact-copy h2{font-size:clamp(42px,4.8vw,65px);letter-spacing:-.065em;line-height:1.07;margin:22px 0 18px}
.contact-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#9bffdb;letter-spacing:-.06em}
.contact-copy p{max-width:540px;color:#c6ece2;font-size:14px;line-height:1.8;margin-bottom:24px}
.button-light{color:#065747;background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.09)}
.button-light:hover{background:#e5ffef}
.contact-email{font-size:12px;color:#c9f3e5;margin-left:18px}
.contact-mark{position:absolute;right:90px;top:50%;transform:translateY(-50%) rotate(12deg);width:225px;height:225px;opacity:.14}
.contact-mark svg{width:100%;height:100%}
.contact-mark svg path{stroke:#fff;fill:none;stroke-width:2}
.contact-mark svg path:last-child{stroke-width:4}

/* Footer */
.site-footer{background:#061b24;color:#b5cbd0}
.emergency-strip{display:flex;align-items:center;gap:14px;border-bottom:1px solid #25404b;padding:22px 0;font-size:12px;color:#a9bec1}
.emergency-strip>.icon{color:var(--mint);width:23px;height:23px}
.emergency-strip strong{color:#f3fbfb;margin-right:4px}
.emergency-strip>a{margin-left:auto;color:#9ee9ce;font-size:12px;font-weight:850;display:flex;align-items:center;gap:8px;white-space:nowrap}
.emergency-strip>a .icon{width:15px;height:15px}
.footer-main{display:flex;justify-content:space-between;gap:45px;padding:55px 0 62px}
.footer-about{max-width:340px}
.footer-about p{font-size:12px;line-height:1.9;color:#819ea2;margin:22px 0 0}
.footer-links{display:flex;gap:95px;padding-right:25px}
.footer-links>div{display:flex;flex-direction:column;gap:11px}
.footer-links h3{font-size:12px;color:#f0fcf8;margin:4px 0 11px}
.footer-links a{font-size:12px;color:#93abae;transition:color .2s}
.footer-links a:hover{color:var(--mint)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #25404b;padding:18px 0 25px;font-size:10px;color:#6d9096}
.footer-bottom span:last-child{letter-spacing:.14em;font-size:9px}

/* Privacy page */
.legal-hero{background:linear-gradient(135deg,#071923,#0b3839);padding:90px 0;color:#fff}
.legal-hero .section-kicker{color:#8ee9cf}
.legal-hero .section-kicker>span{color:#8ee9cf;border-color:#397c71}
.legal-hero h1{font-size:clamp(42px,6vw,70px);line-height:1.1;letter-spacing:-.06em;margin:23px 0 17px}
.legal-hero p{max-width:660px;color:#adcecb;font-size:16px}
.legal-content{max-width:850px;margin:0 auto;padding:75px 26px 100px;color:#42595c}
.legal-content h2{font-size:24px;color:var(--ink);letter-spacing:-.04em;margin:42px 0 12px}
.legal-content h2:first-child{margin-top:0}
.legal-content p,.legal-content li{font-size:15px;line-height:1.9}
.legal-content a{color:#087c66;text-decoration:underline;text-underline-offset:3px}
.legal-content ul{padding-left:22px}
.legal-notice{padding:20px 22px;border-left:3px solid #2aa783;background:#eff9f4;border-radius:3px;margin-top:40px}
.legal-notice p{margin:0}
.legal-back{display:inline-flex;align-items:center;gap:10px;color:#0d795e;font-weight:800;margin-top:27px}

/* Reveal, optional animation */
.enhanced .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}
.enhanced .reveal.is-visible{opacity:1;transform:translateY(0)}
.enhanced .step-card:nth-child(2),.enhanced .join-card:nth-child(2){transition-delay:.09s}
.enhanced .step-card:nth-child(3){transition-delay:.16s}
.enhanced .step-card:nth-child(4){transition-delay:.23s}

/* Responsive */
@media(max-width:1190px){
  .desktop-nav{gap:20px}.hero h1{font-size:clamp(53px,5.5vw,76px)}
  .hero-art{transform:scale(.94);transform-origin:center right}
  .section{padding:105px 0}.intro-layout{gap:65px}.pilot-grid{gap:60px}
}
@media(max-width:940px){
  .container{width:min(calc(100% - 52px),var(--container))}
  .header-inner{height:75px}.desktop-nav,.header-cta{display:none}
  .menu-toggle{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:transparent;border:1px solid #31545a;border-radius:8px;width:43px;height:43px}
  .menu-toggle span{height:2px;width:19px;background:#dffaf2;transition:transform .2s,opacity .2s}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobile-nav:not([hidden]){display:flex;flex-direction:column;border-top:1px solid #29464c;padding:10px 26px 17px;background:#0b2530}
  .mobile-nav a{padding:12px 8px;color:#d4e9e6;font-size:14px;font-weight:650;border-bottom:1px solid rgba(255,255,255,.06)}
  .hero-grid{grid-template-columns:1fr;gap:0;min-height:unset}
  .hero-copy{padding:85px 0 25px;max-width:660px}
  .hero h1{font-size:clamp(57px,8.5vw,83px)}
  .hero-art{height:460px;max-width:600px;width:100%;margin:0 auto;transform:none}
  .hero-bottom{padding-bottom:23px}
  .intro-layout,.pilot-grid{grid-template-columns:1fr;gap:50px}
  .intro-copy{max-width:700px}.intro-feature-stack{max-width:720px}
  .pilot-visual{order:2;min-height:470px}.pilot-copy{order:1}
  .split-heading{gap:30px}
  .steps-grid{grid-template-columns:repeat(2,1fr)}
  .step-card{min-height:255px}
  .faq-grid{gap:50px;grid-template-columns:.75fr 1.25fr}
  .contact-mark{right:35px;opacity:.08}
}
@media(max-width:640px){
  :root{--radius:14px}
  html{scroll-padding-top:82px}
  .container{width:min(calc(100% - 36px),var(--container))}
  .announcement{font-size:8px;letter-spacing:.05em;gap:7px;min-height:36px}
  .header-inner{height:70px}
  .brand{gap:9px}.brand-icon,.brand-icon svg{width:36px;height:36px}
  .brand-text strong{font-size:24px}.brand-text small{font-size:7.5px;letter-spacing:.23em}
  .section{padding:75px 0}
  .section-title{font-size:clamp(36px,9vw,51px);margin:23px 0 20px}
  .section-lede{font-size:16px}
  .hero-copy{padding:71px 0 15px}
  .hero-eyebrow{font-size:9px;letter-spacing:.11em;gap:9px;margin-bottom:19px}
  .eyebrow-line{width:19px}
  .hero h1{font-size:clamp(45px,10.1vw,70px);white-space:normal;margin-bottom:23px}
  .hero-lede{font-size:14px;line-height:1.84;margin-bottom:27px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .button{width:100%}
  .hero-status{font-size:10px;align-items:flex-start;margin-top:25px;line-height:1.6}
  .hero-status .status-beacon{margin-top:5px;flex:none}
  .hero-art{height:380px;margin-bottom:5px;transform:scale(.84);transform-origin:center top;width:120%;margin-left:-10%}
  .orbit-one{width:290px;height:290px}.orbit-two{width:360px;height:360px}.orbit-three{width:445px;height:445px}
  .core{width:223px;height:223px}
  .core-emblem{width:80px;height:80px}
  .floating-note{padding:9px 11px}
  .note-one{top:54px;left:1%}.note-two{right:0;bottom:63px}
  .art-node-top{top:10px}.art-node-right{right:1%}.art-node-bottom{bottom:18px}
  .hero-bottom{font-size:8px;gap:10px;padding-bottom:23px}
  .hero-bottom-line{width:20px}
  .hero-bottom a{display:none}
  .principles-grid{grid-template-columns:1fr}
  .principle,.principle:first-child,.principle:last-child{padding:18px 0;border-right:0;border-bottom:1px solid #d6e6e0}
  .principle:last-child{border:0}
  .intro-layout{gap:35px}.intro-copy>p:not(.section-lede){font-size:14px}
  .feature-row{grid-template-columns:20px 40px 1fr;padding:22px 16px;gap:10px}
  .feature-icon{width:39px;height:39px}.feature-icon .icon{width:19px;height:19px}
  .feature-topline,.feature-footnote{padding-inline:18px}.feature-row h3{font-size:13px}.feature-row p{font-size:11px}
  .split-heading{grid-template-columns:1fr;gap:12px;margin-bottom:27px}.split-heading>p{padding:0;font-size:14px;margin:0}
  .steps-grid{grid-template-columns:1fr;gap:11px}
  .step-card{min-height:unset;padding:21px 22px 25px}.step-icon{margin-top:20px}.step-card h3{margin:18px 0 9px}.step-card p{font-size:12px}
  .process-disclaimer{align-items:flex-start}.process-disclaimer>.icon{margin-top:2px}
  .pilot-grid{gap:20px}.pilot-visual{min-height:440px}.pilot-visual::before{width:310px;height:310px}
  .pilot-panel{transform:rotate(-2deg);width:min(100% - 24px,365px)}
  .pilot-panel-body{padding:23px 22px 30px}.pilot-panel h3{font-size:27px}.pilot-panel-heading{padding:0 18px}
  .pilot-side-label{display:none}
  .centered-heading{margin-bottom:31px}.centered-heading>p{font-size:14px}
  .join-grid{grid-template-columns:1fr;gap:12px}
  .join-card{padding:29px 26px 28px;min-height:314px}.join-card h3{font-size:26px}.join-card p{font-size:12px}
  .faq-grid{grid-template-columns:1fr;gap:25px}.faq-intro .section-title{margin-bottom:14px}.faq-intro>p{font-size:14px;margin-bottom:18px}
  .faq-list summary{font-size:13px;padding:18px 0}.faq-list details p{font-size:12px;padding-right:15px}
  .contact-section{padding:0 0 60px}
  .contact-shell{padding:37px 25px;border-radius:12px;min-height:unset}
  .contact-copy h2{font-size:clamp(38px,9vw,52px)}
  .contact-copy p{font-size:12px}.contact-email{display:block;margin:13px 0 0}
  .contact-mark{right:-60px;bottom:-90px;top:auto;transform:rotate(13deg)}
  .emergency-strip{flex-wrap:wrap;align-items:flex-start;gap:11px}.emergency-strip>span{flex:1;font-size:11px}.emergency-strip>a{margin:2px 0 0 33px;width:calc(100% - 33px)}
  .footer-main{flex-direction:column;gap:34px;padding:40px 0}.footer-links{gap:65px;padding:0}.footer-bottom{flex-direction:column;align-items:start;gap:8px}
  .legal-hero{padding:69px 0}.legal-content{padding:55px 19px 75px}
}
@media(max-width:375px){
  .announcement{font-size:7px}.hero h1{font-size:43px}.hero-art{transform:scale(.75);margin-bottom:-40px}
  .feature-row{grid-template-columns:16px 34px 1fr;gap:8px}.feature-icon{width:33px;height:33px}
  .join-card{padding:27px 23px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .enhanced .reveal{opacity:1;transform:none}
}

/* ===== RESQR V1.1.2 | Rustiger contrast op basis van V1.1.0 ===== */
:focus-visible{outline-color:#afce83}
.announcement-dot{box-shadow:0 0 0 4px rgba(201,249,129,.1)}
.brand-wordmark{display:block;width:187px;height:auto;max-height:57px;object-fit:contain}
.brand{min-height:56px}
.hero{background:radial-gradient(ellipse 55% 65% at 82% 40%,rgba(70,93,56,.11),transparent 70%),linear-gradient(135deg,#060e14 0%,#07151b 65%,#091a20 100%)}
.hero h1 span{color:#b5d28b}
.hero-eyebrow{color:#b5d28b}
.hero-art .core-branded{width:320px;height:320px;padding:0;border-radius:50%;border:1px solid rgba(201,249,129,.3);background:radial-gradient(circle,#122422 0%,#0a181d 85%);overflow:visible;box-shadow:0 24px 80px rgba(0,0,0,.3),0 0 0 12px rgba(201,249,129,.045)}
.core-branded::before{border-radius:50%}
.hero-official-logo{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(.80) saturate(.88) drop-shadow(0 0 12px rgba(175,206,131,.05))}
.official-logo-note{position:absolute;left:50%;bottom:-33px;transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:.16em;color:#a2cf8b;font-weight:850}
.brand-signal{height:6px;width:100%;position:relative;z-index:5;background:linear-gradient(90deg,#4b6056,#799168 55%,#4b6056);overflow:hidden}
.brand-signal::after{content:"";display:block;width:100%;height:100%;background:repeating-linear-gradient(130deg,transparent 0 34px,rgba(6,17,23,.8) 34px 54px,transparent 54px 90px);opacity:.38}
.brand-signal-art{position:absolute;right:-140px;bottom:-90px;width:460px;height:355px;object-fit:cover;opacity:.035;pointer-events:none;mix-blend-mode:screen;transform:rotate(-6deg)}
.intro-brand-gallery{display:flex;align-items:center;gap:14px;border-top:1px solid #d9e5dc;padding:15px 25px;background:#eef6ed}
.intro-brand-gallery img{width:53px;height:53px;object-fit:contain;background:#0a1820;border-radius:10px;padding:4px}
.intro-brand-gallery span{display:flex;flex-direction:column;line-height:1.5}
.intro-brand-gallery strong{font-size:12px;color:#173632}
.intro-brand-gallery small{font-size:10px;color:#5c7c71}
.pilot-visual-brand{position:absolute;width:370px;height:370px;object-fit:contain;opacity:.12;filter:grayscale(1);pointer-events:none}
.pilot-panel-heading .pilot-heading-mark{height:37px;width:37px;object-fit:contain;flex:none}
.join-card .join-patch{width:78px;height:78px;object-fit:contain;background:#101d20;border:1px solid rgba(201,249,129,.25);border-radius:12px;padding:4px;float:right;margin:-2px -6px 12px 15px}
.contact-mark img{display:block;width:100%;height:100%;object-fit:contain}
.contact-shell{overflow:hidden}
.site-footer .brand-wordmark{width:216px}
/* Formulier, responsive en toegankelijk */
.form-section{margin:40px 0 0;padding:clamp(26px,5vw,54px);border:1px solid #d8e8e1;border-radius:18px;background:#f7fbf8;box-shadow:0 16px 50px rgba(7,25,30,.07)}
.form-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:27px}
.form-head h3{font-size:clamp(26px,3vw,38px);letter-spacing:-.05em;line-height:1.15;color:#082a2b;margin:9px 0}
.form-head p{max-width:650px;font-size:14px;line-height:1.65;color:#54726d;margin:0}
.form-head img{width:72px;height:72px;object-fit:contain;flex:none;background:#112324;padding:4px;border-radius:12px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}
.form-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.form-field.full{grid-column:1/-1}
.form-field label,.form-field .form-label{font-size:12px;font-weight:850;color:#16372f}
.form-field input,.form-field select,.form-field textarea{width:100%;background:#fff;color:#183039;border:1px solid #b8d2c4;border-radius:8px;padding:12px 14px;font:inherit;font-size:14px;min-height:48px}
.form-field textarea{min-height:137px;resize:vertical}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:3px solid rgba(164,225,97,.45);border-color:#477d20}
.form-consent{display:flex;align-items:flex-start;gap:11px;margin:20px 0 23px;font-size:12px;line-height:1.6;color:#436059}
.form-consent input{margin-top:4px;accent-color:#507f25}
.form-consent a{text-decoration:underline;text-underline-offset:3px;color:#39731d;font-weight:750}
.form-submit{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.form-submit .button{border:0}
.form-help{font-size:11px;color:#657f76;line-height:1.6;margin:0}
.form-alert{padding:15px 18px;margin:0 0 25px;border-radius:9px;font-size:13px;line-height:1.7}
.form-alert.success{border:1px solid #81b882;color:#1d592c;background:#e7f8e7}
.form-alert.error{border:1px solid #eab0a2;color:#913d2f;background:#fff0ea}
.form-alert ul{margin:5px 0 0 17px;padding:0}
.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.email-fallback{text-decoration:underline;color:#39731d}
@media(max-width:640px){
 .brand-wordmark{width:155px;max-height:49px}.brand{min-height:47px}
 .hero-art .core-branded{width:270px;height:270px}.official-logo-note{font-size:8px;bottom:-28px}
 .intro-brand-gallery{padding:14px 18px}
 .form-section{margin-top:25px;padding:25px 18px}.form-grid{grid-template-columns:1fr;gap:16px}
 .form-field.full{grid-column:auto}.form-head img{width:56px;height:56px}
 .contact-shell{padding:35px 22px}.site-footer .brand-wordmark{width:200px}
}
@media(max-width:375px){.hero-art .core-branded{width:250px;height:250px}}

.contact-form-section{padding:0 0 85px;background:#fff}
@media(max-width:640px){.contact-form-section{padding-bottom:58px}}


/* =============================================================
   RESQR V1.1.3 | Donkere, rustige stijl over de volledige website
   Consistent contrast op desktop en mobiel, zonder felle vlakken
   ============================================================= */
:root{--mint:#afcc8c;--mint-deep:#a9cb88}
body{background:#0c1920;color:#d3dfdc}
.announcement{background:#13282e;color:#d5e6d3}
.hero h1{font-size:clamp(49px,5.35vw,79px);white-space:normal}
.hero h1 span{color:#b5d28b}
.floating-note{background:#19302d;border-color:#426055;color:#eaf2e8;box-shadow:0 20px 50px rgba(0,0,0,.24)}
.floating-symbol{background:#294a3f;color:#c2dcaa}
.floating-note small{color:#afc9be}
.floating-note strong{color:#f2f7ee}
.button-primary{background:#afcd8c;color:#0b241c;box-shadow:0 12px 32px rgba(0,0,0,.16)}
.button-primary:hover{background:#c1dba7}
.hero-status,.hero-lede{color:#bccdca}
.hero-art .core-branded{border-color:rgba(175,204,140,.26);box-shadow:0 24px 80px rgba(0,0,0,.32),0 0 0 12px rgba(175,204,140,.025)}
.hero-official-logo{filter:brightness(.77) saturate(.77) drop-shadow(0 0 12px rgba(175,206,131,.04))}
/* Stille overgang van de hero naar het eerste inhoudsblok */
.brand-signal{height:5px;background:linear-gradient(90deg,#33463c,#607652 55%,#33463c)}
.brand-signal::after{opacity:.22}
/* Basisoppervlakken */
.principles{background:#11232a;border-color:#2a4144}
.principle,.principle:first-child,.principle:last-child{border-color:#2a4144}
.principle-icon{background:#1d3b3a;color:#b6d99a}
.principle strong{color:#e5efe8}
.principle small{color:#b0c5be}
.section-light{background:#0e1b22}
.section-process{background:#132329}
.section-pilot{background:#0e1b22}
.section-join{background:#102129}
.section-faq,.contact-section,.contact-form-section{background:#0c1920}
.section-title{color:#eaf1ed}
.section-title em{color:#b1cf8e}
.section-kicker{color:#b4d19d}
.section-kicker>span{color:#c6ddaf;border-color:#526f5d}
.section-lede{color:#cbd8d3}
.intro-copy>p:not(.section-lede),.split-heading>p,.pilot-bullets p,.faq-intro>p{color:#aebeb9}
.text-link{color:#bcd99f;border-color:#4d6b59}
.text-link:hover{color:#e3f0ca}
/* Het initiatief */
.intro-feature-stack{background:#17282e;border-color:#30464a;box-shadow:0 22px 58px rgba(0,0,0,.21)}
.feature-topline{background:#213730;border-color:#365147;color:#c2dda8}
.feature-topline span:last-child{color:#b4c9b3}
.feature-row{border-color:#304449}
.feature-number{color:#a0b4b0}
.feature-icon{background:#24453d;color:#bcd8aa}
.feature-row h3{color:#ecf2eb}
.feature-row p{color:#aec2bd}
.feature-footnote{color:#b9d59e}
/* Werkwijze */
.step-card{background:#192e33;border-color:#30464b}
.step-card:hover{box-shadow:0 18px 50px rgba(0,0,0,.18)}
.step-index{color:#b5cda7}
.step-line{background:#3b5251}
.step-icon{background:#294b42;color:#c5dca9}
.step-card h3{color:#eaf0e9}
.step-card p{color:#b8c9c3}
.process-disclaimer{background:#213b37;border-color:#8dbb80;color:#d4e3d8}
.process-disclaimer>.icon,.process-disclaimer a{color:#b7d99a}
/* Pilot */
.pilot-visual{background:radial-gradient(ellipse at 48% 52%,rgba(39,77,69,.5),transparent 65%)}
.pilot-visual::before{border-color:#34504c;box-shadow:0 0 0 60px rgba(42,66,60,.14)}
.pilot-side-label{color:#97b7ab}
.pilot-bullets .icon{background:#29483f;color:#b6d69b}
.pilot-note{background:#1b3531;border-color:#8bb879}
.pilot-note strong{color:#d4e6be}
.pilot-note p{color:#b5c7bd}
.intro-brand-gallery{background:#223a33;border-color:#36554c}
.intro-brand-gallery strong{color:#e5f0df}
.intro-brand-gallery small{color:#b6cabc}
/* Meedoen: geen egaal felgroen vlak meer */
.section-join .section-title em{color:#bfd89e}
.section-join .section-kicker{color:#c4d7b6}
.centered-heading>p{color:#b6c9c3}
.join-card-primary{background:#28473d;border:1px solid #486759;color:#edf4e7}
.join-card-secondary{background:#18333a;border-color:#38555a;color:#edf4e7}
.join-card-primary .join-icon{background:#36594b;color:#c3dba9}
.join-card-secondary .join-icon{background:#254a43;color:#c3dba9}
.join-card h3{color:#edf4e7}
.join-card p{color:#c1d0c7;opacity:1}
.join-type{color:#c2d7b7;opacity:1}
.join-link{color:#d6e8bc}
/* FAQ */
.faq-list,.faq-list details{border-color:#30454b}
.faq-list summary{color:#e8f0e9}
.faq-list details p{color:#b3c6c1}
.faq-plus{border-color:#587361}
.faq-plus::before,.faq-plus::after{background:#b0d391}
.faq-list details[open] .faq-plus{background:#2b5042}
/* Contact */
.contact-shell{background:linear-gradient(125deg,#142c33,#1c413c);border:1px solid #345b51}
.contact-copy h2 em{color:#c2dfa6}
.contact-copy p{color:#d0dfd9}
.button-light{color:#10271d;background:#bad69d}
.button-light:hover{background:#d0e4bc}
.contact-email{color:#c7dfc5}
/* Contactformulier */
.form-section{background:#17282f;border-color:#32494b;box-shadow:0 18px 45px rgba(0,0,0,.16)}
.form-head h3{color:#eff4ec}
.form-head p,.form-help{color:#b5c6c1}
.form-field label,.form-field .form-label{color:#dfeae0}
.form-field input,.form-field select,.form-field textarea{background:#0e1c23;border-color:#4d6764;color:#eef6ed}
.form-field input::placeholder,.form-field textarea::placeholder{color:#97aaa5}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline-color:rgba(175,204,140,.4);border-color:#a2cb8e}
.form-consent{color:#b8cbc3}
.form-consent a,.email-fallback{color:#c1dca0}
.form-alert.success{background:#223e31;border-color:#729e73;color:#d9efce}
.form-alert.error{background:#452a29;border-color:#bc8c83;color:#ffdbd4}
/* Privacyverklaring */
.legal-hero{background:linear-gradient(135deg,#09171e,#14332f)}
.legal-content{color:#bccdc6}
.legal-content h2{color:#e7f0e8}
.legal-content a,.legal-back{color:#c3df9e}
.legal-notice{background:#20342f;border-color:#8aac79;color:#d0e4d3}
/* Kleine schermen */
@media(max-width:940px){.hero h1{font-size:clamp(48px,7.5vw,76px)}}
@media(max-width:640px){
  .hero h1{font-size:clamp(42px,10vw,58px)}
  .principle,.principle:first-child,.principle:last-child{border-color:#2a4144}
  .contact-shell{padding:35px 22px}
}
@media(max-width:375px){.hero h1{font-size:42px}}