:root{--ink:#171a22;--ink-soft:#303441;--muted:#69717c;--paper:#fbfaf6;--surface:#fff;--mist:#eef4f6;--line:#dbe6e8;--brand:#075f86;--brand-deep:#04384f;--brand-dark:#06283a;--brand-light:#4aa3d8;--accent:#f5bd18;--accent-soft:#fff1bd;--radius-sm:12px;--radius:22px;--radius-lg:34px;--shadow:0 24px 70px #06283a29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);letter-spacing:0;background:radial-gradient(circle at 8% 12%,#4aa3d81f,#0000 24rem),linear-gradient(#fbfaf6 0%,#f3f7fb 100%);margin:0;font-family:Poppins,Arial,Helvetica,sans-serif}body:before{z-index:-1;pointer-events:none;opacity:.38;content:"";background-image:linear-gradient(115deg,#0000 0 47%,#075f8614 47.2% 47.7%,#0000 48% 100%),linear-gradient(115deg,#0000 0 57%,#06283a0d 57.2% 57.45%,#0000 57.8% 100%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);background:#fbfaf6db;border-bottom:1px solid #dbe6e8e6;grid-template-columns:minmax(190px,auto) minmax(0,1fr) auto;align-items:center;gap:clamp(18px,3vw,44px);min-height:86px;padding:12px clamp(18px,4vw,58px);display:grid;position:sticky;top:0}.site-header:after{content:"";background:linear-gradient(90deg,#0000,#075f8642,#4aa3d838,#0000);height:1px;position:absolute;bottom:-1px;left:clamp(18px,4vw,58px);right:clamp(18px,4vw,58px)}.brand-cluster{align-items:center;gap:16px;min-width:0;display:flex}.brand{background:#ffffffc2;border:1px solid #075f8621;border-radius:999px;flex:none;align-items:center;padding:8px 14px 8px 10px;display:flex;box-shadow:0 16px 38px #06283a14}.brand img{filter:drop-shadow(0 8px 16px #075f8624);width:154px;height:auto}.brand-tagline{max-width:150px;color:var(--brand);text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.25;display:inline-flex}.nav{justify-content:center;align-items:center;gap:clamp(14px,2.2vw,30px);min-width:0;display:flex}.nav a{min-height:42px;color:var(--ink-soft);text-transform:uppercase;white-space:nowrap;align-items:center;font-size:12px;font-weight:800;transition:color .18s,transform .18s;display:inline-flex;position:relative}.nav a:before{background:var(--accent);content:"";border-radius:999px;width:0;height:3px;transition:width .18s;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.nav a:hover{color:var(--brand);transform:translateY(-1px)}.nav a:hover:before,.nav a.active:before,.nav a[aria-current=page]:before{width:22px}.nav a.active,.nav a[aria-current=page]{color:var(--brand)}.header-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.contact-link{min-height:42px;color:var(--brand);white-space:nowrap;background:#ffffff9e;border:1px solid #075f862e;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:900;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.contact-link:hover{background:#fff;transform:translateY(-1px);box-shadow:0 14px 28px #075f861a}.button{border:1px solid var(--accent);background:var(--accent);color:#241b05;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 20px;font-size:13px;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 16px 34px #f5bd1852}.button.small{text-transform:uppercase;min-height:42px;padding:0 18px;font-size:11px}.button.outline{color:var(--ink);background:#ffffff9e;border-color:#06283a47}.button.outline:hover{border-color:var(--brand);background:#fff;box-shadow:0 16px 34px #075f861f}.button.dark{border-color:var(--brand-dark);background:var(--brand-dark);color:#fff}.icon-button{width:46px;height:46px;color:var(--brand);background:#fff;border:1px solid #075f862e;border-radius:50%;place-items:center;display:none;box-shadow:0 12px 28px #06283a1f}.hero{isolation:isolate;align-items:center;min-height:calc(100svh - 86px);padding:clamp(64px,8vw,108px) clamp(20px,8vw,104px);display:flex;position:relative;overflow:hidden}.automatic-hero{grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:clamp(28px,6vw,92px);display:grid}.hero:before{z-index:-3;content:"";background-position:50%;background-size:cover;position:absolute;inset:0}.hero:after{z-index:-2;content:"";background:linear-gradient(90deg,#fbfaf6fa 0%,#fbfaf6e6 28%,#fbfaf661 53%,#fbfaf60a 78%),linear-gradient(#fbfaf605,#06283a2e);position:absolute;inset:0}.automatic-hero:after{background:linear-gradient(90deg,#fbfaf6f7 0%,#fbfaf6db 30%,#fbfaf63d 54%,#06283a57 100%),radial-gradient(circle at 21% 47%,#fbfaf68c,#0000 24rem),linear-gradient(#fbfaf600,#06283a4d)}.hero .hero-copy:before{background:var(--accent);content:"";border-radius:999px;width:82px;height:6px;margin-bottom:24px;display:block}.home-hero:before{background-image:url(/marcel-assets/hero-driving-school.png)}.automatic-hero:before{background-image:url(/marcel-assets/hero-automaat.png);background-position:58%}.automatic-hero .hero-copy{width:min(540px,100%);transform:translateY(-18px)}.automatic-hero h1{max-width:540px;font-size:clamp(42px,4.25vw,64px);line-height:.96}.automatic-hero .hero-copy:before{width:70px}.theory-hero:before{background-image:url(/marcel-assets/hero-theorie.png)}.hero-copy{width:min(570px,100%);animation:.7s both riseIn}.eyebrow{color:var(--brand);text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{color:#202331;margin-bottom:22px;font-size:clamp(42px,5.6vw,76px);line-height:.94}h2{color:#202331;margin-bottom:14px;font-size:clamp(30px,4vw,52px);line-height:1}h3{color:#202331;margin-bottom:10px;font-size:20px}p{color:var(--muted);line-height:1.7}.hero-copy p{color:#58626e;max-width:540px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero-note{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffbd;border:1px solid #ffffff6b;border-radius:22px;width:min(274px,28vw);padding:22px;animation:.76s .12s both floatIn;position:relative;top:auto;right:auto;box-shadow:0 18px 52px #06283a3d}.automatic-hero .hero-note{place-self:center end;width:min(100%,292px);transform:translateY(-24px)}.hero-note strong{color:var(--ink);margin-bottom:12px;display:block}.hero-note .check-list{margin:0}.section,.split-section,.contact-strip,.page-title{padding:clamp(70px,9vw,120px) clamp(20px,7vw,92px)}.section.no-top{padding-top:30px}.centered,.centered-text,.page-title{text-align:center}.centered>p,.page-title>p,.section-heading p{max-width:690px;margin-inline:auto}.page-title{background:linear-gradient(#fbfaf6f7,#eef4f6f5),url(/marcel-assets/hero-driving-school.png) 50%/cover;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.page-title:after{content:"";background:#075f8614;border-radius:50%;width:70vw;height:160px;position:absolute;bottom:-80px;left:50%;transform:translate(-50%)}.page-title h1{margin-bottom:16px;font-size:clamp(42px,5.4vw,74px)}.feature-grid,.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:44px;display:grid}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.price-card,.benefit-layout article,.theory-panel,.exam-card,.contact-strip{border-radius:var(--radius);background:#ffffffd1;border:1px solid #075f861f;box-shadow:0 18px 50px #06283a14}.feature-card{text-align:left;padding:28px;transition:transform .18s,border-color .18s,box-shadow .18s}.feature-card:hover{border-color:#f5bd18b8;transform:translateY(-5px);box-shadow:0 24px 60px #06283a1f}.feature-card svg,.benefit-layout svg,.stat-list svg,.theory-panel svg,.exam-card svg{color:var(--brand)}.feature-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.section-heading{max-width:760px}.price-card{flex-direction:column;min-height:440px;padding:34px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.price-card:before{background:linear-gradient(90deg, var(--brand), #1d7ca9);content:"";height:7px;position:absolute;inset:0 0 auto}.price-card:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.price-card.featured{background:linear-gradient(#fff1bd70,#ffffffe0),#fff;border-color:#f5bd18d9}.price-card.featured:before{background:var(--accent)}.price-card strong{color:var(--brand-dark);margin:14px 0 6px;font-size:36px;line-height:1;display:block}.price-card .button{margin-top:auto}.badge{background:var(--brand-dark);color:#fff;text-transform:uppercase;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:900;position:absolute;top:18px;right:18px}.muted{color:var(--muted);font-size:12px}.check-list{color:var(--muted);gap:12px;margin:22px 0 30px;padding:0;font-size:14px;list-style:none;display:grid}.check-list li{align-items:flex-start;gap:10px;display:flex}.check-list svg{color:var(--accent);flex:none;margin-top:2px}.image-feature-grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:44px;display:grid}.image-feature-grid article{border-radius:var(--radius-lg);background:var(--surface);border:1px solid #075f861f;overflow:hidden;box-shadow:0 22px 55px #06283a1a}.image-feature-grid img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.image-feature-grid h3,.image-feature-grid p{padding-inline:24px}.image-feature-grid h3{margin-top:24px}.image-feature-grid p{padding-bottom:26px}.split-section{background:linear-gradient(135deg, var(--brand-dark), #064866 58%, #075f86);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(30px,6vw,80px);display:grid;position:relative;overflow:hidden}.split-section h2,.split-section p{color:#fff}.split-section .eyebrow{color:var(--accent)}.split-section:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:52vw;height:52vw;position:absolute;bottom:-36%;right:-12%}.stat-list{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid;position:relative}.stat-list div{border-radius:var(--radius);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff29;align-items:center;gap:14px;min-height:112px;padding:24px;font-weight:900;display:flex}.stat-list svg{color:var(--accent)}.contact-strip{background:linear-gradient(105deg,#fffffffa 0%,#ffffffe6 50%,#fff1bdd1 100%),url(/marcel-assets/hero-driving-school.png) 50%/cover;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:22px;margin:clamp(22px,5vw,54px) clamp(20px,7vw,88px);padding:clamp(30px,5vw,48px);display:grid}.phone{color:var(--brand);white-space:nowrap;align-items:center;gap:8px;font-weight:900;display:inline-flex}.benefit-layout{text-align:left;grid-template-columns:1.1fr 1fr 1fr;grid-template-areas:"lead one two""lead three four";gap:18px;margin-top:44px;display:grid}.benefit-layout article{background:#ffffffe6;min-height:188px;padding:28px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.benefit-layout article:after{content:"";background:#075f860f;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-50px;right:-44px}.benefit-layout article:hover{border-color:#075f863d;transform:translateY(-4px);box-shadow:0 26px 64px #06283a1f}.benefit-layout article>span{color:#075f8638;font-size:34px;font-weight:900;line-height:1;position:absolute;top:22px;right:24px}.benefit-layout svg{margin-bottom:22px}.benefit-layout .benefit-lead{background:linear-gradient(#06283ad1,#06283af0),url(/marcel-assets/hero-automaat.png) 62%/cover;flex-direction:column;grid-area:lead;justify-content:flex-end;min-height:100%;display:flex}.benefit-layout .benefit-lead:after{background:#f5bd1829}.benefit-layout .benefit-lead span{color:var(--accent);text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:900;position:static}.benefit-layout .benefit-lead h3{color:#fff;max-width:360px;font-size:clamp(30px,3vw,44px);line-height:1}.benefit-layout .benefit-lead p{color:#ffffffb8;max-width:410px}.benefit-layout article:nth-child(2){grid-area:one}.benefit-layout article:nth-child(3){grid-area:two}.benefit-layout article:nth-child(4){grid-area:three}.benefit-layout article:nth-child(5){grid-area:four}.exam-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:stretch;gap:24px;display:grid}.theory-panel,.exam-card{padding:clamp(30px,4vw,46px)}.theory-panel{background:linear-gradient(135deg,#fffffffa,#eef4f6eb)}.exam-card{text-align:center;background:linear-gradient(180deg, var(--brand-dark), var(--brand));flex-direction:column;justify-content:center;align-items:center;display:flex}.exam-card h2,.exam-card p,.exam-card strong{color:#fff}.exam-card svg{color:var(--accent)}.exam-card strong,.panel-bottom strong{font-size:36px}.panel-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;display:flex}.faq-section{padding-top:28px}.faq-list{text-align:left;width:min(760px,100%);margin:38px auto 0}details{border-radius:var(--radius-sm);background:#fffc;border:1px solid #075f861f;margin-bottom:12px;overflow:hidden}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:0 20px;font-weight:900;list-style:none;display:flex}summary::-webkit-details-marker{display:none}details p{margin:0;padding:0 20px 24px}.footer{color:#fff;background:radial-gradient(circle at 12% 10%,#4aa3d82e,#0000 24rem),linear-gradient(135deg,#041e2c,#062f44 52%,#064b68);padding:clamp(32px,6vw,76px) clamp(20px,7vw,88px)}.footer-cta{border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffffff17,#ffffff08),radial-gradient(circle at 12% 20%,#f5bd182e,#0000 22rem);border:1px solid #ffffff24;grid-template-columns:minmax(0,720px) auto;align-items:center;gap:clamp(22px,5vw,72px);margin-bottom:clamp(34px,5vw,58px);padding:clamp(28px,4vw,48px);display:grid;box-shadow:0 28px 80px #00000029}.footer-cta>div{gap:12px;display:grid}.footer-cta .eyebrow{color:var(--accent)}.footer-cta h2{color:#fff;margin-bottom:0;font-size:clamp(34px,4vw,56px)}.footer-cta p{color:#ffffffb8;max-width:560px;margin-bottom:0}.footer-cta .button{justify-self:end;width:auto;min-width:176px}.footer-main{border-top:1px solid #ffffff24;grid-template-columns:minmax(240px,1.3fr) repeat(3,minmax(130px,.5fr));gap:34px;padding-top:clamp(20px,4vw,38px);display:grid}.footer-logo{filter:drop-shadow(0 14px 28px #00000047);width:210px;max-width:100%;height:auto;margin-bottom:18px}.footer p{color:#ffffffb8;max-width:460px}.footer h3{color:#fff;text-transform:uppercase;margin-bottom:16px;font-size:13px}.footer a{color:#ffffffad;align-items:center;gap:8px;margin-bottom:11px;font-size:13px;transition:color .18s,transform .18s;display:flex}.footer a:hover{color:#fff;transform:translate(2px)}@keyframes riseIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1080px){.brand-tagline{display:none}.nav{gap:16px}.contact-link{display:none}}@media (max-width:860px){.site-header{grid-template-columns:minmax(0,1fr) auto;min-height:78px}.nav{display:none}.icon-button{display:grid}.hero{min-height:720px}.hero:after{background:linear-gradient(#fbfaf6fa 0%,#fbfaf6e6 52%,#fbfaf64d 100%),linear-gradient(90deg,#fbfaf6eb,#fbfaf614)}.hero-note{width:min(420px,100%);margin-top:30px;position:relative;top:auto;right:auto}.automatic-hero{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.automatic-hero .hero-copy{transform:none}.automatic-hero .hero-note{justify-self:start;transform:none}.feature-grid,.feature-grid.compact,.pricing-grid,.image-feature-grid,.split-section,.exam-layout,.contact-strip,.footer-cta,.footer-main{grid-template-columns:1fr}.contact-strip{margin-inline:20px}.footer-cta .eyebrow,.footer-cta h2,.footer-cta .button{justify-self:stretch}.benefit-layout{grid-template-columns:1fr;grid-template-areas:none}.benefit-layout article,.benefit-layout article:first-child,.benefit-layout article:nth-child(2),.benefit-layout article:nth-child(3),.benefit-layout article:nth-child(4),.benefit-layout article:nth-child(5){grid-area:auto;min-height:150px}}@media (max-width:620px){.site-header{min-height:72px;padding:8px 18px}.brand{padding:6px 10px 6px 7px}.brand img{width:145px}.hero{min-height:calc(100svh - 72px);padding:46px 20px}h1{font-size:clamp(38px,13vw,56px)}.hero-copy p{font-size:15px}.button{width:100%}.header-actions .button{display:none}.stat-list{grid-template-columns:1fr}.price-card{min-height:auto;padding:28px}.section,.split-section,.page-title{padding-inline:20px}}