@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Montserrat:wght@700;800;900&display=swap');
/* Les variables suivantes centralisent les couleurs principales du site. */
:root{--yellow:#76d64f!important;--ink:#111713!important;--cream:#f8faf4!important}
.brand-logo{display:block;width:240px;height:72px;object-fit:contain;object-position:left center}
:root{--yellow:#f5b800;--ink:#111713;--cream:#f6f4ed;--muted:#647069;--white:#fff;--line:#dcded8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#fff;border-bottom:1px solid #e8e8e4;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700;letter-spacing:-.5px}.brand strong{color:#9c7500}.brand small{display:block;font-size:8px;letter-spacing:3px;margin-top:2px}.brand-mark{width:41px;height:41px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font:900 13px Montserrat;box-shadow:inset 0 0 0 5px var(--ink);border:2px solid var(--yellow)}nav{display:flex;gap:32px;font-size:14px;font-weight:600}nav a:hover{color:#987200}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:3px;background:var(--yellow);color:#171a17;padding:16px 24px;font-weight:800;font:700 14px 'DM Sans';cursor:pointer;box-shadow:0 8px 24px rgba(245,184,0,.16);transition:.2s}.button:hover{background:#ffc91c;transform:translateY(-2px)}.button-small{padding:12px 18px}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;padding:84px max(7vw,30px);gap:7vw;align-items:center;overflow:hidden}.eyebrow{font-weight:800;font-size:12px;letter-spacing:2.3px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow span{width:28px;height:3px;background:var(--yellow)}h1,h2{font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:-3.7px;line-height:.94;margin:22px 0}h1{font-size:clamp(54px,7vw,104px)}h1 em{font-style:normal;color:#b98b00}.lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:600px}.hero-actions{display:flex;align-items:center;gap:28px;margin:34px 0}.text-link{font-weight:800;font-size:14px}.text-link span{color:#a07800;margin-left:5px}.trust-row{display:flex;gap:25px;color:#5c665f;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.trust-row span:before{content:'✓';color:#9b7500;margin-right:7px}.hero-card{height:470px;border-radius:5px;background:var(--ink);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:56px;color:#fff;box-shadow:25px 25px 0 var(--yellow);overflow:hidden}.hero-card:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 20%,rgba(245,184,0,.06)),repeating-linear-gradient(90deg,transparent 0 55px,rgba(255,255,255,.02) 56px 57px)}.taxi-sign{position:absolute;top:100px;background:var(--yellow);color:#111;border-radius:8px 8px 3px 3px;padding:15px 40px;font:900 24px Montserrat;box-shadow:0 0 45px rgba(245,184,0,.28)}.road-lines{position:absolute;inset:auto 12% 0;height:55%;border-left:2px solid #4f554f;border-right:2px solid #4f554f;transform:perspective(180px) rotateX(15deg)}.hero-card p,.hero-card strong,.hero-card small{z-index:2}.hero-card p{font-size:12px;text-transform:uppercase;letter-spacing:1.5px}.hero-card strong{font:900 41px Montserrat;text-transform:uppercase}.hero-card small{color:#adb3ad}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5ee884;box-shadow:0 0 0 5px rgba(94,232,132,.12);margin-right:8px}.services,.booking{padding:100px max(7vw,30px)}.section-heading{max-width:660px}.section-heading h2,.area h2{font-size:clamp(40px,5vw,68px)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-grid article{padding:38px 28px;min-height:280px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.35)}.service-grid b{font:800 12px Montserrat;color:#a77e00}.service-grid h3{font:800 21px Montserrat;margin:48px 0 14px}.service-grid p,.area p,.section-heading>p:last-child{color:var(--muted);line-height:1.7}.area{background:var(--ink);color:#fff;padding:95px max(8vw,40px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.eyebrow.light span{background:var(--yellow)}.area>div:first-child>p:last-child{max-width:520px;color:#abb2ac}.area-map{height:390px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.map-ring{position:absolute;border:1px solid #485149;border-radius:50%}.ring-1{width:270px;height:270px}.ring-2{width:390px;height:390px}.map-pin{width:72px;height:72px;display:grid;place-items:center;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--yellow);color:#111;font:900 17px Montserrat;margin-bottom:22px}.map-pin::first-line{transform:rotate(45deg)}.area-map strong,.area-map small{z-index:2}.area-map strong{font:800 24px Montserrat}.area-map small{color:#a7afa9}.booking{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}form{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#fff;padding:36px;box-shadow:0 20px 50px rgba(33,40,35,.08)}.field{display:flex;flex-direction:column;gap:8px}.field.full,.submit,.form-status,.form-note{grid-column:1/-1}label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px}label small{text-transform:none;color:#7e8781}input,textarea{width:100%;border:1px solid #d8dcd8;background:#fafbf8;padding:14px 15px;border-radius:2px;font:15px 'DM Sans';color:var(--ink);outline:none}input:focus,textarea:focus{border-color:#b78a00;box-shadow:0 0 0 3px rgba(245,184,0,.15)}.submit{justify-content:space-between}.form-status{margin:0;font-weight:700}.form-status.success{color:#23783b}.form-status.error{color:#a72e2e}.form-note{font-size:12px;color:#7c857e;margin:0}footer{background:#0b0f0c;color:#fff;padding:45px max(5vw,24px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px}.footer-brand strong{color:var(--yellow)}footer>div{display:flex;flex-direction:column;gap:6px}footer>div:nth-child(2) a{font:800 25px Montserrat;color:var(--yellow)}footer p{margin:2px;color:#8f9991;font-size:13px}.mobile-call{display:none}
@media(max-width:900px){nav,.site-header>.button{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-card{height:350px}.service-grid{grid-template-columns:1fr 1fr}.area,.booking{grid-template-columns:1fr}.area-map{height:300px}footer{grid-template-columns:1fr 1fr}.mobile-call{display:block;position:fixed;bottom:12px;left:12px;right:12px;z-index:30;text-align:center;background:var(--yellow);padding:15px;font-weight:900;border-radius:4px;box-shadow:0 8px 30px rgba(0,0,0,.3)}body{padding-bottom:62px}}
@media(max-width:570px){.site-header{height:72px}.hero{padding:40px 22px 65px}.hero-actions{align-items:stretch;flex-direction:column;gap:16px}.hero-actions .button{width:100%}.text-link{text-align:center}.trust-row{flex-wrap:wrap;gap:12px}.hero-card{height:300px;box-shadow:12px 12px 0 var(--yellow)}.taxi-sign{top:55px}.services,.booking{padding:70px 22px}.service-grid{grid-template-columns:1fr;margin-top:35px}.service-grid article{min-height:220px}.service-grid h3{margin-top:28px}.area{padding:70px 22px;gap:30px}.area-map{height:250px}.ring-1{width:200px;height:200px}.ring-2{width:290px;height:290px}form{grid-template-columns:1fr;padding:23px;gap:19px}footer{grid-template-columns:1fr;padding-bottom:35px}h1,h2{letter-spacing:-2.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Pistachio identity and live arrival panel */
:root{--yellow:#9fbd83;--ink:#182018;--cream:#f7f8f2;--muted:#647064;--line:#d7dfd0}
.brand strong,h1 em,.text-link span{color:#62844b}.button:hover{background:#b5cf9a}.hero-card{box-shadow:25px 25px 0 #dfeccd}.status-dot{background:#8ed16f;box-shadow:0 0 0 5px rgba(142,209,111,.13)}.status-dot.offline{background:#e46f63;box-shadow:0 0 0 5px rgba(228,111,99,.13)}
.tracking{padding:95px max(8vw,40px);background:#78975f;color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}.tracking h2{font-size:clamp(40px,5vw,68px)}.tracking-copy>p:not(.eyebrow){color:#edf5e7;line-height:1.7}.privacy-note{font-size:12px}.eta-card{background:#f7faef;color:var(--ink);border-radius:8px;overflow:hidden;box-shadow:0 25px 55px rgba(24,32,24,.18)}.mini-map{height:245px;position:relative;background-color:#e7eddf;background-image:linear-gradient(30deg,transparent 48%,#ced9c6 49% 51%,transparent 52%),linear-gradient(120deg,transparent 48%,#d4ddcb 49% 51%,transparent 52%);background-size:90px 90px}.customer-pin,.car-pin{position:absolute;z-index:2;border-radius:30px;padding:9px 12px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.15);font-size:12px;font-weight:800}.customer-pin{left:18%;bottom:20%}.car-pin{right:19%;top:22%;font-size:20px}.route-line{position:absolute;width:58%;height:3px;left:23%;top:50%;background:#6d9353;transform:rotate(-23deg);border-radius:4px}.eta-details{padding:28px 32px;display:grid;grid-template-columns:1fr auto;align-items:end}.eta-details small,.eta-details span{color:var(--muted)}.eta-details strong{font:900 42px Montserrat;grid-row:1/3;grid-column:2}.eta-details span{font-size:13px;margin-top:5px}button:disabled{opacity:.55;cursor:not-allowed}
.logo-showcase{padding:85px max(7vw,30px);display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center;background:#fff}.logo-showcase h2{font-size:clamp(38px,4.5vw,64px)}.logo-showcase p:last-child{color:var(--muted);line-height:1.7;max-width:520px}.logo-showcase figure{margin:0}.logo-showcase figure img{display:block;width:100%;height:auto;border:1px solid var(--line);background:#fff}.logo-showcase figcaption{font-size:12px;color:var(--muted);margin-top:10px}
@media(max-width:900px){.tracking,.logo-showcase{grid-template-columns:1fr;padding:75px max(7vw,24px)}}
@media(max-width:570px){.brand-logo{width:190px;height:62px}.footer-brand .brand-logo{width:220px}}

/* Taxi Tremplin : surcharge l'ancienne palette avec le bleu nuit, le turquoise et le vert. */
:root{--yellow:#49d5ae!important;--ink:#071426!important;--cream:#f3f8fa!important;--muted:#607080!important;--line:#d6e3e8!important;--blue:#0c3e67;--cyan:#20c5d8;--green:#9ddd62}
body{background:var(--cream)}
.site-header{background:rgba(7,20,38,.97);border-bottom-color:rgba(255,255,255,.08);box-shadow:0 8px 35px rgba(2,12,25,.2)}
.brand-logo{width:250px;height:76px}.site-header nav,.site-header nav a{color:#fff}.site-header nav a:hover{color:var(--cyan)}
.button{color:#061323;background:linear-gradient(100deg,var(--cyan),var(--green));box-shadow:0 12px 30px rgba(32,197,216,.22)}.button:hover{background:linear-gradient(100deg,#59dce8,#b8ed7f)}
.hero{position:relative;background:linear-gradient(125deg,#071426 0%,#0a2946 58%,#0c466a 100%);color:#fff}
.hero:after{content:'';position:absolute;left:-5%;right:35%;bottom:35px;height:70px;border-top:4px solid rgba(32,197,216,.45);border-radius:50%;transform:rotate(-5deg);pointer-events:none}
.hero .eyebrow,.hero .lead,.hero .trust-row{color:#dcecf4}.hero h1 em{color:var(--green)}.hero .text-link{color:#fff}.hero .text-link span{color:var(--cyan)}.trust-row span:before{color:var(--green)}
.hero-card{height:500px;padding:0;background:#061323;box-shadow:24px 24px 0 rgba(32,197,216,.22);align-items:stretch;justify-content:stretch;border:1px solid rgba(255,255,255,.15);border-radius:12px}.hero-card:before,.road-lines,.taxi-sign{display:none}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% center}.hero-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(4,14,28,.9) 100%)}.hero-badge{position:absolute;z-index:3;left:24px;right:24px;bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:18px}.hero-badge img{width:225px;height:auto;filter:drop-shadow(0 5px 15px rgba(0,0,0,.35))}.hero-badge p{margin:0 0 8px;font-size:11px;text-align:right}
.eyebrow span,.eyebrow.light span{background:linear-gradient(90deg,var(--cyan),var(--green))}.service-grid b{color:#078e9f}.service-grid article{background:rgba(255,255,255,.8)}
.area{background:linear-gradient(135deg,#061323,#0b3353)}.map-pin{background:linear-gradient(135deg,var(--cyan),var(--green))}.tracking{background:linear-gradient(135deg,#0b426c,#087a85)}.route-line{background:linear-gradient(90deg,var(--cyan),var(--green))}.status-dot{background:var(--green);box-shadow:0 0 0 5px rgba(157,221,98,.18)}
.logo-showcase{position:relative;overflow:hidden;background:#071426;color:#fff}.logo-showcase:after{content:'';position:absolute;width:70%;height:80px;right:-8%;bottom:10%;border-top:8px solid var(--green);border-radius:50%;transform:rotate(-8deg);opacity:.35}.logo-showcase>*,.logo-showcase figure{position:relative;z-index:2}.logo-showcase p:last-child,.logo-showcase figcaption{color:#bdd0db}.logo-showcase figure img{border-color:#1c4967;border-radius:14px;background:#071426}
footer{background:#030c17}footer>div:nth-child(2) a{color:var(--green)}.footer-brand .brand-logo{width:270px;height:auto}
input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(32,197,216,.16)}
@media(max-width:900px){.hero-card{height:430px}.hero-badge{align-items:flex-start;flex-direction:column}.hero-badge p{text-align:left}}
@media(max-width:570px){html,body{width:100%;max-width:100%;overflow-x:hidden}.brand-logo{width:198px;height:60px}.hero,.hero *{box-sizing:border-box}.hero{width:100vw;max-width:100vw;padding-left:22px!important;padding-right:22px!important}.hero>*,.hero-copy,.hero-actions{width:100%;min-width:0;max-width:calc(100vw - 44px)}.hero h1{font-size:clamp(36px,10.5vw,43px);letter-spacing:-2px;overflow-wrap:anywhere}.hero .lead{width:100%;max-width:calc(100vw - 64px);font-size:16px;overflow-wrap:anywhere}.hero-actions .button{width:100%;max-width:calc(100vw - 44px)}.trust-row{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.trust-row span{font-size:11px}.hero-card{width:100%;height:330px;box-shadow:12px 12px 0 rgba(32,197,216,.24)}.hero-badge img{width:175px}.footer-brand .brand-logo{width:235px}}

/* Mise en page spécifique aux téléphones de 570 px de largeur ou moins. */
@media(max-width:570px){
  .site-header{height:64px;padding:0 16px}.site-header .brand-logo{width:158px;height:48px}
  .hero{min-height:auto;padding:34px 18px 56px!important;gap:34px}
  .hero>*,.hero-copy,.hero-actions{max-width:calc(100vw - 36px)}
  .hero .eyebrow{font-size:10px;letter-spacing:1.5px;gap:7px}.hero .eyebrow span{width:20px}
  .hero h1{font-size:clamp(31px,9.2vw,37px);line-height:.98;letter-spacing:-1.5px;margin:17px 0}
  .hero .lead{max-width:320px;font-size:15px;line-height:1.55}
  .hero-actions{gap:12px;margin:25px 0}.hero-actions .button{width:100%;max-width:300px;min-height:52px;padding:13px 16px;margin:0 auto}.hero-actions .text-link{font-size:13px}
  .trust-row{gap:8px}.trust-row span{font-size:10px;letter-spacing:.7px}
  .hero-card{width:100%;max-width:340px;margin:0 auto;height:260px;border-radius:9px;box-shadow:8px 8px 0 rgba(32,197,216,.22)}.hero-badge{left:14px;right:14px;bottom:12px}.hero-badge img{width:145px}.hero-badge p{font-size:9px}
  .services,.booking{padding:58px 18px}.area{padding:58px 18px}.tracking,.logo-showcase{padding:58px 18px}
  .mobile-call{box-sizing:border-box;left:14px;right:14px;width:auto;max-width:none;transform:none;bottom:10px;padding:13px 14px;font-size:14px;text-align:center}
  .footer-brand .brand-logo{width:205px}
}
