@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#101214;--panel:#191c1f;--blue:#60c9f4;--yellow:#ffd63e;--white:#f4f5f6;--muted:#acb3ba;--line:#ffffff28}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.65 'IBM Plex Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2{font-family:'Chakra Petch',sans-serif;font-weight:700;letter-spacing:-.015em;line-height:.94}h2{font-size:clamp(3.2rem,5.7vw,6rem)}em{font-style:normal;color:var(--blue)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.topline{padding:10px 4%;background:#1c2023;display:flex;justify-content:space-between;gap:20px;font-size:11px;font-weight:700;letter-spacing:.1em}header{height:90px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:40px;height:52px;object-fit:contain}.brand span{font-size:27px;font-weight:800;line-height:1;letter-spacing:.03em}.brand small{display:block;font-size:11px;letter-spacing:.3em;margin-top:7px}nav{display:flex;gap:28px;font-size:14px;font-weight:600}nav a:hover{color:var(--blue)}.header-call{font-size:18px;font-weight:800;border-bottom:2px solid var(--yellow);padding:8px 0}.header-call span{color:var(--yellow);margin-left:15px}.hero{position:relative;isolation:isolate;min-height:820px;overflow:hidden;padding:58px 4% 95px}.hero-word{position:absolute;bottom:-55px;left:1%;font-family:'Chakra Petch',sans-serif;font-size:clamp(12rem,29vw,30rem);font-weight:800;line-height:1;color:#ffffff04;z-index:-1;letter-spacing:-.035em;pointer-events:none}.hero-content{position:relative;z-index:2;width:61%;max-width:870px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;margin-bottom:27px}.hero .eyebrow{color:var(--blue)}.pulse{display:inline-block;background:var(--yellow);width:7px;height:7px;border-radius:50%;margin-right:9px}.hero h1{font-size:clamp(5.2rem,8.7vw,9.4rem);line-height:.88;letter-spacing:-.012em}.hero h1 em{display:inline-block;color:var(--blue)}.hero-img{position:absolute;right:2.5%;top:50px;width:42%;height:570px;object-position:center 45%;clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%);z-index:0}.hero-inset{position:absolute;right:7%;top:425px;width:230px;transform:rotate(6deg);background:var(--yellow);padding:7px;z-index:1;box-shadow:0 12px 35px #0009}.hero-inset img{height:200px;width:100%;object-position:center 45%}.hero-inset span{display:block;color:#151719;font-size:9px;font-weight:800;letter-spacing:.04em;line-height:1.4;padding:9px 4px 3px}.intro{color:#d0d5da;max-width:440px;font-size:17px;line-height:1.7;margin-top:28px}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:54px;padding:15px 24px;border:0;border-radius:2px;font-size:14px;font-weight:800;cursor:pointer;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-3px)}.orange{background:var(--yellow);color:#101214}.hero .orange{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:15px 23px}.hero .orange>span{font-size:10px;letter-spacing:.1em}.hero .orange strong{font-size:24px;letter-spacing:-.03em}.glass{background:transparent;color:white;border-bottom:1px solid #9ba4ab;border-radius:0;padding:12px 0}.hero-note{font-size:12px;color:var(--muted);margin-top:17px}.photo-label{position:absolute;right:30%;top:660px;max-width:200px;border-left:2px solid var(--blue);padding-left:14px}.photo-label span{font-size:9px;letter-spacing:.1em;color:var(--blue)}.photo-label strong{display:block;font-size:15px;line-height:1.4;margin-top:5px}.scroll{position:absolute;bottom:28px;left:4%;font-size:10px;letter-spacing:.18em;color:var(--muted)}.trust{background:var(--blue);color:#101214;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:25px 4%;transform:skewY(-1.4deg);position:relative;z-index:3}.trust span{display:flex;align-items:center;justify-content:center;gap:18px;font-size:14px;transform:skewY(1.4deg)}.trust b{font-family:'Chakra Petch',sans-serif;font-size:36px;line-height:1}.section{padding:110px 5%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:50px}.section-head>p{color:var(--muted);max-width:390px;font-size:15px}.light{background:var(--bg)}.services{display:flex;flex-direction:column;border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:160px 1.1fr 1fr 195px;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:30px 0;transition:background .2s,padding .2s}.service:hover{background:#20272c;padding-left:16px;padding-right:16px}.service-num{font-size:11px;letter-spacing:.09em;color:var(--blue);font-weight:800}.service h3{font-family:'Chakra Petch',sans-serif;font-size:31px;line-height:1.15;font-weight:600}.service p{font-size:14px;color:var(--muted)}.service>div{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px}.service b{display:block;font-size:23px;color:white}.service>div>span:last-child{width:37px;height:37px;display:grid;place-items:center;border:1px solid var(--line);color:var(--yellow);font-size:22px}.fine{font-size:12px;line-height:1.75;color:var(--muted);margin-top:22px}.about{background:var(--panel);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-photo{position:relative;padding:0 25px 25px 0}.about-photo:before{content:'';position:absolute;inset:30px 0 0 30px;border:1px solid var(--blue);z-index:0}.about-photo img{position:relative;width:100%;height:580px;object-position:center 52%}.image-tag{position:absolute;bottom:45px;left:-15px;background:var(--yellow);color:#101214;font-size:10px;font-weight:800;letter-spacing:.08em;padding:13px 20px;transform:rotate(-4deg)}.about-copy>p:not(.eyebrow){color:#b9c0c6;margin-top:25px;max-width:530px}.text-link{display:inline-block;border-bottom:2px solid var(--blue);padding-bottom:8px;margin-top:25px;font-size:14px;font-weight:700}.gallery-section{background:#0b0d0f}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}.photo{position:relative;padding:0;border:0;background:#202428;color:white;cursor:pointer;text-align:left;overflow:hidden}.photo:nth-child(even){margin-top:55px}.photo img{height:360px;width:100%;transition:transform .4s;object-position:center 45%}.photo:hover img{transform:scale(1.04)}.photo>span{display:block;padding:18px;border-top:2px solid var(--blue)}.photo small{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.photo strong{font-size:16px;line-height:1.3;display:block}.photo>b{position:absolute;top:12px;right:12px;width:34px;height:34px;display:grid;place-items:center;background:var(--yellow);color:#101214}.journey{background:var(--blue);color:#101214}.journey em{color:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7%;margin-top:50px}.steps article{border-top:1px solid #10121455;padding-top:18px}.steps article>b{font-family:'Chakra Petch',sans-serif;font-size:65px;line-height:1;font-weight:600}.steps h3{font-size:23px;margin:20px 0 15px}.steps p{color:#163a4a;font-size:15px}.pricing{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;background:var(--panel)}.pricing>div>p:not(.eyebrow){margin:28px 0;color:var(--muted)}.dark{background:var(--blue);color:#101214}.price-table>div{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:21px 0;font-size:14px}.price-table b{font-family:'Chakra Petch',sans-serif;font-size:35px;font-weight:600;white-space:nowrap;color:var(--yellow)}.transport{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.transport p:not(.eyebrow){margin:27px 0;max-width:480px;color:var(--muted)}.transport img{width:100%;height:540px;object-position:center 50%;clip-path:polygon(0 0,87% 0,100% 13%,100% 100%,13% 100%,0 87%)}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:0 8%}.faq>.eyebrow{grid-column:1/-1}.faq details{padding:22px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;position:relative;padding-right:30px;list-style:none;font-weight:700;font-size:16px}.faq summary:after{content:'+';position:absolute;right:0;top:0;color:var(--blue)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:15px;color:var(--muted);margin-top:16px}.contact{background:#1a1e21;display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:4px solid var(--yellow)}.contact h2{font-size:clamp(4rem,7vw,7rem)}.contact h2 em{color:var(--yellow)}.big-phone{display:inline-block;font-family:'Chakra Petch',sans-serif;font-size:clamp(2rem,3.7vw,3.8rem);font-weight:600;margin-top:30px}.contact>div>p:last-child{font-size:14px;color:var(--muted);margin-top:14px}form{background:#f3f5f6;color:#101214;padding:32px}form h3{font-size:23px}form>p{font-size:14px;color:#52616b;margin:8px 0 24px}label{display:block;font-size:13px;font-weight:700;margin-bottom:16px}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #b7c3ca;background:#fff;color:#101214;margin-top:7px;border-radius:0;font-size:14px}input::placeholder,textarea::placeholder{color:#626e75}form .btn{width:100%;background:#151719;color:white}form small{font-size:11px;line-height:1.6;color:#52616b;display:block;margin-top:15px}.road-note{padding:23px 5%;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line)}footer{padding:45px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>div{font-size:12px;color:var(--muted);line-height:1.9}.mobile-bar{display:none}dialog{max-width:90vw;max-height:94vh;padding:18px;border:1px solid var(--line);background:var(--bg);color:white}dialog::backdrop{background:#000e}dialog img{max-height:78vh;width:auto;margin:auto}dialog p{text-align:center;margin-top:12px}#close-photo{position:absolute;right:25px;top:25px;width:42px;height:42px;border:0;background:var(--yellow);color:#101214;font-size:28px;cursor:pointer;z-index:2}
@media(min-width:1700px){body{max-width:1900px;margin:auto}}@media(max-width:1100px){nav{gap:16px}.service{grid-template-columns:100px 1fr 1fr;gap:20px}.service>div{grid-column:2/-1;justify-content:flex-start}.service b{display:inline}.hero{min-height:780px}.hero h1{font-size:8.7vw}.hero-img{height:500px;top:70px}.hero-inset{top:410px;width:185px}.hero-inset img{height:155px}.photo-label{display:none}.gallery{grid-template-columns:repeat(2,1fr)}.photo img{height:420px}.photo:nth-child(even){margin-top:35px}.hero-content{width:66%}.actions{gap:18px}.hero .orange strong{font-size:21px}.header-call{font-size:16px}.about-photo img{height:510px}footer{flex-wrap:wrap}}
@media(max-width:700px){.topline{justify-content:center;font-size:9px;padding:9px 4%}.topline>span:first-child{display:none}header{height:76px;padding:0 5%;gap:15px}.brand img{width:30px;height:42px}.brand span{font-size:22px}.brand small{font-size:9px}.header-call{font-size:13px}.header-call span{display:none}nav{display:none}.hero{padding:32px 5% 45px;min-height:0;display:flex;flex-direction:column;overflow:hidden}.hero-content{width:100%;max-width:none}.hero .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:25px}.hero h1{font-size:clamp(3.6rem,14vw,6rem);line-height:.9}.intro{font-size:15px;margin-top:24px}.actions{gap:19px;margin-top:24px;align-items:center}.hero .orange{padding:12px 14px}.hero .orange strong{font-size:19px}.hero .orange>span{font-size:8px}.glass{font-size:12px;line-height:1.4;max-width:100px;min-height:0}.hero-note{font-size:11px;margin-top:17px}.hero-img{position:relative;top:auto;right:auto;order:3;width:92%;height:360px;object-position:center 45%;margin-top:28px;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%)}.hero-inset{top:auto;bottom:35px;right:4%;width:140px;z-index:4;padding:5px}.hero-inset img{height:130px}.hero-inset span{font-size:7px;padding:6px 3px 2px}.hero-word{display:none}.scroll{display:none}.trust{gap:10px;padding:22px 5%}.trust span{display:block;font-size:10px;line-height:1.5}.trust b{display:block;font-size:27px;margin-bottom:5px}.section{padding:65px 6%}h2{font-size:3.5rem}.section-head{display:block;margin-bottom:30px}.section-head>p{font-size:14px;margin-top:25px}.service{grid-template-columns:1fr 1fr;padding:25px 0;gap:15px}.service-num{grid-column:1/-1;font-size:10px}.service h3{font-size:27px}.service p{font-size:13px}.service>div{grid-column:1/-1;justify-content:space-between}.service b{font-size:22px}.about,.pricing,.transport,.faq,.contact{grid-template-columns:1fr;gap:32px}.about-photo{padding:0 15px 15px 0}.about-photo img{height:380px}.about-photo:before{inset:20px 0 0 20px}.image-tag{font-size:8px;padding:12px;left:-9px;bottom:35px}.gallery{gap:12px}.photo img{height:245px}.photo:nth-child(even){margin-top:30px}.photo>span{padding:12px}.photo small{display:none}.photo strong{font-size:13px}.photo>b{width:28px;height:28px;font-size:16px}.steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.steps article{position:relative;padding-left:65px;min-height:145px}.steps article>b{position:absolute;left:0;top:20px;font-size:47px}.steps h3{margin:0 0 14px;font-size:22px}.pricing>div>p:not(.eyebrow){font-size:15px}.price-table>div{font-size:13px}.price-table b{font-size:29px}.transport img{height:390px}.faq{gap:0}.faq>div{margin-top:25px}.faq summary{font-size:15px}.contact h2{font-size:4.4rem}.big-phone{font-size:2.9rem}.contact form{padding:24px}footer{display:grid;grid-template-columns:1fr;padding-bottom:100px}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#101214;border-top:1px solid var(--line);z-index:10;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));gap:10px}.mobile-bar a{flex:1;text-align:center;padding:12px 4px;background:var(--yellow);color:#101214;font-size:14px;font-weight:800}.mobile-bar a:last-child{background:var(--blue)}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-fleet{position:absolute;right:2.5%;top:130px;width:47%;margin:0;z-index:0}.hero-fleet .hero-img{position:static;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;clip-path:none;border:1px solid #ffffff28}.hero-fleet figcaption{font-size:12px;color:#acb3ba;margin-top:12px;text-align:right}.hero-content{width:51%}.hero h1{font-size:clamp(4.8rem,7.7vw,8.3rem)}@media(max-width:1100px){.hero-fleet{top:150px;width:46%}.hero-content{width:53%}.hero h1{font-size:7.7vw}}@media(max-width:700px){.hero-content{width:100%}.hero h1{font-size:clamp(3.6rem,14vw,6rem)}.hero-fleet{position:relative;right:auto;top:auto;width:100%;order:3;margin-top:28px}.hero-fleet .hero-img{width:100%;height:auto;margin:0;clip-path:none}.hero-fleet figcaption{text-align:left;font-size:11px}}

