:root{--ink:#10272d;--blue:#1598c8;--green:#7ac542;--sky:#eaf9fc;--cream:#fbf7e9;--line:#dce8e9}
*{box-sizing:border-box}body{margin:0;font-family:"Avenir Next Rounded","Avenir Next",Nunito,system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.top{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 6vw;border-bottom:1px solid var(--line);background:#fffffff2;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.top nav{display:flex;gap:24px;font-weight:750}.top nav:last-child{justify-self:end}.top img{width:105px;height:76px;object-fit:contain}.back{color:#087ead}.hero{padding:90px 7vw 72px;background:linear-gradient(135deg,var(--sky),#fff)}.eyebrow{font-size:15px;font-weight:900;letter-spacing:.12em;color:#1187b5}.hero h1{font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-.05em;max-width:900px;margin:14px 0 22px}.hero p{max-width:720px;color:#566b70;font-size:20px;line-height:1.55}.main{padding:70px 7vw 90px;max-width:1200px;margin:auto}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:28px;border-radius:26px;background:#f2fafc;border:1px solid var(--line)}.card:nth-child(2n){background:#f1f8ea}.card h2,.card h3{margin-top:0}.card p,.copy p,.copy li{color:#5c7075;line-height:1.65}.copy{max-width:820px}.copy h2{font-size:32px;margin-top:50px}.button{display:inline-block;background:var(--blue);color:#fff;padding:15px 24px;border-radius:999px;font-weight:850;margin-top:18px}.button.secondary{background:#fff;color:var(--ink);border:2px solid var(--ink)}.notice{padding:20px 22px;border-left:5px solid var(--green);background:#f2f8ee;border-radius:12px;margin:28px 0}.footer{border-top:1px solid var(--line);padding:32px 7vw;text-align:center;color:#66787c}.languages{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.language{padding:15px;border:1px solid var(--line);border-radius:16px;background:white}.language.active{border-color:var(--blue);color:#087ead;font-weight:800}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:800;cursor:pointer}.contact-list a{display:block;margin:12px 0;color:#087ead;font-weight:750}
@media(max-width:760px){.top{height:76px;padding:0 18px;grid-template-columns:1fr auto}.top nav:first-child a:not(.back),.top nav:last-child{display:none}.top img{width:104px;height:68px}.hero{padding:58px 22px}.hero h1{font-size:46px}.hero p{font-size:17px}.main{padding:48px 22px 70px}.grid{grid-template-columns:1fr}.languages{grid-template-columns:1fr 1fr}.copy h2{font-size:28px}}

/* Correctifs d'alignement mobile ScootMapp */
.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.25;padding:17px 28px}
@media(max-width:760px){
  .top{height:82px;grid-template-columns:1fr auto 1fr;position:sticky}
  .top nav:first-child{justify-self:start}
  .top>a{position:absolute;left:50%;transform:translateX(-50%);display:grid;place-items:center}
  .top img{width:110px;height:72px}
  .hero .button{width:100%;min-height:68px;padding:18px 28px}
}