body{margin:0;font-family:Segoe UI,Roboto,sans-serif;background:#041520;color:#e6e6e6}.hero{position:relative;height:55vh;background:url(/assets/logo2-To5BRxHS.webp) center/cover no-repeat;display:flex;justify-content:center;align-items:center}.section-title{text-align:center;color:#83b1ba;margin-top:40px;font-size:2rem;letter-spacing:1px}.content{max-width:1000px;margin:auto;padding:20px}.services,.our-works,.location,.working-hours{background:#364a5a;margin:20px 0;padding:25px;border-radius:12px;box-shadow:0 0 18px #00000080;border:1px solid #333}.service-card{padding:15px;border-bottom:1px solid #333;transition:transform .2s ease}.service-card:hover{transform:translate(5px);border-color:#364a5a}.service-card h3{margin:0;color:#c5dee4}.garage-image{width:100%;border-radius:12px}.footer{text-align:center;padding:40px 20px;background-color:#f5f5f5;color:#333;position:relative;font-family:Arial,sans-serif}.pulse-call{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.footer p{margin:5px}.services-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.service-card{background-color:#364a5a;padding:15px 20px;border-radius:10px;box-shadow:0 2px 5px #0000001a;min-width:200px;text-align:center;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 4px 10px #00000026}.service-card h3{margin:0;font-size:1.1rem;color:#c5dee4}.side-by-side-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:0;width:100%;max-width:1000px;margin:0 auto;align-items:center;background:#0000001a;border-radius:12px;padding:10px}.image-side{position:relative;height:450px;background:#000;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #0006}.before-side{margin-right:5px}.after-side{margin-left:5px}.compare-image{width:100%;height:100%;object-fit:contain;background:#000;display:block}.image-label{position:absolute;top:15px;left:15px;padding:8px 15px;background:#000000b3;color:#fff;border-radius:6px;z-index:20;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.before-side .image-label{border-left:3px solid #ff6b6b}.after-side .image-label{border-left:3px solid #4ecdc4}.slider-container{position:relative;width:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:450px;padding:0 10px}.drag-slider{width:100%;height:100%;position:absolute;opacity:0;cursor:col-resize;z-index:10}.slider-handle{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:120px;background:linear-gradient(135deg,#0a192f,#112240);border:2px solid #c5dee4;border-radius:25px;box-shadow:0 4px 15px #00000080;z-index:5}.handle-icon{font-size:1.5rem;color:#c5dee4;margin-bottom:5px}.slider-text{font-size:12px;font-weight:600;color:#c5dee4;text-transform:uppercase;letter-spacing:1px}.slider-handle:hover{background:linear-gradient(135deg,#112240,#0a192f);border-color:#d9ecf2;transform:scale(1.05)}.slider-handle:hover .handle-icon,.slider-handle:hover .slider-text{color:#d9ecf2}.image-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#c5dee41a;color:#a8c5cc;font-style:italic}.video-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:900px;margin:0 auto}.video-container{position:relative;height:450px;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #00000080}.video-compare video{width:100%;height:100%;border-radius:12px;cursor:pointer;background:#000;object-fit:contain}.video-label{position:absolute;top:15px;left:15px;padding:8px 15px;background:#000000b3;color:#fff;border-radius:6px;z-index:20;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.video-container:first-child .video-label{border-left:3px solid #ff6b6b}.video-container:last-child .video-label{border-left:3px solid #4ecdc4}@media (max-width: 768px){.side-by-side-compare{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:15px;padding:15px}.image-side,.video-container{height:350px}.slider-container{width:100%;height:auto;padding:10px 0;order:2}.slider-handle{width:100px;height:60px;flex-direction:row;padding:0 20px}.handle-icon{margin-bottom:0;margin-right:10px}.before-side{margin-right:0;margin-bottom:5px;order:1}.after-side{margin-left:0;margin-top:5px;order:3}.image-label,.video-label{font-size:13px;padding:6px 12px}}@media (max-width: 480px){.image-side,.video-container{height:300px}.image-label,.video-label{font-size:12px;padding:5px 10px;top:10px;left:10px}.slider-handle{width:80px;height:50px}.slider-text{font-size:10px}}.our-works{margin-top:20px;padding:20px;max-width:1200px;margin-left:auto;margin-right:auto}.section-title{text-align:center;color:#c5dee4;margin-bottom:10px;font-size:2.5rem;text-transform:uppercase;letter-spacing:1px}.works-description{text-align:center;color:#c5dee4;font-size:1.1rem;line-height:1.6;padding:0 10px;max-width:800px;margin:25px auto 30px}.categories{display:flex;justify-content:center;gap:15px;margin:25px 0 30px;flex-wrap:wrap}.categories button{padding:12px 28px;border:2px solid #c5dee4;background:transparent;color:#c5dee4;font-size:1rem;font-weight:600;border-radius:30px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;z-index:1}.categories button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(197,222,228,.2),transparent);transition:left .6s ease;z-index:-1}.categories button:hover{background:#c5dee41a;transform:translateY(-2px);box-shadow:0 5px 15px #c5dee433}.categories button:hover:before{left:100%}.categories button.active{background:#c5dee4;color:#0a192f;border-color:#c5dee4;box-shadow:0 0 20px #c5dee466}.categories button.active:hover{background:#d1e6ec;transform:translateY(-2px);box-shadow:0 0 25px #c5dee499}.works-gallery{max-width:900px;margin:0 auto;position:relative;background:#0a192fb3;border-radius:15px;padding:25px;border:1px solid rgba(197,222,228,.1)}.work-counter{text-align:center;font-size:1.2rem;color:#c5dee4;margin:15px 0;font-weight:600}.work-counter .current-work{color:#fff;font-size:1.5rem;font-weight:700}.work-counter .total-works{color:#a8c5cc}.work-title{text-align:center;color:#fff;font-size:1.8rem;margin:10px 0 5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.work-specific-description{text-align:center;color:#a8c5cc;font-size:1rem;margin-bottom:30px;font-style:italic;padding:0 20px}.media-container{margin:20px 0;min-height:500px;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:12px;padding:20px;width:100%}.media-container .side-by-side-compare,.media-container .video-compare{width:100%!important;max-width:1000px!important}.media-container .simple-compare{display:none}@media (max-width: 768px){.media-container{min-height:450px;padding:15px}}@media (max-width: 480px){.media-container{min-height:400px}}.gallery-controls{display:flex;align-items:center;justify-content:space-between;margin-top:30px;padding:0 10px;gap:15px}.nav-btn{background:#c5dee41a;color:#c5dee4;border:2px solid #c5dee4;padding:12px 25px;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;min-width:130px;text-transform:uppercase;letter-spacing:.5px}.nav-btn:hover:not(:disabled){background:#c5dee433;transform:translateY(-2px);box-shadow:0 5px 15px #c5dee433}.nav-btn:disabled{opacity:.3;cursor:not-allowed;border-color:#a8c5cc;color:#a8c5cc}.thumbnails{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;flex:1;margin:0 10px}.thumbnail{width:70px;height:70px;border-radius:8px;overflow:hidden;border:2px solid transparent;background:#c5dee40d;cursor:pointer;transition:all .3s ease;padding:0;display:flex;align-items:center;justify-content:center}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail:hover{border-color:#c5dee4;transform:scale(1.05)}.thumbnail.active{border-color:#c5dee4;border-width:3px;box-shadow:0 0 15px #c5dee466;transform:scale(1.05)}.video-thumbnail,.placeholder-thumbnail{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#c5dee41a;font-size:1.5rem}.placeholder-thumbnail{background:#0a192f4d;color:#a8c5cc}@media (max-width: 768px){.our-works{padding:15px}.section-title{font-size:2rem}.categories{gap:10px}.categories button{padding:10px 20px;font-size:.9rem}.works-gallery{padding:20px 15px}.gallery-controls{flex-direction:column;gap:20px}.nav-btn{order:2;width:100%;max-width:200px}.thumbnails{order:1;margin:0}.work-title{font-size:1.5rem}.media-container{min-height:400px;padding:15px}.media-container .before-after{height:350px!important}.thumbnail{width:60px;height:60px}.work-specific-description{padding:0 10px}}@media (max-width: 480px){.section-title{font-size:1.8rem}.categories{flex-direction:column;align-items:center}.categories button{width:80%;max-width:250px}.works-description{font-size:1rem}.media-container .before-after{height:300px!important}.thumbnail{width:50px;height:50px}.nav-btn{padding:10px 20px;font-size:.9rem;min-width:110px}.work-title{font-size:1.3rem}.media-container{min-height:350px}}engine-step{position:relative;max-width:100%}.engine-step video{width:100%;max-height:450px;object-fit:cover;border-radius:12px;box-shadow:0 6px 15px #0006}.engine-label{position:absolute;top:10px;left:10px;background:#000000bf;color:#fff;padding:6px 12px;border-radius:6px;font-size:.85rem;z-index:2}.flags-container{width:100%;display:flex;justify-content:flex-end;padding:30px 20px;position:absolute;top:0;right:0;z-index:10}.language-switcher{display:flex;gap:10px;align-items:center}.language-switcher img{width:35px;height:25px;object-fit:cover;cursor:pointer;transition:transform .2s,opacity .2s}.language-switcher img:hover{transform:scale(1.1);opacity:.8}@media (max-width: 768px){.language-switcher img{width:28px;height:20px}}@media (max-width: 480px){.language-switcher img{width:24px;height:18px}.flags-container{padding:10px 15px}}