.hero{display:flex;flex-direction:column;padding:45px 4% 55px;min-height:0}.hero-content{width:100%;max-width:none;display:grid;grid-template-columns:1.2fr 1fr;gap:15px 7%;align-items:center}.hero-content>.eyebrow{grid-column:1/-1;margin-bottom:12px}.hero h1{grid-row:2/5;font-size:clamp(3.7rem,6vw,6.4rem)}.hero .intro{margin-top:0}.hero .actions{margin-top:0}.hero-note{margin-top:0}.hero-fleet{position:relative;top:auto;right:auto;width:100%;margin:38px 0 0;order:2}.hero-fleet .hero-img{position:static;width:100%;height:auto;aspect-ratio:1672/941;clip-path:none;object-fit:contain}.hero .scroll{display:none}.hero-word{display:none}@media(max-width:700px){.hero{padding:28px 4% 35px}.hero-content{display:block}.hero-content>.eyebrow{margin-bottom:24px}.hero h1{font-size:clamp(3.6rem,14vw,6rem)}.hero .intro{margin-top:24px}.hero .actions{margin-top:24px}.hero-note{margin-top:18px}.hero-fleet{margin-top:28px;width:calc(100% + 8.7%);margin-left:-4.35%}.hero-fleet .hero-img{border:0}}

