@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0a2040;--navy2:#102e55;--blue:#3c568f;--yellow:#f5bd19;--white:#fff;--light-bg:#f4f7fa;--text:#142235;--muted:#647184;--border:#dfe6ed;--radius:10px;--shadow:0 18px 45px rgba(7,27,52,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;color:var(--text);font-family:Manrope,Arial,sans-serif;line-height:1.65;background:var(--white)}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--yellow);padding:10px}.skip:focus{top:10px}
.header{height:82px;background:var(--navy);color:#fff;position:sticky;top:0;z-index:50;transition:.3s}.header.scrolled{box-shadow:0 8px 30px #0003}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;font-weight:800;line-height:.8;letter-spacing:-1px}.logo span{color:var(--yellow)}.logo small{display:block;font-size:7px;letter-spacing:2.2px;margin-top:9px;color:#b8c4d2}.nav nav{display:flex;align-items:center;gap:25px}.nav nav>a:not(.btn){font-size:12px;font-weight:600;color:#dce5ee;position:relative}.nav nav>a:not(.btn):after{content:"";height:2px;position:absolute;left:0;right:100%;bottom:-8px;background:var(--yellow);transition:.25s}.nav nav>a:hover:after{right:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:5px;font-weight:800;font-size:12px;letter-spacing:.25px;transition:.25s;cursor:pointer}.yellow{background:var(--yellow);color:var(--navy)}.yellow:hover{background:#ffd05c;transform:translateY(-2px)}.outline{border-color:#ffffffaa;color:#fff;margin-left:10px}.outline:hover{background:#fff;color:var(--navy)}.burger{display:none;background:none;border:0;padding:5px}.burger i{display:block;width:27px;height:2px;background:#fff;margin:6px}
.hero{height:min(700px,calc(100vh - 82px));min-height:545px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,39,.94) 0%,rgba(5,25,47,.72) 48%,rgba(5,25,47,.12) 100%)}.hero-copy{position:relative;z-index:2}.kicker{color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;margin:0 0 17px}.kicker:before{content:"";display:inline-block;width:35px;height:2px;vertical-align:middle;background:var(--yellow);margin-right:12px}.hero h1{font-size:clamp(39px,5.1vw,70px);line-height:1.1;letter-spacing:-2.7px;max-width:880px;margin:0 0 24px}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-copy>p:not(.kicker){font-size:16px;max-width:650px;color:#e3e9f0;margin-bottom:32px}.actions{display:flex}
.benefits{background:var(--navy);color:#fff;border-top:1px solid #ffffff17}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}.benefit-grid article{display:flex;align-items:center;gap:16px;padding:28px 22px;border-right:1px solid #ffffff17}.benefit-grid article:first-child{border-left:1px solid #ffffff17}.benefit-grid b{font-size:25px;color:var(--yellow);width:35px}.benefit-grid h2{font-size:13px;margin:0 0 3px}.benefit-grid p{font-size:10px;line-height:1.5;color:#9eb0c2;margin:0}
.section{padding:105px 0}.heading{max-width:590px;margin-bottom:48px}.heading h2,.about h2,.contact h2{font-size:clamp(34px,4vw,52px);line-height:1.14;letter-spacing:-2px;margin:0 0 18px}.heading h2 span,.about h2 span,.contact h2 span{color:var(--yellow)}.heading>p:last-child{color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;border:1px solid var(--border);border-radius:var(--radius);padding:32px;min-height:306px;transition:.3s;background:#fff;overflow:hidden}.card:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--yellow);transition:.3s}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:transparent}.card:hover:after{width:100%}.card>i{position:absolute;right:24px;top:18px;font-style:normal;color:#dce3ea;font-size:32px;font-weight:800}.card>b{display:grid;place-items:center;width:50px;height:50px;background:#fff8e5;color:#d99b00;border-radius:6px;font-size:25px;margin-bottom:26px}.card h3{font-size:17px;line-height:1.35;margin:0 0 12px}.card p{font-size:12px;color:var(--muted);margin-bottom:22px}.card a{font-size:11px;font-weight:800;color:var(--blue)}.card a:hover{color:#b67d00}
.about{display:grid;grid-template-columns:1fr 1fr;min-height:640px}.about-copy{background:var(--navy);color:#fff;display:flex;align-items:center}.about-copy>div{width:min(590px,calc(100% - 80px));margin-left:max(40px,calc((100vw - 1180px)/2))}.about-copy>div>p:not(.kicker){color:#afbdcb;font-size:14px;max-width:520px}.about ul{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px 0 0;list-style:none;font-size:12px;font-weight:700}.about li{border-bottom:1px solid #ffffff1f;padding-bottom:12px}.about li:first-letter{color:var(--yellow)}.about-art{background:linear-gradient(#c8dce8 0 53%,#436177 53%);position:relative;overflow:hidden}.sun{position:absolute;width:125px;height:125px;border-radius:50%;background:#f2c85c;right:12%;top:11%}.crane{position:absolute;color:#244660;font-size:360px;line-height:1;left:8%;top:5%;transform:rotate(-8deg)}.boxes{position:absolute;bottom:18%;left:12%;width:70%;display:flex;flex-wrap:wrap;align-items:end}.boxes i{width:30%;height:75px;background:#cf4b32;border:4px solid #932f20}.boxes i:nth-child(2),.boxes i:nth-child(5){background:#e4a427;border-color:#b77d0a}.boxes i:nth-child(3){background:#2c6a91;border-color:#1f4e6c}.truck{position:absolute;bottom:9%;right:10%;background:#fff;width:190px;padding:17px;color:var(--navy);font-weight:900;font-size:13px;box-shadow:38px 18px 0 -2px var(--yellow)}.about aside{position:absolute;left:0;bottom:0;background:var(--yellow);padding:22px 30px;display:flex;gap:12px;align-items:center}.about aside strong{font-size:38px}.about aside span{font-size:10px;font-weight:700;line-height:1.3}
.tracking{background:var(--navy2);color:#fff;padding:55px 0}.tracking>.container{display:flex;align-items:center;justify-content:space-between}.tracking h2{margin:0 0 8px;font-size:28px}.tracking p:not(.kicker){font-size:12px;color:#aebdcb;margin:0}.tracking .kicker{margin-bottom:8px}.center{text-align:center;margin-left:auto;margin-right:auto}.center .kicker:before{display:none}.partners{background:var(--light-bg)}.carousel{display:flex;align-items:center;gap:15px}.viewport{overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.viewport::-webkit-scrollbar{display:none}.track{display:flex;gap:16px}.track figure{flex:0 0 250px;height:135px;margin:0;background:#fff;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:25px;scroll-snap-align:start}.track img{max-height:74px;width:100%;object-fit:contain}.track .wide{flex-basis:390px;padding:15px}.track .word{flex-direction:column;color:#173a64}.word strong{font-size:25px;letter-spacing:1px}.word small{font-size:9px;letter-spacing:2px;color:var(--muted)}.carousel>button{flex:none;border:1px solid var(--border);background:#fff;color:var(--navy);border-radius:50%;width:42px;height:42px;font-size:27px;cursor:pointer}.carousel>button:hover{background:var(--yellow)}
.contact{padding:110px 0;background:var(--navy);color:#fff;position:relative}.contact:before{content:"";position:absolute;inset:0;opacity:.08;background:radial-gradient(circle at 20% 50%,transparent 0 80px,#fff 81px 82px,transparent 83px),radial-gradient(circle at 10% 50%,transparent 0 180px,#fff 181px 182px,transparent 183px)}.contact-grid{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.contact-copy>p:not(.kicker){color:#aebdcb;font-size:13px;max-width:470px}.contact address{margin-top:35px;font-style:normal}.contact address>a,.contact address>div{display:flex;align-items:center;gap:16px;margin:17px 0}.contact address b{font-size:10px;color:var(--yellow);border:1px solid #ffffff29;width:38px;height:38px;display:grid;place-items:center;border-radius:50%}.contact address span{font-size:10px;color:#8195a9}.contact address small{display:block;color:#fff;font-size:12px}.form{background:#fff;color:var(--text);padding:36px;border-radius:10px;box-shadow:0 25px 70px #0003}.form header{display:flex;justify-content:space-between;margin-bottom:25px}.form header b{font-size:18px}.form header small{color:var(--muted);font-size:10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.fields label{font-size:10px;font-weight:800;color:#435064}.fields .full{grid-column:1/-1}.fields input,.fields select,.fields textarea{display:block;width:100%;border:1px solid var(--border);border-radius:5px;padding:11px 12px;margin-top:6px;background:#fafbfd;outline:0;font-size:12px}.fields input:focus,.fields select:focus,.fields textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #145c9e18}.fields textarea{resize:vertical}.form>.btn{width:100%;margin-top:20px}.status{font-size:11px;text-align:center;margin:12px 0 0}.status.error{color:#b42318}.status.success{color:#087443}
footer{background:#05172c;color:#a7b5c4;padding-top:75px}.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1.3fr 1fr;gap:60px;padding-bottom:55px}.foot-grid>div>p{font-size:11px;max-width:270px}.foot-grid h2{font-size:12px;color:#fff;margin:0 0 19px}.foot-grid>div>a:not(.logo){display:block;font-size:10px;margin:10px 0}.foot-grid>div>a:hover{color:var(--yellow)}.iso{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff22;padding:8px 12px;font-size:10px;margin-top:12px}.iso b{font-size:18px;color:#fff}.iso small{display:block;color:#6f8091}.copyright{border-top:1px solid #ffffff16;padding:20px 0;display:flex;justify-content:space-between;font-size:9px}.copyright div{display:flex;gap:25px}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1024px){.nav nav{gap:15px}.nav nav>a:not(.btn){font-size:10px}.benefit-grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.contact-grid{gap:45px}.foot-grid{grid-template-columns:1.2fr 1fr 1fr}.foot-grid>div:last-child{grid-column:2}}
@media(max-width:768px){.container{width:min(100% - 36px,650px)}.burger{display:block;position:relative;z-index:3}.nav nav{position:fixed;top:82px;right:-100%;bottom:0;width:min(88%,360px);background:var(--navy);display:flex;flex-direction:column;align-items:stretch;padding:28px;gap:0;transition:right .3s;box-shadow:-20px 20px 40px #0004}.nav nav.open{right:0}.nav nav>a{padding:14px;border-bottom:1px solid #ffffff15}.nav nav .btn{margin-top:20px}.hero{min-height:600px}.shade{background:linear-gradient(90deg,rgba(4,20,39,.92),rgba(4,20,39,.57))}.hero h1{letter-spacing:-1.5px}.benefit-grid article:first-child{border-left:0}.about{grid-template-columns:1fr}.about-copy{min-height:560px}.about-copy>div{width:calc(100% - 48px);margin:auto}.about-art{min-height:460px}.tracking>.container{align-items:flex-start;flex-direction:column;gap:24px}.contact-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>div:last-child{grid-column:auto}}
@media(max-width:520px){.container{width:calc(100% - 30px)}.section{padding:75px 0}.hero{height:calc(100svh - 82px);min-height:610px}.hero h1{font-size:38px}.hero-copy>p:not(.kicker){font-size:14px}.actions{flex-direction:column;align-items:stretch;gap:10px}.outline{margin:0}.benefit-grid,.cards{grid-template-columns:1fr}.benefit-grid article{border-right:0;border-bottom:1px solid #ffffff17;padding:20px 10px}.card{min-height:0}.about-copy{min-height:580px}.about ul{grid-template-columns:1fr}.about-art{min-height:380px}.crane{font-size:250px}.contact{padding:75px 0}.form{padding:24px 18px}.form header{flex-direction:column}.fields{grid-template-columns:1fr}.fields .full{grid-column:auto}.foot-grid{grid-template-columns:1fr;gap:35px}.copyright{flex-direction:column}.track figure{flex-basis:220px}.track .wide{flex-basis:300px}}
@media(min-width:1600px){.container{width:min(1320px,calc(100% - 80px))}.hero-copy>p:not(.kicker){font-size:18px}.cards{gap:24px}.card{padding:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Deuxième passe visuelle */
.container{width:min(1240px,calc(100% - 56px))}
.header{height:78px}.nav nav{gap:28px}.nav nav>a:not(.btn){font-size:12.5px}.nav .btn{min-height:44px;padding-inline:21px}
.hero{height:min(760px,calc(100vh - 78px));min-height:610px}.hero-copy{padding-block:50px}.shade{background:linear-gradient(90deg,rgba(4,20,39,.96) 0%,rgba(5,25,47,.78) 46%,rgba(5,25,47,.2) 78%,rgba(5,25,47,.08) 100%)}.hero h1{font-size:clamp(44px,5vw,74px);max-width:930px;margin-bottom:30px}.hero-copy>p:not(.kicker){font-size:17px;line-height:1.8;max-width:680px;margin-bottom:38px}.hero .btn{min-height:54px;padding-inline:28px;font-size:13px}
.section{padding:120px 0}.heading{max-width:680px;margin-bottom:56px}.heading>p:last-child{font-size:15px}.cards{gap:24px}.card{display:flex;flex-direction:column;min-height:350px;padding:40px 36px;border-color:#e7ebef;border-radius:8px;box-shadow:0 6px 18px rgba(7,27,52,.025)}.card>b{position:relative;width:62px;height:62px;color:var(--navy);font-size:31px;background:#f4f7fa;margin-bottom:30px}.card>b:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;right:-4px;bottom:-4px;background:var(--yellow);border:3px solid #fff}.card>i{top:23px;right:27px;color:#e8edf2}.card h3{font-size:19px;min-height:52px}.card p{font-size:13.5px;line-height:1.72;margin-bottom:25px}.card a{margin-top:auto;font-size:12px}.card:hover{transform:translateY(-6px);border-color:#f0ca62;box-shadow:0 18px 38px rgba(7,27,52,.09)}
.about{min-height:690px}.about-copy>div{width:min(620px,calc(100% - 90px));margin-left:max(45px,calc((100vw - 1240px)/2))}.about-copy>div>p:not(.kicker){font-size:15px;line-height:1.8}.about ul{font-size:13px;gap:20px}.about-photo{position:relative;overflow:hidden;background:#102d49}.about-photo>img{width:100%;height:100%;object-fit:cover}.photo-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:70px;background:linear-gradient(180deg,rgba(7,27,52,.1),rgba(7,27,52,.88)),linear-gradient(135deg,#70899b,#173a5b 55%,#0b213a);color:#fff}.photo-placeholder:before{content:"";position:absolute;inset:8% 9%;border:1px solid rgba(255,255,255,.16)}.photo-placeholder span{color:var(--yellow);font-size:10px;font-weight:800;letter-spacing:2px}.photo-placeholder strong{font-size:clamp(25px,3vw,43px);line-height:1.16;margin:10px 0}.photo-placeholder small{color:#aab9c7}.about-photo aside{position:absolute;left:0;bottom:0;background:var(--yellow);padding:24px 34px;display:flex;gap:14px;align-items:center;color:var(--navy)}.about-photo aside strong{font-size:42px}.about-photo aside span{font-size:11px;font-weight:700;line-height:1.3}
.tracking{padding:68px 0;background:linear-gradient(110deg,var(--navy2),#10365e)}.tracking h2{font-size:32px}.tracking p:not(.kicker){font-size:13px}.tracking .btn{min-height:52px;padding-inline:28px}
.track{gap:22px}.track figure,.track .wide{flex:0 0 280px;height:160px;padding:30px}.track img{max-height:95px}.track .word strong{font-size:29px}.carousel>button{width:46px;height:46px}
.track figure>a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:4px}.track figure>a img{width:100%;height:100%;max-height:95px;object-fit:contain;transition:transform .25s ease}.track figure>a:hover img{transform:scale(1.04)}.track figure:has(a:focus-visible){outline:3px solid var(--yellow);outline-offset:3px}
.track figure>a[href="https://europeagroup.eu/"]{background:var(--navy);border-radius:5px;padding:18px}.track figure>a[href="https://europeagroup.eu/"] img{max-height:110px}
.logo-image{display:flex;align-items:center;flex:0 0 auto}.logo-image img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain}.header-logo{width:auto;height:52px}.footer-logo{width:auto;height:58px;margin-bottom:22px}
@media(max-width:540px){.header-logo{width:auto;height:42px}.footer-logo{width:auto;height:50px}}
.header{background-color:#fff;color:var(--navy);border-bottom:1px solid rgba(0,0,0,.06)}footer{background-color:#020d1f}.header.scrolled{background-color:#fff;box-shadow:0 8px 24px rgba(7,27,52,.08)}.nav nav>a:not(.btn){color:var(--navy)}.nav nav>a:not(.btn):hover,.nav nav>a:not(.btn)[aria-current="page"]{color:var(--navy)}.burger i{background:var(--navy)}
@media(max-width:768px){.nav nav{background-color:#fff}.nav nav>a{border-bottom-color:rgba(7,27,52,.09)}}
.contact{padding:125px 0}.contact-grid{gap:105px}.contact-copy>p:not(.kicker){font-size:14px;line-height:1.8}.contact address small{font-size:13px}.form{padding:43px}.form header{margin-bottom:30px}.form header b{font-size:20px}.fields{gap:20px}.fields label{font-size:11px}.fields input,.fields select,.fields textarea{min-height:48px;padding:13px 14px;font-size:13px}.fields textarea{min-height:120px}.fields input:focus,.fields select:focus,.fields textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(20,92,158,.12)}.form>.btn{min-height:54px}
footer{padding-top:88px}.foot-grid{gap:72px;padding-bottom:65px}.foot-grid>div>p{font-size:12px;line-height:1.75}.foot-grid h2{font-size:13px;margin-bottom:22px}.foot-grid>div>a:not(.logo){font-size:11px;margin:11px 0}.copyright{font-size:10px;padding:24px 0}
@media(min-width:1700px){.container{width:min(1480px,calc(100% - 100px))}.cards{grid-template-columns:repeat(6,1fr);gap:16px}.card{padding:30px 24px;min-height:370px}.card h3{font-size:16px;min-height:66px}.card p{font-size:12px}.about-copy>div{margin-left:max(50px,calc((100vw - 1480px)/2));width:min(690px,calc(100% - 100px))}.section{padding:135px 0}}
@media(max-width:1100px){.container{width:min(100% - 44px,960px)}.nav nav{gap:16px}.nav nav>a:not(.btn){font-size:10.5px}.contact-grid{gap:50px}.about-copy>div{margin-left:40px}.cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){html{scroll-padding-top:78px}.nav nav{top:78px}.cards{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}.about-copy{min-height:590px}.about-copy>div{width:calc(100% - 56px);margin:auto}.about-photo{min-height:500px}.contact-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>div:last-child{grid-column:auto}}
@media(max-width:540px){.container{width:calc(100% - 30px)}.hero{height:calc(100svh - 78px);min-height:620px}.hero-copy{padding-block:30px}.hero h1{font-size:39px;margin-bottom:24px}.hero-copy>p:not(.kicker){font-size:14px;line-height:1.65;margin-bottom:28px}.section{padding:82px 0}.cards{grid-template-columns:1fr}.card{min-height:0;padding:32px 28px}.card h3{min-height:0}.about-copy{min-height:610px}.about-photo{min-height:420px}.photo-placeholder{padding:45px 30px 100px}.tracking{padding:55px 0}.contact{padding:82px 0}.form{padding:27px 20px}.foot-grid{grid-template-columns:1fr;gap:38px}}
