:root{--ink:#e5e7eb;--navy:#020617;--teal:#3b82f6;--teal2:#60a5fa;--paper:#07111f;--muted:#9ca3af;--line:#1e293b;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#020617;line-height:1.65}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.top{font-size:13px;background:#07111d;color:#aebbc7;padding:8px 0}.top .wrap{display:flex;justify-content:flex-end;gap:25px}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.header{position:sticky;top:0;z-index:20;background:rgba(2,6,23,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.logo{font-size:25px;font-weight:850;letter-spacing:-1px}.logo b{color:var(--teal)}.logo small{display:block;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#94a3b8;font-weight:700;margin-top:-5px}.links{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:650}.links a:hover{color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:6px;font-weight:750;border:1px solid transparent}.btn.primary{background:var(--teal);color:#fff}.btn.primary:hover{background:#007873}.btn.outline{border-color:#334155;color:#e5e7eb;background:#0f172a}.hero{padding:92px 0 78px;background:radial-gradient(circle at 78% 15%,rgba(59,130,246,.14),transparent 32%),linear-gradient(180deg,#020617 0,#07111f 100%)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:78px;align-items:center}.label{display:inline-block;color:var(--teal);font-size:12px;text-transform:uppercase;letter-spacing:1.8px;font-weight:850}.hero h1{font-size:clamp(43px,5.4vw,67px);line-height:1.05;letter-spacing:-2.8px;margin:14px 0 22px}.hero h1 em{font-style:normal;color:var(--teal)}.hero p{font-size:19px;color:var(--muted);max-width:700px;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.proof{display:flex;gap:28px;margin-top:38px;color:#94a3b8;font-size:13px}.proof span:before{content:'✓';color:var(--teal);font-weight:900;margin-right:7px}.panel{background:#020b18;color:#fff;padding:0;border:1px solid #23415f;border-radius:18px;box-shadow:0 28px 70px rgba(0,0,0,.42);overflow:hidden}.terminal-head{padding:20px 26px;background:#102036;border-bottom:1px solid #20354e;color:#8eb2df;font-size:17px}.terminal-body{padding:38px 42px 34px;font-family:Consolas,"SFMono-Regular",Menlo,monospace;font-size:18px;line-height:1.65}.terminal-command{color:#60a5fa;font-weight:700;margin:0 0 8px}.terminal-row{display:grid;grid-template-columns:1fr auto;gap:22px;color:#d5e4f5}.terminal-ok{color:#34e8ad}.terminal-gap{height:22px}.terminal-done{color:#34e8ad;font-weight:700;margin-top:4px}.cursor{display:inline-block;width:9px;height:20px;background:#93c5fd;vertical-align:-3px;margin-left:7px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bar .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:21px 24px;text-align:center;border-right:1px solid var(--line);font-size:14px;font-weight:700}.metric:last-child{border:0}.section{padding:92px 0}.alt{background:var(--paper)}.head{max-width:760px;margin-bottom:44px}.head h2{font-size:clamp(31px,4vw,46px);line-height:1.13;letter-spacing:-1.6px;margin:8px 0 12px}.head p{color:var(--muted);font-size:18px;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{background:#0f172a;border:1px solid var(--line);padding:32px;border-radius:8px}.service .nr{font-size:12px;color:var(--teal);font-weight:900;letter-spacing:1px}.service h3{font-size:21px;margin:13px 0 8px}.service p{color:var(--muted);margin:0 0 18px}.service a{color:var(--teal);font-weight:750;font-size:14px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}.quote{font-size:30px;line-height:1.28;letter-spacing:-.8px;font-weight:760;margin:12px 0 18px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{background:#0f172a;border:1px solid var(--line);padding:16px;border-radius:6px;font-size:14px}.check:before{content:'✓';color:var(--teal);font-weight:900;margin-right:9px}.process{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#0f172a}.step{padding:28px;border-right:1px solid var(--line)}.step:last-child{border:0}.step strong{display:block;color:var(--teal);font-size:12px;letter-spacing:1.2px}.step h3{margin:10px 0 8px}.step p{font-size:14px;color:var(--muted);margin:0}.case{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--navy);color:#fff;padding:48px;border-radius:10px}.case h2{font-size:35px;line-height:1.15;margin:8px 0 15px}.case p{color:#aebdca}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{border:1px solid #334155;padding:7px 10px;border-radius:4px;font-size:12px;color:#dbeafe}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price{background:#0f172a;border:1px solid var(--line);padding:30px;border-radius:8px}.price.featured{border-top:4px solid var(--teal)}.price h3{margin:0}.amount{font-size:33px;font-weight:850;letter-spacing:-1px;margin:13px 0 3px}.price p{color:var(--muted);font-size:14px}.price ul{padding:0;list-style:none;font-size:14px}.price li{margin:8px 0}.price li:before{content:'✓';color:var(--teal);margin-right:8px;font-weight:900}.cta{background:linear-gradient(135deg,#0b3b8f,#1d4ed8);color:#fff;padding:65px 0}.cta .wrap{display:flex;justify-content:space-between;gap:40px;align-items:center}.cta h2{font-size:36px;line-height:1.15;margin:0 0 8px}.cta p{margin:0;color:#dbeafe}.cta .btn{background:#0f172a;color:var(--ink)}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form .wide{grid-column:1/-1}.form input,.form textarea,.form select{width:100%;padding:14px;border:1px solid #334155;border-radius:5px;font:inherit;background:#0f172a}.form textarea{min-height:145px;resize:vertical}.form button{cursor:pointer}.small{font-size:13px;color:var(--muted)}footer{background:#01040d;color:#93a4b3;padding:38px 0;font-size:13px}.foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.foot .logo{color:#fff}.foot a{margin-left:20px}@media(max-width:850px){.top{display:none}.links a:not(.btn){display:none}.hero-grid,.split,.case,.contact{grid-template-columns:1fr}.panel{display:block;margin-top:12px}.terminal-body{padding:28px 24px;font-size:15px}.terminal-head{padding:17px 22px}.services,.pricing{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step{border-bottom:1px solid var(--line)}.bar .wrap{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.cta .wrap{display:block}.cta .btn{margin-top:25px}.section{padding:68px 0}}@media(max-width:560px){.process,.checks,.form{grid-template-columns:1fr}.form .wide{grid-column:auto}.bar .wrap{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.hero{padding:65px 0}.hero h1{font-size:44px}.proof{display:grid;gap:8px}.nav{height:70px}}

.page-hero{padding:72px 0 58px}
.page-hero h1{max-width:900px}
.page-lead{max-width:850px;font-size:19px;line-height:1.75;color:#b9c8d8}
.content-wrap{max-width:920px;margin:0 auto}
.content-wrap h2{margin-top:48px}
.content-wrap p,.content-wrap li{color:#b9c8d8;line-height:1.8}
.content-wrap ul{padding-left:22px}
.breadcrumbs{font-size:13px;color:#8eb2df;margin-bottom:20px}
.breadcrumbs a{color:#8eb2df}
.seo-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:28px 0}
.seo-card{padding:22px;border:1px solid #23415f;border-radius:14px;background:#071426}
.seo-card p{margin-bottom:0}
.callout{padding:28px;border:1px solid #23415f;border-radius:16px;background:#071426;margin:34px 0}
.toplinks{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.toplinks a{font-size:13px;color:#cbd5e1}
.site-footer{border-top:1px solid #17304b;margin-top:70px;padding:30px 0;color:#8da0b2;font-size:13px}
@media(max-width:900px){.toplinks{display:none}}

/* --- AccessPunt page additions --- */

:root{--ink:#e5e7eb;--navy:#020617;--teal:#3b82f6;--teal2:#60a5fa;--paper:#07111f;--muted:#9ca3af;--line:#1e293b;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#020617;line-height:1.65}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.top{font-size:13px;background:#07111d;color:#aebbc7;padding:8px 0}.top .wrap{display:flex;justify-content:flex-end;gap:25px}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.header{position:sticky;top:0;z-index:20;background:rgba(2,6,23,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.logo{font-size:25px;font-weight:850;letter-spacing:-1px}.logo b{color:var(--teal)}.logo small{display:block;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#94a3b8;font-weight:700;margin-top:-5px}.links{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:650}.links a:hover{color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:6px;font-weight:750;border:1px solid transparent}.btn.primary{background:var(--teal);color:#fff}.btn.primary:hover{background:#007873}.btn.outline{border-color:#334155;color:#e5e7eb;background:#0f172a}.hero{padding:92px 0 78px;background:radial-gradient(circle at 78% 15%,rgba(59,130,246,.14),transparent 32%),linear-gradient(180deg,#020617 0,#07111f 100%)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:78px;align-items:center}.label{display:inline-block;color:var(--teal);font-size:12px;text-transform:uppercase;letter-spacing:1.8px;font-weight:850}.hero h1{font-size:clamp(43px,5.4vw,67px);line-height:1.05;letter-spacing:-2.8px;margin:14px 0 22px}.hero h1 em{font-style:normal;color:var(--teal)}.hero p{font-size:19px;color:var(--muted);max-width:700px;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.proof{display:flex;gap:28px;margin-top:38px;color:#94a3b8;font-size:13px}.proof span:before{content:'✓';color:var(--teal);font-weight:900;margin-right:7px}.panel{background:#020b18;color:#fff;padding:0;border:1px solid #23415f;border-radius:18px;box-shadow:0 28px 70px rgba(0,0,0,.42);overflow:hidden}.terminal-head{padding:20px 26px;background:#102036;border-bottom:1px solid #20354e;color:#8eb2df;font-size:17px}.terminal-body{padding:38px 42px 34px;font-family:Consolas,"SFMono-Regular",Menlo,monospace;font-size:18px;line-height:1.65}.terminal-command{color:#60a5fa;font-weight:700;margin:0 0 8px}.terminal-row{display:grid;grid-template-columns:1fr auto;gap:22px;color:#d5e4f5}.terminal-ok{color:#34e8ad}.terminal-gap{height:22px}.terminal-done{color:#34e8ad;font-weight:700;margin-top:4px}.cursor{display:inline-block;width:9px;height:20px;background:#93c5fd;vertical-align:-3px;margin-left:7px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bar .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:21px 24px;text-align:center;border-right:1px solid var(--line);font-size:14px;font-weight:700}.metric:last-child{border:0}.section{padding:92px 0}.alt{background:var(--paper)}.head{max-width:760px;margin-bottom:44px}.head h2{font-size:clamp(31px,4vw,46px);line-height:1.13;letter-spacing:-1.6px;margin:8px 0 12px}.head p{color:var(--muted);font-size:18px;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{background:#0f172a;border:1px solid var(--line);padding:32px;border-radius:8px}.service .nr{font-size:12px;color:var(--teal);font-weight:900;letter-spacing:1px}.service h3{font-size:21px;margin:13px 0 8px}.service p{color:var(--muted);margin:0 0 18px}.service a{color:var(--teal);font-weight:750;font-size:14px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}.quote{font-size:30px;line-height:1.28;letter-spacing:-.8px;font-weight:760;margin:12px 0 18px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{background:#0f172a;border:1px solid var(--line);padding:16px;border-radius:6px;font-size:14px}.check:before{content:'✓';color:var(--teal);font-weight:900;margin-right:9px}.process{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#0f172a}.step{padding:28px;border-right:1px solid var(--line)}.step:last-child{border:0}.step strong{display:block;color:var(--teal);font-size:12px;letter-spacing:1.2px}.step h3{margin:10px 0 8px}.step p{font-size:14px;color:var(--muted);margin:0}.case{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--navy);color:#fff;padding:48px;border-radius:10px}.case h2{font-size:35px;line-height:1.15;margin:8px 0 15px}.case p{color:#aebdca}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{border:1px solid #334155;padding:7px 10px;border-radius:4px;font-size:12px;color:#dbeafe}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price{background:#0f172a;border:1px solid var(--line);padding:30px;border-radius:8px}.price.featured{border-top:4px solid var(--teal)}.price h3{margin:0}.amount{font-size:33px;font-weight:850;letter-spacing:-1px;margin:13px 0 3px}.price p{color:var(--muted);font-size:14px}.price ul{padding:0;list-style:none;font-size:14px}.price li{margin:8px 0}.price li:before{content:'✓';color:var(--teal);margin-right:8px;font-weight:900}.cta{background:linear-gradient(135deg,#0b3b8f,#1d4ed8);color:#fff;padding:65px 0}.cta .wrap{display:flex;justify-content:space-between;gap:40px;align-items:center}.cta h2{font-size:36px;line-height:1.15;margin:0 0 8px}.cta p{margin:0;color:#dbeafe}.cta .btn{background:#0f172a;color:var(--ink)}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form .wide{grid-column:1/-1}.form input,.form textarea,.form select{width:100%;padding:14px;border:1px solid #334155;border-radius:5px;font:inherit;background:#0f172a}.form textarea{min-height:145px;resize:vertical}.form button{cursor:pointer}.small{font-size:13px;color:var(--muted)}footer{background:#01040d;color:#93a4b3;padding:38px 0;font-size:13px}.foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.foot .logo{color:#fff}.foot a{margin-left:20px}@media(max-width:850px){.top{display:none}.links a:not(.btn){display:none}.hero-grid,.split,.case,.contact{grid-template-columns:1fr}.panel{display:block;margin-top:12px}.terminal-body{padding:28px 24px;font-size:15px}.terminal-head{padding:17px 22px}.services,.pricing{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step{border-bottom:1px solid var(--line)}.bar .wrap{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.cta .wrap{display:block}.cta .btn{margin-top:25px}.section{padding:68px 0}}@media(max-width:560px){.process,.checks,.form{grid-template-columns:1fr}.form .wide{grid-column:auto}.bar .wrap{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.hero{padding:65px 0}.hero h1{font-size:44px}.proof{display:grid;gap:8px}.nav{height:70px}}

/* =========================================================
   ACCESSPUNT - CONTACTFORMULIER
   Complete override voor goede leesbaarheid op donkere basis
   ========================================================= */

input,
select,
textarea {
    width: 100%;
    box-sizing: border-box;
    background: #111c30;
    color: #f1f5f9;
    border: 1px solid #334a68;
    border-radius: 8px;
    font: inherit;
    font-size: 17px;
    line-height: 1.45;
    padding: 18px 20px;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

input,
select {
    min-height: 58px;
}

textarea {
    min-height: 180px;
    resize: vertical;
}

input::placeholder,
textarea::placeholder {
    color: #9fb0c5;
    opacity: 1;
}

select {
    color: #dbe7f5;
    cursor: pointer;
    color-scheme: dark;
}

select:invalid {
    color: #9fb0c5;
}

select option {
    background: #111c30;
    color: #f1f5f9;
}

input:hover,
select:hover,
textarea:hover {
    border-color: #496584;
}

input:focus,
select:focus,
textarea:focus {
    background: #14223a;
    color: #ffffff;
    border-color: #3b82f6;
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .14);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-text-fill-color: #f1f5f9;
    -webkit-box-shadow: 0 0 0 1000px #111c30 inset;
    caret-color: #ffffff;
    transition: background-color 9999s ease-out 0s;
}

form button,
form .btn,
button[type="submit"],
input[type="submit"] {
    width: 100%;
    min-height: 58px;
    border: 0;
    border-radius: 8px;
    background: #3b82f6;
    color: #ffffff;
    font-weight: 700;
    cursor: pointer;
}

form button:hover,
form .btn:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
    background: #4b8df8;
}

.form-note,
.form-consent,
form small {
    color: #9fb0c5;
    line-height: 1.7;
}

@media (max-width: 700px) {
    input,
    select,
    textarea {
        font-size: 16px;
        padding: 16px;
    }

    textarea {
        min-height: 160px;
    }
}

.website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
form label{display:block;margin:0 0 8px;color:#dbe7f5;font-weight:600}


/* Contactformulier statusmelding */
.form-status {
  display: none;
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 8px;
  line-height: 1.5;
}
.form-status.success,
.form-status.error {
  display: block;
}
.form-status.success {
  border: 1px solid rgba(34, 197, 94, .45);
  background: rgba(34, 197, 94, .10);
}
.form-status.error {
  border: 1px solid rgba(239, 68, 68, .45);
  background: rgba(239, 68, 68, .10);
}
form button[disabled] {
  opacity: .7;
  cursor: wait;
}