/* PHENIX — typographie singulière, palette noir et bleu */

h1,h2,h3{font-family:'Chakra Petch',sans-serif;font-weight:600;line-height:1.12;letter-spacing:-.035em;text-wrap:balance;}
h2{font-size:clamp(2.25rem,4.4vw,4.8rem)}
em{}.hero h1{font-size:clamp(2.5rem,5.6vw,6rem);line-height:1.08;letter-spacing:-.045em}.hero h1 em{}
.hero-content{grid-template-columns:1.25fr 1fr;gap:20px 6%}.hero .intro{font-size:18px;line-height:1.65;max-width:510px;}.hero .eyebrow{}
.eyebrow,.service-num{font-family:'Chakra Petch',sans-serif;font-size:14px;letter-spacing:.09em;font-weight:500;}.topline{font-size:12px}.hero-note{font-size:14px}.glass{}.hero .orange>span{font-size:12px}
.trust{transform:none}.trust span{transform:none}.trust b{font-size:29px;font-weight:600}.trust span{font-size:15px}
.section-head>p,.service p,.steps p,.faq details p{font-size:16px}.service{grid-template-columns:160px 1.15fr 1fr 175px}.service h3{font-family:'Chakra Petch',sans-serif;font-size:25px;line-height:1.25;}.service b{}.service:hover{}.service-num{font-size:13px}
.about-copy>p:not(.eyebrow){}.gallery-section{}.photo{}.photo small{font-size:13px}.photo strong{font-family:'Chakra Petch',sans-serif;font-weight:500}
.journey{}.journey h2,.journey h3{}.journey em{}.journey .eyebrow{}.steps p{}.steps h3{font-size:24px}.steps article>b{font-size:48px}
.price-table b{font-size:30px}.contact{}.contact h2{font-size:clamp(2.5rem,4.8vw,5.2rem)}.big-phone{font-size:clamp(1.6rem,3vw,3.2rem);}.contact form{}.contact form h3{}.contact form>p{}label{font-size:14px}form small{font-size:13px}.fine,.road-note,footer>div{font-size:13px}.image-tag{font-size:12px}
@media(max-width:1100px){.service{grid-template-columns:120px 1fr 1fr}.hero .actions{flex-wrap:wrap;gap:12px}.hero .orange strong{font-size:20px}}
@media(max-width:700px){.hero h1{font-size:clamp(2.1rem,9.5vw,4rem);line-height:1.12}.hero .eyebrow{font-size:12px}.hero .intro{font-size:16px}.hero .orange>span{font-size:11px}.hero .orange strong{font-size:18px}.hero .actions{gap:16px}.hero-note{font-size:13px}h2{font-size:clamp(2rem,8.5vw,3rem)}.service{grid-template-columns:1fr}.service h3{font-size:25px}.service p{font-size:16px}.service>div{grid-column:auto}.service-num{font-size:13px}.section-head>p{font-size:16px}.contact h2{font-size:2.8rem}.big-phone{font-size:clamp(1.5rem,7.5vw,2.5rem)}.trust span{font-size:12px}.trust b{font-size:22px}.photo strong{font-size:14px}.image-tag{font-size:10px}.glass{font-size:14px}form h3{font-size:22px}}

