@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600;700;800&family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--deep:#031a31;--navy:#062947;--teal:#0bb8b5;--cyan:#2ad1ca;--sky:#37aaf4;--yellow:#f7bd29;--coral:#ff7466;--paper:#f4f8fb;--ink:#08243e;--muted:#6d7c8a;--side:170px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:#fff;font-family:Vazirmatn,Inter,Tahoma,sans-serif}a{color:inherit}.shell{margin-inline-end:var(--side)}
.side-nav{position:fixed;z-index:80;inset-block:0;inset-inline-end:0;width:var(--side);padding:25px 16px;background:linear-gradient(#02182d,#062947);border-inline-start:1px solid #31516a}.brand{direction:ltr;text-decoration:none;display:inline-flex;align-items:baseline;position:relative;padding-bottom:10px;font:800 18px/1 Inter;letter-spacing:-1px;white-space:nowrap}.brand b{color:var(--cyan)}.brand small{font-size:8px;margin-left:2px}.brand i{position:absolute;bottom:2px;left:0;right:0;height:3px;background:linear-gradient(90deg,#111 0 33%,var(--yellow) 33% 66%,#ef3340 66%)}.side-nav nav{display:grid;gap:7px;margin-top:40px}.side-nav nav a{display:flex;align-items:center;gap:11px;padding:13px;border-radius:13px;text-decoration:none;font-size:14px;font-weight:700;color:#dbe7ef}.side-nav nav a span{width:26px;text-align:center;font:22px Inter;color:#b8cfdd}.side-nav nav a:hover,.side-nav nav .active{background:linear-gradient(135deg,#079fa7,var(--cyan));color:#fff;box-shadow:0 10px 25px #0018}
.utility{height:62px;position:absolute;z-index:20;top:0;left:0;right:var(--side);padding:0 25px;display:flex;align-items:center}.utility>div{display:flex;align-items:center;gap:15px}.utility a{text-decoration:none;font-size:13px;font-weight:800}.utility .lang{direction:ltr;border:1px solid #6f879b;border-radius:10px;padding:7px 11px}.join{padding:10px 16px;border-radius:9px;background:linear-gradient(135deg,var(--teal),#0799a4)}.utility button{display:none}
.hero{min-height:610px;position:relative;overflow:hidden}.photo,.shade{position:absolute;inset:0}.photo{background:url("../images/hero-brussels-driver.9b73235a0ef2.webp") left center/cover}.shade{background:linear-gradient(90deg,rgba(3,26,49,.08),rgba(3,26,49,.76) 48%,#031a31 74%)}[dir=ltr] .shade{transform:scaleX(-1)}.hero-copy{position:relative;z-index:2;width:57%;margin-left:auto;padding:115px clamp(35px,6vw,88px) 55px 20px}.hero-copy>span{color:var(--cyan);font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.72)}[dir=ltr] .hero-copy{margin-left:0;margin-right:auto;padding-left:clamp(35px,6vw,88px);padding-right:20px}.hero-copy h1,.hero-copy p{text-shadow:0 2px 14px rgba(0,0,0,.78)}.hero h1{font-size:clamp(38px,4.3vw,64px);line-height:1.36;margin:13px 0}.hero p{max-width:570px;font-size:18px;line-height:2;color:#e3edf3}.actions{display:flex;gap:13px;margin-top:26px}.actions a,.coach>a,.exam>a,.cta>a{padding:13px 23px;border:1px solid #9ab0bf;border-radius:9px;text-decoration:none;font-weight:800;text-align:center}.actions .primary,.coach>a,.exam>a{background:linear-gradient(135deg,var(--teal),#079ca6);border-color:transparent}.chips{display:flex;gap:9px;margin-top:32px}.chips b{font-size:12px;padding:7px 10px;border:1px solid #42617a;border-radius:8px;background:#082e4dd9}.chips b:nth-child(2){color:var(--yellow)}
.facts{position:relative;z-index:3;max-width:1050px;margin:-48px auto 0;padding:22px;background:#082e4d;border:1px solid #46657b;border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 18px 45px #0019}.facts div{display:flex;justify-content:center;align-items:center;gap:8px;border-inline-start:1px solid #36546b}.facts div:last-child{border:0}.facts b{font:800 24px Inter}.facts span{font-size:13px;color:#c5d6e0}
.paper{background:var(--paper);color:var(--ink);padding:82px clamp(28px,5vw,74px)}header+main section>header{text-align:center;margin-bottom:34px}section>header{text-align:center}.paper header small{color:#008e91;font-weight:800}.paper h2,.path h2{font-size:clamp(27px,3vw,39px);margin:4px}.sign-grid{max-width:1100px;margin:34px auto 0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.sign-grid article{min-height:155px;background:#fff;border:1px solid #dae5eb;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.sign-grid i,.exam section>i{width:68px;height:68px;display:grid;place-items:center;position:relative;font:800 15px Inter;font-style:normal}.yield:before{content:"";position:absolute;inset:0;background:#e33638;clip-path:polygon(50% 100%,0 0,100% 0)}.yield:after{content:"";position:absolute;inset:10px;background:#fff;clip-path:polygon(50% 100%,0 0,100% 0)}.stop{background:#e33033;color:#fff;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.no-entry{border-radius:50%;background:linear-gradient(#df3034 0 36%,#fff 36% 64%,#df3034 64%)}.crossing{background:#1466ad;border:5px solid #fff;outline:2px solid #1466ad;color:#fff;font-size:28px!important}.speed{border:8px solid #e23737;border-radius:50%;color:#111;font-size:20px!important}.priority{width:52px!important;height:52px!important;background:var(--yellow);transform:rotate(45deg);border:7px solid #fff;outline:2px solid #222}.sign-grid b{font-size:14px}.more{display:block;width:max-content;margin:25px auto 0;color:#008d91;font-weight:800;text-decoration:none}
.path{padding:67px clamp(28px,6vw,88px);background:linear-gradient(135deg,#031b33,#073653)}.path>div{max-width:980px;margin:32px auto 0;display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center}.path article{text-align:center;position:relative}.path em{position:absolute;top:-4px;right:27%;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--teal);font-style:normal}.path strong{font:35px Inter;color:var(--cyan)}.path article:last-child strong{color:var(--yellow)}.path h3{margin:7px}.path p{font-size:13px;color:#bed0dc}.path>div>i{height:2px;background:repeating-linear-gradient(90deg,var(--teal) 0 7px,transparent 7px 13px)}
.benefits>div{max-width:1100px;margin:34px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.benefits article{background:#fff;border:1px solid #d9e4ea;border-radius:16px;padding:27px;text-align:center}.benefits span{font:800 31px Inter;color:var(--teal)}.benefits .yellow{color:var(--yellow)}.benefits .coral{color:var(--coral)}.benefits h3{font-size:17px}.benefits p{font-size:13px;color:var(--muted)}
.smart{padding:70px clamp(28px,5vw,74px);background:var(--paper);color:var(--ink);display:grid;grid-template-columns:.85fr 1.45fr;gap:18px}.coach{padding:32px;border-radius:18px;background:linear-gradient(145deg,#031b33,#073653);color:#fff}.coach>b{color:var(--cyan)}.coach h2{font-size:25px;line-height:1.6}.coach p{line-height:1.8;color:#c4d4df}.coach>div{margin:20px 0;padding:16px;border:1px solid #3b5b73;border-radius:12px;display:grid;gap:7px}.coach>div strong{color:var(--cyan)}.coach>div span{font-size:13px}.coach>a,.exam>a{display:block}.exam{background:#fff;border:1px solid #d4e0e7;border-radius:18px;padding:31px}.exam h2{margin:0}.progress{display:flex;align-items:center;gap:15px;margin:15px 0}.progress b{font-size:12px}.progress i{height:7px;flex:1;border-radius:99px;background:linear-gradient(90deg,var(--teal) 25%,#e1e8ec 25%)}.exam section{display:grid;grid-template-columns:140px 1fr;gap:22px;align-items:center}.exam section>i{width:120px;height:105px}.exam h3{font-size:16px}.exam label{display:block;padding:8px 11px;margin:6px 0;border:1px solid #d5e0e6;border-radius:8px;font-size:13px}.exam label.selected{border-color:var(--teal);background:#e9fbfa}
.reassure{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3f5e74}.reassure div{padding:24px;text-align:center;background:#082e4d;color:var(--cyan)}.reassure b{color:#fff;margin-right:8px}.cta{margin:43px clamp(28px,5vw,74px);padding:34px 52px;border-radius:18px;background:linear-gradient(120deg,var(--teal),var(--sky));display:flex;align-items:center;justify-content:space-between}.cta h2{font-size:34px;margin:0}.cta p{margin:4px}.cta>a{background:#fff;color:var(--ink);min-width:170px}footer{padding:44px clamp(28px,5vw,74px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;background:#02182d;border-top:1px solid #36526a}footer>div{display:flex;gap:20px}footer>div a{text-decoration:none;font-size:13px}footer p{text-align:left;color:#8198aa;font:12px Inter}
@media(max-width:1000px){:root{--side:0px}.shell{margin:0}.side-nav{width:255px;transform:translateX(105%);transition:.25s}.side-nav.open{transform:none}.utility{right:0;justify-content:space-between}.utility button{display:block;background:#082e4d;border:1px solid #6e8799;border-radius:8px;color:#fff;padding:7px 10px}.hero-copy{width:66%}.sign-grid{grid-template-columns:repeat(3,1fr)}.benefits>div{grid-template-columns:repeat(2,1fr)}.smart{grid-template-columns:1fr}.path>div{grid-template-columns:1fr 45px 1fr 45px 1fr}}
@media(max-width:680px){.utility{position:relative;background:var(--deep)}.utility a{font-size:11px}.hero{min-height:1280px}.photo{inset:0 0 auto;height:700px;background-position:38% center;background-size:cover;background-repeat:no-repeat}.shade{background:linear-gradient(180deg,rgba(3,26,49,0) 0 43%,#031a31 58% 100%)}.hero-copy{width:100%;padding:750px 20px 55px;text-align:center}.hero h1{font-size:34px}.hero p{font-size:15px}.actions,.chips{justify-content:center;flex-direction:column}.facts{margin:0;border-radius:0;grid-template-columns:repeat(2,1fr)}.paper,.path,.smart{padding:55px 18px}.sign-grid{grid-template-columns:repeat(2,1fr)}.path>div{grid-template-columns:1fr;gap:20px}.path>div>i{height:24px;width:2px;margin:auto}.benefits>div{grid-template-columns:1fr}.exam section{grid-template-columns:1fr}.exam section>i{margin:auto}.reassure{grid-template-columns:1fr}.cta{margin:25px 18px;padding:28px 20px;flex-direction:column;text-align:center;gap:18px}footer{grid-template-columns:1fr;text-align:center}footer p{text-align:center}}
.shell{margin-right:var(--side);margin-left:0}.side-nav{right:0;left:auto;inset-inline:auto}.global-language-switcher{display:none!important}
@media(max-width:1000px){.shell{margin-right:0}.side-nav{right:0;left:auto}}


/* Final responsive polish — appended during deployment. */
.topnav a{display:inline-flex;align-items:center;gap:.38rem}.topnav a small,.topnav a span{margin-inline-start:.2rem}.hero-copy{padding-inline:clamp(32px,5vw,76px)!important}.brand-script{flex:none}.topbar{overflow:hidden}
@media(max-width:760px){.global-language-switcher{display:none!important}.hero-copy{padding-inline:22px!important}.topbar .brand-script{max-width:174px}.topbar .brand-script span,.topbar .brand-script b{white-space:nowrap}.hero-copy h1{font-size:clamp(34px,10vw,48px)!important;line-height:1.3!important}}

/* Give the mobile hero a tall, focused photographic frame. */
@media(max-width:680px){
  .hero{min-height:0;padding-top:clamp(390px,94vw,650px);background:#031a31}
  .hero .photo{inset:0 0 auto;height:clamp(390px,94vw,650px);background-size:cover!important;background-position:42% center!important;background-repeat:no-repeat;background-color:#031a31}
  .hero .shade{inset:0 0 auto;height:clamp(390px,94vw,650px);background:linear-gradient(180deg,rgba(3,26,49,.03) 56%,#031a31 100%)!important}
  .hero-copy{position:relative;width:100%;padding:clamp(30px,8vw,48px) 22px 48px!important}
  .hero h1{font-size:clamp(2.35rem,12vw,4rem);line-height:1.18}
}