*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}html{scroll-behavior:smooth}body{color:#fff;background-image:linear-gradient(#0000008c,#0000008c),url(/truck-bg.png);background-position:50%;background-size:cover;background-attachment:fixed;overflow-x:hidden}.app{width:100%}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000a6;justify-content:space-between;align-items:center;width:100%;padding:20px 50px;display:flex;position:fixed;top:0}.logo{font-size:40px;font-weight:900}.logo span{color:#ff6a00}.nav-links{gap:35px;display:flex}.nav-links a{color:#fff;letter-spacing:2px;font-weight:700;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#ff6a00}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:120px 20px;display:flex}.hero-content{max-width:1100px}.subtitle{color:#ff6a00;letter-spacing:8px;margin-bottom:20px}.hero-content h1{text-shadow:0 10px 30px #00000080;margin-bottom:30px;font-size:140px;font-weight:900;line-height:.9}.description{margin-bottom:40px;font-size:24px;line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.orange-btn,.white-btn{cursor:pointer;border-radius:50px;padding:18px 35px;font-size:16px;font-weight:700;transition:all .3s}.orange-btn{color:#fff;background:#ff6a00;border:none}.orange-btn:hover{transform:translateY(-5px)}.white-btn{color:#fff;background:0 0;border:2px solid #fff}.white-btn:hover{color:#000;background:#fff}.services,.entreprise,.contact{text-align:center;padding:120px 20px}.services h2,.entreprise h2,.contact h2{text-shadow:0 10px 30px #00000080;margin-bottom:60px;font-size:70px}.services-grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1300px;margin:auto;display:grid}.service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;border:1px solid #ffffff1a;border-radius:25px;padding:45px;transition:all .3s}.service-card:hover{transform:translateY(-10px)}.service-card h3{margin-bottom:20px;font-size:32px}.service-card p{color:#ddd;line-height:1.8}.entreprise-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;border-radius:25px;max-width:900px;margin:auto;padding:50px;font-size:22px;line-height:2}.contact{padding:120px 20px}.contact-container{grid-template-columns:1fr 1fr;align-items:center;gap:50px;max-width:1400px;margin:auto;display:grid}.contact-left{text-align:left}.contact-subtitle{color:#ff6a00;letter-spacing:5px;margin-bottom:20px;font-size:18px}.contact-left h2{margin-bottom:30px;font-size:80px;line-height:1}.contact-text{color:#ddd;font-size:24px;line-height:1.7}.contact-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008c;border:1px solid #ffffff1a;border-radius:30px;padding:50px}.contact-info h3{margin-bottom:30px;font-size:45px}.contact-info p{color:#eee;font-size:22px;line-height:2}.contact-btn{width:100%;margin-top:40px}@media screen and (width<=768px){.contact-container{grid-template-columns:1fr}.contact-left{text-align:center}.contact-left h2{font-size:50px}.contact-text{font-size:18px}.contact-info h3{font-size:30px}.contact-info p{font-size:18px}}.popup-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.popup{background:#111;border:2px solid #ff6a00;border-radius:25px;width:550px;max-width:100%;padding:45px}.popup h2{text-align:center;margin-bottom:30px}.popup form{flex-direction:column;display:flex}.popup input,.popup textarea{color:#fff;background:#1b1b1b;border:1px solid #333;border-radius:12px;outline:none;width:100%;margin-bottom:15px;padding:16px}.popup textarea{resize:none;height:120px}.popup-btn{width:100%;margin-top:10px}.close-btn{color:#aaa;cursor:pointer;background:0 0;border:none;width:100%;margin-top:20px}.cookie-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99999;background:#000000d9;border:1px solid #ffffff1a;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;width:90%;max-width:750px;padding:20px 25px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.cookie-banner p{color:#fff;font-size:15px}.cookie-buttons{gap:10px;display:flex}.accept-btn,.refuse-btn{cursor:pointer;border:none;border-radius:12px;padding:12px 22px;font-weight:700;transition:all .3s}.accept-btn{color:#fff;background:#ff6a00}.refuse-btn{color:#fff;background:#222;border:1px solid #555}.accept-btn:hover,.refuse-btn:hover{transform:translateY(-2px)}.partners{padding:120px 0;overflow:hidden}.partners-subtitle{text-align:center;color:#ff6a00;letter-spacing:5px;margin-bottom:20px}.partners h2{text-align:center;margin-bottom:60px;font-size:70px}.logos{white-space:nowrap;position:relative;overflow:hidden}.logos:before,.logos:after{content:"";z-index:2;width:150px;height:100%;position:absolute;top:0}.logos:before{background:linear-gradient(90deg,#000000e6,#0000);left:0}.logos:after{background:linear-gradient(270deg,#000000e6,#0000);right:0}.logos-slide{align-items:center;animation:25s linear infinite slide;display:inline-flex}.logos-slide img{background:#fff;border-radius:20px;height:90px;margin:0 70px;padding:20px}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#000000bf;padding:25px}.footer-content{flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.footer-logo{-o-object-fit:contain;object-fit:contain;width:220px}.footer p{color:#fff;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 10px #00000080;font-family:Arial,sans-serif;font-size:10px;font-weight:800}@media screen and (width<=768px){.partners-slider{grid-template-columns:1fr}.partners h2{font-size:45px}.logos-slide img{height:60px;margin:0 30px}.cookie-banner{text-align:center;flex-direction:column}.cookie-buttons{flex-direction:column;width:100%}.accept-btn,.refuse-btn{width:100%}.navbar{flex-direction:column;gap:20px;padding:20px}.logo{font-size:28px}.nav-links{flex-wrap:wrap;justify-content:center;gap:15px}.hero-content h1{font-size:70px}.description{font-size:18px}.services h2,.entreprise h2,.contact h2{font-size:45px}.services-grid{grid-template-columns:1fr}.popup{padding:25px}}