/* Accueil compact et demande de devis */
.hero-fleet{margin-top:26px}.hero-fleet .hero-img{height:clamp(260px,32vw,470px);aspect-ratio:auto;object-fit:cover;object-position:center 60%}.hero{padding-bottom:35px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.photo-help{font-size:14px;line-height:1.6;color:#435966;margin:4px 0 20px}.price-explainer{border-left:2px solid var(--blue);padding:0 0 0 20px;margin:26px 0}.price-explainer h3{font-size:21px;margin-bottom:10px}.price-explainer p{font-size:16px;color:var(--muted);margin-top:10px}.legal-title{font-size:clamp(2rem,6vw,4rem);overflow-wrap:anywhere}
@media(max-width:700px){.hero{padding-top:22px;padding-bottom:20px}.hero-content>.eyebrow{margin-bottom:14px}.hero h1{font-size:clamp(2rem,9vw,3.3rem)}.hero .intro{margin-top:16px;line-height:1.55}.hero .actions{margin-top:18px}.hero-note{margin-top:12px}.hero-fleet{margin-top:20px}.hero-fleet .hero-img{height:200px;object-position:center 65%}.section{padding-top:48px;padding-bottom:48px}.form-pair{grid-template-columns:1fr;gap:0}.contact form{padding:22px}.contact input,.contact select,.contact textarea{font-size:16px}.topline{font-size:11px}.trust{padding-top:16px;padding-bottom:16px}}