:root{--melk:#ffffff;--wolk:#f3f3f7;--room:#fdf6e9;--zand:#f5e7c8;--lak:#23222b;--rook:#75747f;--lijn:#e7e5ea;--nitro:#e8334a;--nitro-diep:#c9203a;--vonkgoud:#f0b23c;--asfalt:#1f1e26;--bordeaux:#3a1c28;--bordeaux-diep:#221019;--machletter:'Montserrat',sans-serif;--leesschrift:'Montserrat',sans-serif;--baanbreedte:1240px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--leesschrift);background:var(--wolk);color:var(--lak);font-size:16px;line-height:1.65}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
main{display:block}

.gas{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--machletter);font-weight:700;font-size:13px;letter-spacing:.04em;border-radius:999px;padding:12px 26px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap}
.gas-nitro{background:var(--nitro);color:#fff;box-shadow:0 6px 16px rgba(232,51,74,.28)}
.gas-nitro:hover{background:var(--nitro-diep);transform:translateY(-1px)}
.gas-omtrek{border:1.6px solid var(--lak);color:var(--lak);background:transparent}
.gas-omtrek:hover{background:var(--lak);color:#fff}
.gas-groot{font-size:14px;padding:15px 34px}
.gas-klein{font-size:12px;padding:10px 20px}

.toren{background:var(--melk);border-bottom:1px solid var(--lijn);position:sticky;top:0;z-index:60}
.toren-rij{max-width:var(--baanbreedte);margin:0 auto;padding:0 20px;height:66px;display:flex;align-items:center;gap:26px}
.jetmerk{flex:0 0 auto}
.jetmerk-naam{display:inline-flex;align-items:center;gap:7px;font-family:var(--machletter);font-style:italic;font-weight:800;font-size:24px;color:var(--nitro);letter-spacing:.01em;white-space:nowrap}
.jetmerk-naam b{color:var(--lak);font-weight:800;margin-left:1px}
.jetmerk-naam i{font-style:italic;font-weight:800;font-size:13px;color:var(--rook);letter-spacing:.22em;text-transform:uppercase;margin-left:8px}
.taxibaan{flex:1 1 auto}
.taxibaan ul{display:flex;list-style:none;gap:4px;flex-wrap:nowrap}
.taxibaan a{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:9px 11px;border-radius:8px;color:var(--lak);white-space:nowrap}
.taxibaan a:hover{color:var(--nitro)}
.taxibaan a.gekozen{color:var(--nitro)}
.toren-acties{display:flex;align-items:center;gap:12px;margin-left:auto}
.zoeklamp{display:inline-flex;padding:9px;border-radius:50%;color:var(--lak)}
.zoeklamp:hover{background:var(--wolk)}
.gasgreep{display:none;border:0;background:transparent;color:var(--lak);padding:9px;border-radius:9px;cursor:pointer}
.gasgreep:hover{background:var(--wolk)}

.pitstraat{position:fixed;inset:0;z-index:90}
.pitstraat-scherm{position:absolute;inset:0;background:rgba(24,20,28,.5)}
.pitstraat-vak{position:absolute;top:0;right:0;bottom:0;width:min(320px,86vw);background:var(--melk);z-index:1;display:flex;flex-direction:column;padding:18px 22px 26px;overflow-y:auto;box-shadow:-14px 0 40px rgba(0,0,0,.18)}
.pitstraat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.pitstraat-top .jetmerk-naam{font-size:19px}
.pitstraat nav ul{list-style:none}
.pitstraat nav a{display:block;padding:11px 4px;font-weight:600;font-size:15px;border-bottom:1px solid var(--lijn)}
.pitstraat nav a.gekozen{color:var(--nitro)}
.pitstraat-actie{margin-top:18px}

.startbaan{position:relative;overflow:hidden;background:var(--room)}
.startbaan-doek{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.startbaan-veld{position:relative;max-width:var(--baanbreedte);margin:0 auto;padding:54px 20px 60px;display:flex;align-items:center;gap:40px}
.startbaan-station{flex:1 1 auto;max-width:560px}
.vlamspoor{display:block;font-family:var(--machletter);font-weight:800;font-size:clamp(16px,2.2vw,26px);letter-spacing:.06em;color:var(--nitro);margin-bottom:8px}
.machkop{display:block;font-family:var(--machletter);font-weight:800;font-size:clamp(30px,4.6vw,54px);line-height:1.08;letter-spacing:.01em;color:var(--lak);text-transform:uppercase}
.machkop-tot{font-style:normal;font-weight:600;font-size:.42em;letter-spacing:.08em;color:var(--lak);vertical-align:.42em;margin-right:2px}
.machsub{margin-top:14px;font-size:15px;font-weight:500;color:#4d4c58;max-width:430px}
.startbaan-acties{display:flex;align-items:center;gap:20px;margin-top:24px;flex-wrap:wrap}
.toerenteller{display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:#4d4c58}
.toerenpunt{width:9px;height:9px;border-radius:50%;background:#2fbf71;margin-right:8px;box-shadow:0 0 0 4px rgba(47,191,113,.16)}
.leeftijdsregel{margin-top:22px;font-size:12px;color:var(--rook);display:flex;align-items:center;gap:8px}
.schijf18{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--lak);color:#fff;font-size:10.5px;font-weight:800;flex:0 0 auto}
.jetvenster{flex:0 0 44%;max-width:500px;transition:transform .2s ease}
.jetvenster:hover{transform:translateY(-4px)}
.jetvenster img{width:100%;height:auto;filter:drop-shadow(0 26px 34px rgba(90,52,20,.30))}

.vloot,.tankstops,.motorenpark,.telemetrie{max-width:var(--baanbreedte);margin:0 auto;padding:26px 20px 6px;position:relative}
.vloot-kop{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.vloot-streep{width:5px;height:22px;border-radius:3px;background:var(--nitro)}
.vloot-titel{font-family:var(--machletter);font-weight:800;font-size:19px;letter-spacing:.08em;color:var(--lak)}
.vloot-alles{margin-left:auto;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;color:var(--lak)}
.vloot-alles:hover{color:var(--nitro)}
.vloot-strook{display:grid;grid-auto-flow:column;grid-auto-columns:196px;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:14px;scrollbar-width:thin}
.vloot-pijl{position:absolute;top:52%;width:38px;height:38px;border-radius:50%;border:0;background:var(--melk);color:var(--lak);font-size:22px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(20,18,26,.18);display:flex;align-items:center;justify-content:center;z-index:5}
.vloot-pijl:hover{background:var(--lak);color:#fff}
.vloot-pijl--l{left:6px}
.vloot-pijl--r{right:6px}
.jetkaart{scroll-snap-align:start;background:var(--melk);border-radius:14px;padding:10px 10px 12px;box-shadow:0 3px 12px rgba(28,24,36,.07);transition:transform .16s ease,box-shadow .16s ease;display:block}
.jetkaart:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(28,24,36,.14)}
.jetkaart-beeld{position:relative;display:block;border-radius:9px;overflow:hidden}
.jetkaart-beeld img{width:100%;height:auto;aspect-ratio:302/423}
.jetkaart-naam{display:block;margin-top:9px;font-size:13.5px;font-weight:700;color:var(--lak);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jetkaart-huis{display:block;font-size:12px;color:var(--rook);margin-top:2px}
.tankstops{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:32px;padding-bottom:10px}
.tankstop{position:relative;border-radius:16px;overflow:hidden;min-height:230px;display:block;box-shadow:0 4px 16px rgba(28,24,36,.08)}
.tankstop-doek{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tankstop-tekst{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:26px 26px 24px;max-width:62%}
.tankstop-kop{font-family:var(--machletter);font-weight:800;font-size:20px;line-height:1.2;color:var(--lak)}
.tankstop-zin{font-size:13px;font-weight:500;color:#4d4c58}
.tankstop .gas{margin-top:8px}

.motorenpark-rij{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;padding-bottom:12px}
.motorblok{background:var(--melk);border-radius:12px;padding:16px 14px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(28,24,36,.06);transition:transform .15s ease}
.motorblok:hover{transform:translateY(-3px)}
.motorblok img{width:auto;height:44px;max-width:100%;object-fit:contain}

.telemetrie{padding-bottom:16px}
.telemetrie-vlak{display:grid;grid-template-columns:330px 1fr;gap:22px;background:linear-gradient(150deg,var(--bordeaux) 0%,var(--bordeaux-diep) 78%);border-radius:18px;padding:26px;box-shadow:0 10px 30px rgba(34,16,25,.35)}
.cijferbord{border:1px solid rgba(240,178,60,.55);border-radius:14px;padding:24px 22px;display:flex;flex-direction:column;gap:14px;align-items:center;background:radial-gradient(120% 90% at 50% 0%,rgba(240,178,60,.12) 0%,rgba(240,178,60,0) 60%)}
.cijferbord-logo{display:flex;align-items:center;gap:8px;font-family:var(--machletter);font-style:italic;font-weight:800;font-size:24px;color:var(--vonkgoud);letter-spacing:.03em;margin-bottom:6px}
.cijferbord-logo b{color:#fff;font-weight:800}
.meterstrip{width:100%;border:1.5px solid rgba(240,178,60,.65);background:linear-gradient(180deg,rgba(198,84,84,.34),rgba(148,42,52,.42));border-radius:999px;padding:13px 16px 11px;text-align:center;position:relative}
.meterstrip-tag{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--zand);color:var(--bordeaux-diep);font-size:9.5px;font-weight:800;letter-spacing:.1em;border-radius:999px;padding:2px 10px;white-space:nowrap}
.meterstrip-waarde{font-family:var(--machletter);font-weight:800;font-size:21px;color:#fff}
.cijferbord-regel{font-size:11px;color:rgba(255,236,214,.72);text-align:center}
.telemetrie-hal{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.telemetrie-hal .jetkaart{background:rgba(255,255,255,.06);padding:8px}
.telemetrie-hal .jetkaart:hover{box-shadow:0 10px 24px rgba(0,0,0,.35)}

.leesdok{max-width:var(--baanbreedte);margin:0 auto;padding:34px 20px 46px}
.logboek{background:var(--melk);border-radius:18px;padding:clamp(24px,4vw,54px);box-shadow:0 4px 18px rgba(28,24,36,.06)}
.logboek h1{font-family:var(--machletter);font-weight:800;font-size:clamp(25px,3.4vw,36px);line-height:1.18;margin-bottom:18px}
.logboek h2{font-family:var(--machletter);font-weight:800;font-size:clamp(20px,2.6vw,27px);line-height:1.25;margin:34px 0 14px;padding-left:14px;border-left:5px solid var(--nitro)}
.logboek h3{font-family:var(--machletter);font-weight:700;font-size:19px;margin:26px 0 10px}
.logboek h4{font-weight:700;font-size:16px;margin:20px 0 8px}
.logboek p{margin:0 0 14px;color:#3c3b46}
.logboek ul,.logboek ol{margin:0 0 16px;padding-left:24px;color:#3c3b46}
.logboek li{margin-bottom:7px}
.logboek strong{color:var(--lak)}
.logboek a{color:var(--nitro);text-decoration:underline;text-underline-offset:2px}
.machvraag{position:relative;padding:14px 16px;background:var(--wolk);border-radius:10px;border-left:4px solid var(--vonkgoud)}
.machvraag+p,.machvraag+ul{padding:2px 16px 0}
.glijrail{overflow-x:auto;margin:0 0 18px;border:1px solid var(--lijn);border-radius:12px}
.glijrail table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}
.glijrail th{background:var(--asfalt);color:#fff;text-align:left;padding:11px 14px;font-weight:700;white-space:nowrap}
.glijrail td{padding:10px 14px;border-top:1px solid var(--lijn);color:#3c3b46;vertical-align:top}
.glijrail tr:nth-child(even) td{background:#fafafc}

.paddock{background:linear-gradient(180deg,#fbf5e7 0%,var(--room) 100%);border-top:1px solid #efe6d2;margin-top:16px}
.paddock-kern{max-width:var(--baanbreedte);margin:0 auto;padding:52px 20px 26px}
.paddock-kolommen{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) minmax(220px,1.35fr);gap:30px}
.paddock-kop{display:inline-block;font-family:var(--machletter);font-weight:800;font-size:13px;letter-spacing:.09em;text-transform:uppercase;padding-bottom:7px;border-bottom:2.5px solid var(--nitro);margin-bottom:13px}
.paddock ul{list-style:none}
.paddock li{margin-bottom:9px}
.paddock-kolommen a{font-size:13.5px;font-weight:500;color:#4d4c58}
.paddock-kolommen a:hover{color:var(--nitro)}
.paddock-colofon p{font-size:12.5px;line-height:1.7;color:#5c5b66}
.colofon-sein{color:var(--nitro)}
.betaalstrook{display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap;margin-top:44px;padding-top:26px;border-top:1px solid #eee3cd}
.betaalstrook img{width:auto;height:30px;filter:grayscale(1);opacity:.72}
.motorbalk{background:var(--melk);border-top:1px solid var(--lijn);display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap;padding:24px 20px}
.motorbalk img{width:auto;height:34px}
.keurstrook{background:var(--melk);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 16px;padding:2px 20px 20px;color:var(--rook)}
.keurstrook-tekst{font-size:12px;font-weight:700;letter-spacing:.08em}
.keurstrook-merk{font-size:15px;font-weight:500}
.keurstrook-merk b{font-weight:800}
.keurstrook img{width:auto;height:26px;opacity:.85}
.schijf18--voet{background:#4d4c58}
.paddock-onderrand{background:var(--asfalt);color:#b9b7c2;text-align:center;padding:18px 20px 22px;font-size:12px}
.paddock-onderrand a{color:#d9d7e0}
.paddock-onderrand a:hover{color:#fff}
.paddock-linkregel{margin:6px 0}
.paddock-eindregel{color:#8d8b98}

.noodlanding{max-width:var(--baanbreedte);margin:0 auto;padding:70px 20px}
.noodlanding-vak{background:var(--melk);border-radius:18px;padding:60px 30px;text-align:center;box-shadow:0 4px 18px rgba(28,24,36,.06)}
.noodlanding-cijfer{font-family:var(--machletter);font-style:italic;font-weight:800;font-size:clamp(70px,12vw,120px);color:var(--nitro);display:block;line-height:1}
.noodlanding-vak h1{font-family:var(--machletter);font-weight:800;font-size:26px;margin:10px 0 12px}
.noodlanding-vak p{color:#4d4c58;max-width:460px;margin:0 auto}
.noodlanding-uitweg{display:flex;justify-content:center;gap:14px;margin-top:26px;flex-wrap:wrap}

@media(max-width:1120px){
.taxibaan a{padding:9px 7px;font-size:12px}
.motorenpark-rij{grid-template-columns:repeat(4,1fr)}
.telemetrie-vlak{grid-template-columns:290px 1fr}
.telemetrie-hal{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
.taxibaan{display:none}
.gasgreep{display:inline-flex}
.zoeklamp{display:none}
.gas-omtrek.gas-omtrek{display:none}
.toren-rij{height:60px;gap:12px}
.toren-acties{gap:9px}
.toren-aanmeld{padding:10px 18px;font-size:12px}
.startbaan-veld{flex-direction:column;align-items:flex-start;padding:40px 20px 46px;gap:30px}
.jetvenster{flex:0 0 auto;width:100%;max-width:520px;align-self:center}
.tankstops{grid-template-columns:1fr;padding-top:24px}
.tankstop-tekst{max-width:58%}
.telemetrie-vlak{grid-template-columns:1fr;padding:20px}
.telemetrie-hal{grid-template-columns:repeat(4,minmax(140px,1fr));overflow-x:auto}
.paddock-kolommen{grid-template-columns:repeat(2,1fr)}
.paddock-colofon{grid-column:1/-1}
}
@media(max-width:640px){
.motorenpark-rij{grid-template-columns:repeat(2,1fr)}
.telemetrie-hal{grid-template-columns:repeat(2,1fr)}
.vloot-strook{grid-auto-columns:162px}
.vloot-pijl{display:none}
.tankstop-tekst{max-width:72%}
.tankstop{min-height:200px}
.betaalstrook{gap:22px}
.betaalstrook img{height:24px}
.motorbalk{gap:22px}
.motorbalk img{height:26px}
.paddock-kolommen{gap:22px}
}
@media(max-width:470px){
.jetmerk-naam{font-size:19px}
.jetmerk-naam i{font-size:10px;letter-spacing:.14em;margin-left:5px}
.toren-aanmeld{padding:9px 13px;font-size:11px;gap:5px}
.toren-rij{gap:8px;padding:0 14px}
.machsub{font-size:14px}
}
@media(max-width:380px){
.jetmerk-naam i{display:none}
.jetmerk-naam{font-size:18px}
.toren-aanmeld svg{display:none}
}