:root{--red:#e10600;--dark:#080808;--card:#141414;--line:#292929;--muted:#aaa}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;background:var(--dark);color:#fff;font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.top{height:34px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#030303;border-bottom:1px solid #4b0b09;color:#bbb;font-size:12px}.top span,.top a{display:flex;gap:20px}.header{height:78px;padding:0 4vw;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:220px 1fr auto;gap:22px;align-items:center;background:rgba(7,7,7,.92);backdrop-filter:blur(15px);border-bottom:1px solid #252525}.logo{height:72px;overflow:hidden}.logo img{width:218px;height:72px;object-fit:cover}.header nav{display:flex;justify-content:center;gap:clamp(10px,1.2vw,22px)}.header nav a{font-size:13px;font-weight:700;color:#ddd}.header nav a:hover{color:#ff2922}.button{min-height:46px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:linear-gradient(135deg,#ff2821,#bd0000);color:#fff;font-weight:800;cursor:pointer}.green{background:#25d366}.menu{display:none;background:none;border:0;color:#fff;font-size:27px}.hero{height:660px;position:relative;overflow:hidden}.slide{position:absolute;inset:0;padding:0 6vw;display:flex;align-items:center;background-size:cover;background-position:center;opacity:0;pointer-events:none;transform:scale(1.03);transition:opacity .7s,transform 6s}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.75) 43%,rgba(0,0,0,.08) 75%),linear-gradient(0deg,#080808,transparent 20%)}.slide.active{opacity:1;pointer-events:auto;transform:scale(1)}.slide>div{position:relative;z-index:2;max-width:760px}.slide small,.section small,.finder small,.why small,.contact small{color:#ff2a22;font-weight:900;letter-spacing:.11em}.slide h1{font-size:clamp(48px,5.5vw,82px);line-height:.96;letter-spacing:-.05em;margin:12px 0 22px}.slide h1 em{display:block;color:#f01812;font-style:normal}.slide p{max-width:640px;color:#ccc;font-size:17px}.slider-nav{position:absolute;z-index:4;right:5vw;bottom:35px;display:flex;align-items:center;gap:12px}.slider-nav button{width:42px;height:42px;border:1px solid #777;border-radius:50%;background:#111a;color:#fff;font-size:25px;cursor:pointer}.dots{display:flex;gap:7px}.dots button{width:28px;height:3px;padding:0;border:0;border-radius:0;background:#777}.dots button.active{width:48px;background:var(--red)}.finder{width:min(1180px,92vw);margin:-42px auto 0;padding:24px;position:relative;z-index:5;display:grid;grid-template-columns:.75fr 1.5fr;gap:25px;align-items:end;background:linear-gradient(120deg,#242424,#0b0b0b);border:1px solid #3b3b3b;border-top-color:#e10600;border-radius:10px;box-shadow:0 25px 60px #0009}.finder h2{margin:4px 0;font-size:25px}.finder p{margin:0;color:#aaa;font-size:13px}.finder form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px}.finder label{font-size:10px;font-weight:800;color:#999}.finder select{width:100%;height:48px;margin-top:6px;padding:0 12px;border-radius:5px;border:0;background:#fff;color:#111}.finder form>p{grid-column:1/-1;color:#ffaaa6}.section{padding:95px 5vw}.section-title{max-width:1400px;margin:0 auto 35px;display:flex;justify-content:space-between;align-items:end}.section-title h2,.why h2,.contact h2{font-size:clamp(34px,4vw,56px);line-height:1;margin:8px 0}.section-title>a{border-bottom:1px solid var(--red);font-weight:700;font-size:13px}.services{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.services article{min-height:245px;padding:25px;position:relative;background:linear-gradient(145deg,#191919,#0d0d0d);border:1px solid var(--line);border-radius:10px}.services article>b{position:absolute;right:20px;color:#666}.services article>span{width:50px;height:50px;display:grid;place-items:center;margin-bottom:35px;background:var(--red);border-radius:50%;font-size:22px}.services h3{font-size:20px}.services p{color:#999}.why{display:grid;grid-template-columns:42% 58%;background:#0d0d0d;border-block:1px solid var(--line)}.why>div{min-height:520px;padding:75px 7vw;display:flex;flex-direction:column;justify-content:center}.why-visual{background:radial-gradient(circle,#550500,#050505 62%)}.why-visual img{width:100%;max-height:320px;object-fit:cover}.why p{color:#aaa}.why ul{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px;list-style:none}.gallery-section{background:#050505}.gallery{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.gallery article{background:#121212;border:1px solid var(--line);border-radius:12px;overflow:hidden}.gallery article>div{position:relative;aspect-ratio:16/9}.gallery img{width:100%;height:100%;object-fit:cover}.gallery i{position:absolute;top:14px;padding:7px 10px;background:#050505;font-size:10px;font-style:normal;font-weight:900}.gallery i:first-of-type{left:14px}.gallery i:last-of-type{right:14px;background:var(--red)}.gallery h3,.gallery p{margin-left:20px}.gallery p{color:#999;margin-top:-8px}.brands{background:#17191b}.brand-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.brand-grid a{min-height:125px;padding:12px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-radius:8px;text-align:center;font-size:12px;font-weight:800}.brand-grid a:hover{background:#24272a}.brand-grid span{width:72px;height:72px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#fff,#d7d7d7);box-shadow:0 10px 24px #0007}.brand-grid img{width:50px;height:50px;object-fit:contain}.contact{padding:70px 7vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(120deg,#e10600,#7b0000)}.contact small{color:#fff}.contact>div:last-child{display:flex;justify-content:flex-end;gap:12px}.contact p{max-width:650px}.contact .button:first-child{background:#1473e6}footer{padding:45px 5vw 90px;display:flex;justify-content:space-between;align-items:center;background:#030303;color:#777}footer img{width:260px;height:115px;object-fit:cover}.mobile-actions{display:none}.subhero{min-height:330px;padding:80px 7vw;background:radial-gradient(circle at 80% 0,#4c0505,transparent 35%),#0b0b0b}.subhero h1{font-size:clamp(44px,6vw,76px);margin:0}.content{max-width:1200px;margin:auto;padding:75px 5vw}.content h2{font-size:35px}.content p,.content li{color:#aaa}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards article{padding:28px;background:#141414;border:1px solid #292929;border-radius:10px}.cards h3{font-size:23px}.page-brands{grid-template-columns:repeat(5,1fr)}
.header nav .has-dropdown{position:relative;display:flex;align-items:center}
.header nav .has-dropdown>a{display:flex;align-items:center;gap:5px}
.header nav .has-dropdown>a:after{content:'▾';font-size:10px;color:#888}
.dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%,10px);width:600px;max-width:70vw;padding:20px;margin:0;display:none;grid-template-columns:repeat(3,1fr);gap:2px 18px;background:#0d0d0d;border:1px solid #292929;border-top:2px solid var(--red);border-radius:10px;box-shadow:0 30px 60px #000c;z-index:60}
.has-dropdown:hover .dropdown{display:grid}
.dropdown a{padding:6px 4px;font-size:12.5px;font-weight:600;color:#bbb;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dropdown a:hover{color:#fff;background:#1c1c1c;padding-left:9px}
.dropdown-foot{grid-column:1/-1;margin-top:8px;padding-top:12px;border-top:1px solid #262626;font-size:11px;font-weight:800;color:var(--red)}
.ticker{overflow:hidden;background:#0b0b0b;border-block:1px solid var(--line);padding:18px 0}
.ticker-track{width:max-content;display:flex;gap:50px;animation:ticker 26s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-track span{white-space:nowrap;display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;letter-spacing:.02em;color:#ddd}
.ticker-track span:before{content:'';width:7px;height:7px;flex:none;border-radius:50%;background:var(--red);box-shadow:0 0 12px 2px #e1060088}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.stats{max-width:1400px;margin:0 auto;padding:70px 5vw;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stats div{padding:30px 10px;background:linear-gradient(145deg,#181818,#0c0c0c);border:1px solid var(--line);border-radius:12px}
.stats b{display:block;font-size:clamp(30px,3.4vw,46px);color:var(--red);letter-spacing:-.03em}
.stats span{color:#999;font-size:13px;font-weight:700}
.region-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.region-grid a{padding:13px 8px;text-align:center;font-size:12.5px;font-weight:700;color:#ddd;background:#141414;border:1px solid var(--line);border-radius:8px}
.region-grid a:hover{background:#1e1e1e;color:#fff;border-color:#444}
.region-cta{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 45px}
.region-note{color:#ff8c88;font-size:13px;font-weight:700;letter-spacing:.02em}
.breadcrumb{max-width:1400px;margin:0 auto 20px;font-size:12px;color:#888}
.breadcrumb a{color:#ccc}
.breadcrumb a:hover{color:var(--red)}
body.js-anim main>section{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}
body.js-anim main>section.in-view{opacity:1;transform:none}
.services article,.cards article,.gallery article,.brand-grid a,.region-grid a{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease}
.services article:hover,.cards article:hover{transform:translateY(-7px);border-color:#3c3c3c;box-shadow:0 20px 44px #0008}
.gallery article:hover{transform:translateY(-5px);box-shadow:0 18px 40px #0008}
.brand-grid a:hover,.region-grid a:hover{transform:translateY(-3px)}
.services article>span{transition:transform .35s ease}
.services article:hover>span{transform:scale(1.14) rotate(-8deg)}
a.button,button.button{transition:transform .25s ease,box-shadow .25s ease}
a.button:hover,button.button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #e1060050}
@media(prefers-reduced-motion:reduce){main>section{opacity:1;transform:none;transition:none}.ticker-track{animation:none}.services article:hover>span{transform:none}}
@media(max-width:1100px){.has-dropdown{display:flex;flex-direction:column;align-items:flex-start}.dropdown{position:static;display:grid!important;grid-template-columns:repeat(2,1fr);width:auto;max-width:none;transform:none;background:transparent;border:0;box-shadow:none;padding:4px 0 10px 14px;margin:0}.dropdown a{font-size:12px;color:#999}.dropdown-foot{display:none}.stats{grid-template-columns:repeat(2,1fr)}.region-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.stats{padding:50px 20px}.region-grid{grid-template-columns:repeat(2,1fr)}.region-cta{flex-direction:column}}
.video-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.video-grid figure{margin:0;background:#121212;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.video-grid figure:hover{transform:translateY(-6px);border-color:#3c3c3c;box-shadow:0 18px 40px #0008}
.video-grid video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#000;display:block}
.video-grid figcaption{padding:10px 12px;font-size:12.5px;font-weight:700;color:#ccc}
.video-strip{max-width:1400px;margin:auto;padding:0 5vw;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.video-strip figure{flex:none;width:200px;margin:0;background:#121212;border:1px solid var(--line);border-radius:12px;overflow:hidden;scroll-snap-align:start}
.video-strip video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#000;display:block}
.video-strip figcaption{padding:10px 12px;font-size:12px;font-weight:700;color:#ccc}
@media(max-width:1100px){.video-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.video-grid{grid-template-columns:repeat(2,1fr)}.video-strip figure{width:150px}}
@media(max-width:1100px){.header{grid-template-columns:190px 1fr auto}.header nav{display:none;position:absolute;top:78px;left:0;right:0;padding:18px 24px;background:#090909;flex-direction:column}.header nav.open{display:flex}.header-cta{margin-left:auto}.menu{display:block}.services{grid-template-columns:repeat(2,1fr)}.brand-grid{grid-template-columns:repeat(5,1fr)}.finder{grid-template-columns:1fr}.finder form{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body{padding-bottom:64px}.top{height:30px;padding:0 12px}.top>span:first-child{display:none}.top>span:last-child{width:100%;justify-content:space-between}.header{height:66px;padding:0 15px;grid-template-columns:1fr auto}.logo,.logo img{width:174px;height:58px}.header nav{top:66px;max-height:calc(100vh - 130px);overflow:auto}.header-cta{display:none}.hero{height:540px}.slide{padding:42px 22px 90px;align-items:flex-start;background-position:63% center}.slide:after{background:linear-gradient(0deg,#080808 5%,rgba(0,0,0,.83) 63%,rgba(0,0,0,.2))}.slide h1{font-size:44px}.slide p{font-size:15px}.slider-nav{left:22px;right:auto;bottom:20px}.finder{margin:14px auto 0;padding:20px}.finder form{grid-template-columns:1fr}.section{padding:70px 20px}.section-title{align-items:flex-start}.section-title>a{display:none}.services,.gallery,.why,.contact,.cards{grid-template-columns:1fr}.why>div{min-height:390px;padding:60px 24px}.why ul{grid-template-columns:1fr}.brand-grid,.page-brands{grid-template-columns:repeat(2,1fr)}.contact{padding:60px 22px}.contact>div:last-child{justify-content:flex-start;flex-direction:column}footer{padding:40px 20px 85px;flex-direction:column;align-items:flex-start}.mobile-actions{height:64px;position:fixed;z-index:80;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1.35fr 1fr}.mobile-actions a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:18px}.mobile-actions b{font-size:10px}.mobile-actions .call{background:#1473e6}.mobile-actions .wa{background:#25d366}.mobile-actions .route{background:#fbc02d;color:#171200}.mobile-actions svg{width:20px;fill:#fff}.subhero{padding:65px 22px}.content{padding:55px 22px}}

/* Mobile floating contact shortcuts */
@keyframes action-enter{
  0%{opacity:0;transform:translateX(34px) scale(.72)}
  68%{opacity:1;transform:translateX(-4px) scale(1.04)}
  100%{opacity:1;transform:translateX(0) scale(1)}
}
@keyframes action-ring{
  0%{opacity:0;transform:scale(.9)}
  8%{opacity:.52}
  30%,100%{opacity:0;transform:scale(1.5)}
}
@keyframes action-icon{
  0%,100%{transform:scale(1) rotate(0)}
  8%{transform:scale(1.13) rotate(-4deg)}
  17%{transform:scale(1) rotate(0)}
}
@media(max-width:720px){
  body{padding-bottom:0}
  footer{padding-bottom:40px}
  .mobile-actions{
    width:auto;
    height:auto;
    position:fixed;
    z-index:80;
    right:16px;
    bottom:calc(18px + env(safe-area-inset-bottom));
    left:auto;
    display:flex;
    flex-direction:column;
    gap:9px;
    pointer-events:none;
  }
  .mobile-actions a{
    --action-rgb:38,136,213;
    width:48px;
    height:48px;
    min-width:48px;
    min-height:48px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid rgba(255,255,255,.22);
    border-radius:50%;
    position:relative;
    isolation:isolate;
    color:#fff;
    font-size:23px;
    line-height:1;
    box-shadow:0 6px 15px rgba(0,0,0,.38);
    pointer-events:auto;
    animation:action-enter .72s cubic-bezier(.2,.9,.25,1.25) both;
    transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
  }
  .mobile-actions a:active{transform:scale(.9);box-shadow:0 3px 9px rgba(0,0,0,.35)}
  .mobile-actions .call{background:#2688d5;animation-delay:.08s}
  .mobile-actions .wa{--action-rgb:47,197,75;background:#2fc54b;animation-delay:.2s}
  .mobile-actions .route{--action-rgb:240,181,29;background:#f0b51d;color:#fff;animation-delay:.32s}
  .mobile-actions .instagram{--action-rgb:247,45,101;background:linear-gradient(145deg,#ff6b3d,#e51d72 58%,#7d38c9);animation-delay:.44s}
  .mobile-actions svg{display:none}
  .mobile-actions a:after{
    content:"";
    position:absolute;
    inset:-2px;
    z-index:0;
    border:2px solid rgba(var(--action-rgb),.82);
    border-radius:50%;
    pointer-events:none;
    animation:action-ring 3.8s ease-out 1.1s infinite;
  }
  .mobile-actions a:nth-child(2):after{animation-delay:1.45s}
  .mobile-actions a:nth-child(3):after{animation-delay:1.8s}
  .mobile-actions .call:before,.mobile-actions .wa:before,.mobile-actions .route:before,.mobile-actions .instagram:before{
    content:"";
    width:25px;
    height:25px;
    display:block;
    position:relative;
    z-index:1;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    animation:action-icon 3.8s ease-in-out 1.1s infinite;
  }
  .mobile-actions .call,.mobile-actions .route,.mobile-actions .instagram{font-size:0}
  .mobile-actions .call:before{background-image:url('../images/phone-icon.svg')}
  .mobile-actions .wa:before{background-image:url('../images/whatsapp-icon.svg')}
  .mobile-actions .route:before{background-image:url('../images/route-icon.svg')}
  .mobile-actions .instagram:before{background-image:url('../images/instagram-icon.svg')}
  .mobile-actions a:nth-child(2):before{animation-delay:1.45s}
  .mobile-actions a:nth-child(3):before{animation-delay:1.8s}
  .mobile-actions a:nth-child(4):before{animation-delay:2.15s}
  .mobile-actions a:nth-child(4):after{animation-delay:2.15s}
  .mobile-actions b{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }
}

/* Exact centering for the floating location icon */
.mobile-actions .route:before{
  position:absolute!important;
  inset:0!important;
  width:25px;
  height:25px;
  margin:auto!important;
  transform:none!important;
  animation:none!important;
}

/* Contact page map and WhatsApp form */
.contact-tools{
  max-width:1300px;
  margin:0 auto;
  padding:10px 5vw 90px;
}
.contact-tools-head{max-width:720px;margin-bottom:30px}
.contact-tools-head small{color:var(--red);font-weight:900;letter-spacing:.11em}
.contact-tools-head h2{margin:7px 0 12px;font-size:clamp(34px,4vw,52px);line-height:1}
.contact-tools-head p{margin:0;color:#aaa}
.contact-tools-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:20px;align-items:stretch}
.contact-map,.contact-form{overflow:hidden;border:1px solid #2d2d2d;border-radius:14px;background:#121212;box-shadow:0 22px 55px rgba(0,0,0,.28)}
.contact-map{min-height:560px}
.contact-map iframe{width:100%;height:100%;min-height:560px;display:block;filter:grayscale(.18) contrast(1.04)}
.contact-form{padding:28px;display:flex;flex-direction:column;gap:17px}
.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.contact-form label{display:flex;flex-direction:column;gap:7px;color:#d5d5d5;font-size:12px;font-weight:800;letter-spacing:.02em}
.contact-form input,.contact-form select,.contact-form textarea{
  width:100%;
  min-height:49px;
  padding:12px 14px;
  border:1px solid #343434;
  border-radius:8px;
  outline:0;
  background:#0b0b0b;
  color:#fff;
  font:inherit;
  resize:vertical;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.contact-form textarea{min-height:105px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--red);background:#101010;box-shadow:0 0 0 3px rgba(225,6,0,.14)}
.contact-form .button{width:100%;margin-top:2px}
.contact-form .form-privacy{margin:0;color:#777;font-size:11px;line-height:1.45}
@media(max-width:900px){.contact-tools-grid{grid-template-columns:1fr}.contact-map,.contact-map iframe{min-height:390px}}
@media(max-width:720px){
  .contact-tools{padding:4px 20px 70px}
  .contact-tools-head{margin-bottom:22px}
  .contact-tools-grid{gap:14px}
  .contact-map,.contact-map iframe{min-height:330px}
  .contact-form{padding:20px}
  .contact-form .form-row{grid-template-columns:1fr}
}
@media(max-width:720px) and (prefers-reduced-motion:reduce){.mobile-actions a,.mobile-actions a:before,.mobile-actions a:after{animation:none}}

/* Refined mobile navigation */
@media(max-width:720px){
  body.menu-open{overflow:hidden}
  .header{z-index:100}
  .menu{
    width:43px;
    height:43px;
    padding:0;
    display:grid;
    place-items:center;
    position:relative;
    z-index:102;
    border:1px solid #303030;
    border-radius:50%;
    background:#151515;
    color:#fff;
    font-size:25px;
    line-height:1;
    cursor:pointer;
    transition:background .25s ease,border-color .25s ease,transform .25s ease;
  }
  .menu[aria-expanded="true"]{background:var(--red);border-color:var(--red);transform:rotate(90deg)}
  .header nav{
    width:calc(100vw - 24px);
    max-height:calc(100vh - 112px);
    padding:12px;
    position:absolute;
    top:72px;
    right:12px;
    left:auto;
    display:flex;
    flex-direction:column;
    gap:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transform:translateY(-14px) scale(.975);
    transform-origin:top right;
    background:rgba(12,12,12,.98);
    border:1px solid #303030;
    border-top:3px solid var(--red);
    border-radius:0 0 15px 15px;
    box-shadow:0 24px 55px rgba(0,0,0,.72),0 0 0 100vmax rgba(0,0,0,.58);
    transition:opacity .24s ease,transform .3s cubic-bezier(.2,.8,.2,1),visibility .3s;
  }
  .header nav.open{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:translateY(0) scale(1);
  }
  .header nav>a,.header nav>.has-dropdown>a{
    width:100%;
    min-height:49px;
    padding:0 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #242424;
    border-radius:8px;
    color:#eee;
    font-size:14px;
    letter-spacing:.01em;
    transition:background .2s ease,color .2s ease,padding .2s ease;
  }
  .header nav>a:after,.header nav>.has-dropdown>a:after{content:'›';color:#777;font-size:22px;font-weight:400}
  .header nav>a:hover,.header nav>a:focus-visible,.header nav>.has-dropdown>a:hover,.header nav>.has-dropdown>a:focus-visible{
    padding-left:19px;
    background:#1c1c1c;
    color:#fff;
    outline:none;
  }
  .header nav>a:last-child{border-bottom:0}
  .header nav .has-dropdown{width:100%;display:block}
  .header nav .has-dropdown>a:after{content:'›';font-size:22px;color:#777}
  .header nav .dropdown{display:none!important}
}
@media(max-width:720px) and (prefers-reduced-motion:reduce){.header nav,.menu{transition:none}}

/* Premium mobile off-canvas menu */
@media(max-width:720px){
  .header nav{
    width:min(84vw,360px);
    max-height:none;
    height:100dvh;
    padding:92px 18px 28px;
    position:fixed;
    top:0;
    right:0;
    left:auto;
    gap:7px;
    visibility:hidden;
    opacity:0;
    transform:translateX(105%);
    transform-origin:right center;
    background:linear-gradient(155deg,#181818 0%,#090909 72%);
    border:0;
    border-left:1px solid rgba(255,255,255,.1);
    border-radius:18px 0 0 18px;
    box-shadow:-28px 0 70px rgba(0,0,0,.62),-100vw 0 0 100vw rgba(0,0,0,.58);
    transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .25s ease,visibility .42s;
  }
  .header nav:before{
    content:'MENÜ';
    position:absolute;
    top:31px;
    left:22px;
    color:#777;
    font-size:11px;
    font-weight:900;
    letter-spacing:.22em;
  }
  .header nav:after{
    content:'MFY GARAGE';
    margin-top:auto;
    padding:18px 13px 0;
    border-top:1px solid #242424;
    color:#666;
    font-size:10px;
    font-weight:800;
    letter-spacing:.16em;
  }
  .header nav.open{opacity:1;transform:translateX(0)}
  .header nav>a,.header nav>.has-dropdown>a{
    min-height:52px;
    padding:0 15px;
    border:1px solid transparent;
    border-bottom-color:#242424;
    border-radius:10px;
    opacity:0;
    transform:translateX(18px);
    font-size:14px;
    transition:opacity .25s ease,transform .38s cubic-bezier(.22,1,.36,1),background .2s,border-color .2s,color .2s;
  }
  .header nav.open>a,.header nav.open>.has-dropdown>a{opacity:1;transform:none}
  .header nav.open>a:nth-child(1){transition-delay:.08s}
  .header nav.open>a:nth-child(2){transition-delay:.11s}
  .header nav.open>a:nth-child(3){transition-delay:.14s}
  .header nav.open>a:nth-child(4){transition-delay:.17s}
  .header nav.open>a:nth-child(5){transition-delay:.2s}
  .header nav.open>.has-dropdown{transition-delay:.23s}
  .header nav.open>a:nth-last-child(2){transition-delay:.26s}
  .header nav.open>a:last-child{transition-delay:.29s}
  .header nav>a:hover,.header nav>a:focus-visible,.header nav>.has-dropdown>a:hover,.header nav>.has-dropdown>a:focus-visible{
    padding-left:15px;
    background:#202020;
    border-color:#333;
  }
  .header nav>a:last-child{
    margin-top:7px;
    justify-content:center;
    border:0;
    background:linear-gradient(135deg,#f32922,#bd0000);
    box-shadow:0 10px 24px rgba(225,6,0,.22);
    font-weight:900;
  }
  .header nav>a:last-child:after{display:none}
  .header nav .has-dropdown{opacity:0;transform:translateX(18px);transition:opacity .25s ease,transform .38s cubic-bezier(.22,1,.36,1)}
  .header nav.open .has-dropdown{opacity:1;transform:none}
  .menu{
    width:42px;
    height:42px;
    border-color:#333;
    background:rgba(21,21,21,.96);
    box-shadow:0 8px 22px rgba(0,0,0,.28);
  }
  .menu[aria-expanded="true"]{transform:rotate(90deg) scale(.94);box-shadow:0 8px 22px rgba(225,6,0,.3)}
}
@media(max-width:720px) and (prefers-reduced-motion:reduce){
  .header nav,.header nav>a,.header nav .has-dropdown{transition:none}
}

/* Service photography cards */
.service-card{
  padding:0!important;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:linear-gradient(155deg,#181818,#0d0d0d)!important;
}
.service-card .service-image{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  flex:none;
  border-bottom:1px solid #292929;
  filter:saturate(.92) contrast(1.04);
  transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .4s ease;
}
.service-card:hover .service-image{transform:scale(1.045);filter:saturate(1.08) contrast(1.05)}
.service-card h3{margin:20px 22px 6px}
.service-card p{margin:0 22px 24px}
.services .service-card>b{
  top:14px;
  right:14px;
  min-width:38px;
  height:30px;
  padding:0 9px;
  display:grid;
  place-items:center;
  z-index:2;
  border:1px solid rgba(255,255,255,.2);
  border-radius:20px;
  background:rgba(0,0,0,.68);
  backdrop-filter:blur(8px);
  color:#fff;
  font-size:11px;
}
.service-page-grid{max-width:1300px}
.service-page-grid .service-card{min-height:300px}
.service-page-grid .service-card h3{font-size:22px}
@media(max-width:720px){
  .service-card h3{margin:17px 18px 5px;font-size:19px}
  .service-card p{margin:0 18px 20px}
  .service-page-grid .service-card{min-height:0}
}
@media(prefers-reduced-motion:reduce){.service-card .service-image{transition:none}.service-card:hover .service-image{transform:none}}

/* Floating contact shortcuts on tablet and desktop */
@media(min-width:721px){
  .mobile-actions{
    width:auto;
    height:auto;
    position:fixed;
    z-index:90;
    right:22px;
    bottom:22px;
    left:auto;
    display:flex;
    flex-direction:column;
    gap:10px;
    pointer-events:none;
  }
  .mobile-actions a{
    --action-rgb:38,136,213;
    width:52px;
    height:52px;
    position:relative;
    isolation:isolate;
    display:grid;
    place-items:center;
    border:2px solid rgba(255,255,255,.2);
    border-radius:50%;
    background:#2688d5;
    box-shadow:0 7px 19px rgba(0,0,0,.42);
    pointer-events:auto;
    font-size:0;
    animation:action-enter .72s cubic-bezier(.2,.9,.25,1.25) both;
    transition:transform .22s ease,filter .22s ease,box-shadow .22s ease;
  }
  .mobile-actions a:hover{transform:translateX(-4px) scale(1.06);filter:brightness(1.08);box-shadow:0 10px 25px rgba(0,0,0,.48)}
  .mobile-actions .wa{--action-rgb:47,197,75;background:#2fc54b;animation-delay:.1s}
  .mobile-actions .route{--action-rgb:240,181,29;background:#f0b51d;animation-delay:.2s}
  .mobile-actions .instagram{--action-rgb:247,45,101;background:linear-gradient(145deg,#ff6b3d,#e51d72 58%,#7d38c9);animation-delay:.3s}
  .mobile-actions svg{display:none}
  .mobile-actions a:before{
    content:"";
    width:27px;
    height:27px;
    display:block;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
  }
  .mobile-actions .call:before{background-image:url('../images/phone-icon.svg')}
  .mobile-actions .wa:before{background-image:url('../images/whatsapp-icon.svg')}
  .mobile-actions .route:before{background-image:url('../images/route-icon.svg')}
  .mobile-actions .instagram:before{background-image:url('../images/instagram-icon.svg')}
  .mobile-actions b{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
  }
}
@media(prefers-reduced-motion:reduce){.mobile-actions a{animation:none}}

/* Mobile visibility safeguard and precise icon alignment */
@media(max-width:720px){
  .mobile-actions{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:9999!important;
    right:14px!important;
    bottom:calc(16px + env(safe-area-inset-bottom))!important;
    left:auto!important;
  }
  .mobile-actions a{display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important}
  .mobile-actions .call:before{
    position:absolute;
    top:50%;
    right:auto;
    bottom:auto;
    left:50%;
    width:25px;
    height:25px;
    margin:0;
    transform:translate(-50%,-50%);
    animation:none!important;
  }
}

/* Professional site footer */
.site-footer{
  padding:0;
  display:block;
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#0c0c0c 0%,#030303 70%);
  border-top:1px solid #252525;
  color:#aaa;
}
.site-footer:before{
  content:"";
  position:absolute;
  top:-180px;
  left:-120px;
  width:420px;
  height:420px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(225,6,0,.15),transparent 68%);
  pointer-events:none;
}
.footer-main{
  width:min(1400px,90vw);
  margin:auto;
  padding:64px 0 45px;
  position:relative;
  display:grid;
  grid-template-columns:1.45fr .8fr 1fr 1.25fr;
  gap:clamp(28px,4vw,70px);
}
.footer-brand img{width:230px;height:88px;margin:0 0 18px;object-fit:cover}
.footer-brand p{max-width:350px;margin:0;color:#8e8e8e;font-size:14px;line-height:1.75}
.footer-badges{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}
.footer-badges span{padding:7px 10px;border:1px solid #2b2b2b;border-radius:20px;background:#111;color:#bbb;font-size:10px;font-weight:800;letter-spacing:.04em}
.footer-column h3{margin:9px 0 19px;color:#fff;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.footer-links{margin:0;padding:0;display:flex;flex-direction:column;gap:11px;list-style:none}
.footer-links a{display:inline-flex;align-items:center;gap:8px;color:#999;font-size:13px;transition:color .2s ease,transform .2s ease}
.footer-links a:before{content:'›';color:var(--red);font-size:17px;line-height:1}
.footer-links a:hover{color:#fff;transform:translateX(4px)}
.footer-contact{margin:0;padding:0;display:flex;flex-direction:column;gap:13px;list-style:none}
.footer-contact a,.footer-contact span{display:flex;align-items:flex-start;gap:11px;color:#aaa;font-size:13px;line-height:1.5}
.footer-contact i{width:30px;height:30px;flex:none;display:grid;place-items:center;border:1px solid #2d2d2d;border-radius:50%;background:#121212;color:#fff;font-size:13px;font-style:normal}
.footer-contact a:hover{color:#fff}
.footer-social{margin-top:19px;display:flex;gap:9px}
.footer-social a{height:36px;padding:0 13px;display:inline-flex;align-items:center;border:1px solid #303030;border-radius:8px;background:#121212;color:#ddd;font-size:11px;font-weight:800;transition:background .2s,border-color .2s,transform .2s}
.footer-social a:hover{transform:translateY(-2px);background:#1d1d1d;border-color:#444}
.footer-social .footer-wa{background:#176f36;border-color:#218846;color:#fff}
.footer-bottom{border-top:1px solid #202020;background:#020202}
.footer-bottom-inner{width:min(1400px,90vw);min-height:66px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#666;font-size:11px}
.footer-bottom a{color:#888}.footer-bottom a:hover{color:#fff}
@media(max-width:1000px){.footer-main{grid-template-columns:1.3fr 1fr 1fr}.footer-column:last-child{grid-column:1/-1}.footer-contact{display:grid;grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){
  .site-footer{padding:0}
  .footer-main{width:auto;padding:46px 22px 34px;grid-template-columns:1fr;gap:34px}
  .footer-brand img{width:205px;height:78px}
  .footer-column:last-child{grid-column:auto}
  .footer-contact{display:flex}
  .footer-bottom-inner{width:auto;min-height:82px;padding:18px 22px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}
}

/* MFY GARAGE site-wide motion language */
@keyframes page-intro{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes header-drop{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
@keyframes hero-copy-in{from{opacity:0;transform:translate3d(-28px,18px,0)}to{opacity:1;transform:translate3d(var(--hero-copy-x,0),var(--hero-copy-y,0),0)}}
@keyframes button-sheen{0%,58%{transform:translateX(-160%) skewX(-24deg)}85%,100%{transform:translateX(240%) skewX(-24deg)}}
@keyframes ambient-glow{0%,100%{opacity:.22;transform:scale(.95)}50%{opacity:.4;transform:scale(1.08)}}
.scroll-progress{
  height:3px;
  position:fixed;
  z-index:10000;
  top:0;
  right:0;
  left:0;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,#9d0000,#ff241c 52%,#ff766f);
  box-shadow:0 0 13px rgba(255,30,22,.72);
  pointer-events:none;
  will-change:transform;
}
.motion-ready body{animation:page-intro .55s ease both}
.motion-ready .header{animation:header-drop .62s cubic-bezier(.22,1,.36,1) both;transition:height .28s ease,background .28s ease,box-shadow .28s ease,border-color .28s ease}
.page-scrolled .header{background:rgba(4,4,4,.97);border-bottom-color:#35100f;box-shadow:0 12px 38px rgba(0,0,0,.48)}
.motion-ready .slide.active>div{
  --hero-copy-x:calc(var(--hero-x,0px) * -.18);
  --hero-copy-y:calc(var(--hero-y,0px) * -.18);
  animation:hero-copy-in .8s cubic-bezier(.22,1,.36,1) both;
  transition:transform .35s ease-out;
}
.motion-ready .slide.active:before{
  content:"";
  width:44vw;
  height:44vw;
  position:absolute;
  z-index:1;
  right:-12vw;
  bottom:-24vw;
  border-radius:50%;
  background:radial-gradient(circle,rgba(225,6,0,.32),transparent 68%);
  pointer-events:none;
  animation:ambient-glow 7s ease-in-out infinite;
}
.motion-reveal{
  opacity:0;
  transform:translate3d(0,30px,0) scale(.985);
  transition:opacity .7s ease var(--reveal-delay,0ms),transform .78s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms);
  will-change:opacity,transform;
}
.motion-reveal.motion-visible{opacity:1;transform:none;will-change:auto}
.motion-card{
  --tilt-x:0deg;
  --tilt-y:0deg;
  --glow-x:50%;
  --glow-y:50%;
  transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transform-style:preserve-3d;
  position:relative;
  overflow:hidden;
  transition:transform .32s ease,border-color .3s ease,box-shadow .3s ease!important;
}
.motion-card:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  border-radius:inherit;
  background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(255,255,255,.12),transparent 34%);
  opacity:0;
  pointer-events:none;
  transition:opacity .3s ease;
}
.motion-card:hover:after{opacity:1}
.motion-card:hover{border-color:#4a3332!important;box-shadow:0 24px 54px rgba(0,0,0,.48),0 0 0 1px rgba(225,6,0,.08)}
.services article.motion-card:hover,.cards article.motion-card:hover,.gallery article.motion-card:hover{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-6px)}
.motion-ready .service-card .service-image,.motion-ready .gallery img{transition:transform .8s cubic-bezier(.2,.75,.25,1),filter .5s ease}
.motion-ready .service-card:hover .service-image,.motion-ready .gallery article:hover img{transform:scale(1.065)}
.motion-ready .button{position:relative;overflow:hidden;isolation:isolate}
.motion-ready .button:after{
  content:"";
  width:34%;
  position:absolute;
  z-index:-1;
  top:-60%;
  bottom:-60%;
  left:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  animation:button-sheen 5.2s ease-in-out infinite;
  pointer-events:none;
}
.motion-ready .brand-grid a span{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}
.motion-ready .brand-grid a:hover span{transform:translateY(-5px) rotate(-2deg) scale(1.06);box-shadow:0 17px 34px rgba(0,0,0,.55)}
.motion-ready .footer-links a:before{transition:transform .22s ease}
.motion-ready .footer-links a:hover:before{transform:translateX(3px)}
@media(max-width:899px){
  .motion-card{transform:none!important}
  .motion-ready .slide.active>div{transform:none}
  .motion-ready .slide.active:before{width:80vw;height:80vw;right:-42vw;bottom:-30vw}
  .motion-reveal{transform:translate3d(0,22px,0)}
}
@media(prefers-reduced-motion:reduce){
  .motion-ready body,.motion-ready .header,.motion-ready .slide.active>div,.motion-ready .slide.active:before,.motion-ready .button:after{animation:none!important}
  .motion-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .motion-card{transform:none!important;transition:none!important}
  .scroll-progress{display:none}
}

/* Site-wide professional motion system */
@keyframes header-arrive{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
@keyframes hero-copy-arrive{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes subtle-breathe{0%,100%{opacity:.16;transform:scale(.94)}50%{opacity:.27;transform:scale(1.08)}}
.page-progress{
  width:100%;
  height:3px;
  position:fixed;
  z-index:10000;
  top:0;
  left:0;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,#9d0000,#ff2a22 58%,#ff736d);
  box-shadow:0 0 12px rgba(255,38,31,.55);
  pointer-events:none;
  will-change:transform;
}
.motion-ready .header{animation:header-arrive .65s cubic-bezier(.22,1,.36,1) both}
.motion-ready .hero .slide.active small{animation:hero-copy-arrive .65s .08s cubic-bezier(.22,1,.36,1) both}
.motion-ready .hero .slide.active h1{animation:hero-copy-arrive .75s .16s cubic-bezier(.22,1,.36,1) both}
.motion-ready .hero .slide.active p{animation:hero-copy-arrive .7s .27s cubic-bezier(.22,1,.36,1) both}
.motion-ready .hero .slide.active .button{animation:hero-copy-arrive .7s .36s cubic-bezier(.22,1,.36,1) both}
.reveal-item{
  opacity:0;
  transform:translateY(28px) scale(.985);
  filter:blur(3px);
  transition:opacity .68s ease var(--reveal-delay,0ms),transform .72s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),filter .6s ease var(--reveal-delay,0ms)!important;
  will-change:opacity,transform;
}
.reveal-item.is-revealed{opacity:1;transform:none;filter:none;will-change:auto}
.ambient-pointer-glow{
  width:360px;
  height:360px;
  position:fixed;
  z-index:1;
  top:0;
  left:0;
  border-radius:50%;
  background:radial-gradient(circle,rgba(225,6,0,.18),rgba(225,6,0,.055) 35%,transparent 70%);
  filter:blur(12px);
  mix-blend-mode:screen;
  pointer-events:none;
  will-change:transform;
}
.services article,.cards article,.gallery article{isolation:isolate}
.services article:after,.cards article:after,.gallery article:after{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  opacity:0;
  border-radius:inherit;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,55,47,.13),transparent 64%);
  pointer-events:none;
  transition:opacity .3s ease;
}
.services article:hover:after,.cards article:hover:after,.gallery article:hover:after{opacity:1}
.cards article,.gallery article{position:relative}
.button{position:relative;overflow:hidden;isolation:isolate}
.button:after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-70%;
  bottom:-70%;
  left:-50%;
  width:36%;
  transform:translateX(-250%) rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  transition:transform .72s cubic-bezier(.22,1,.36,1);
}
.button:hover:after{transform:translateX(520%) rotate(18deg)}
.brand-grid a span{transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease}
.brand-grid a:hover span{transform:translateY(-5px) rotate(-2deg);box-shadow:0 16px 30px #0009,0 0 0 1px rgba(225,6,0,.16)}
.why-visual:after{
  content:"";
  width:55%;
  aspect-ratio:1;
  position:absolute;
  border-radius:50%;
  background:radial-gradient(circle,rgba(225,6,0,.32),transparent 68%);
  animation:subtle-breathe 5s ease-in-out infinite;
  pointer-events:none;
}
.why-visual{position:relative;overflow:hidden}.why-visual img{position:relative;z-index:1}
@media(max-width:720px){
  .reveal-item{transform:translateY(20px);filter:none}
  .page-progress{height:2px}
  .ambient-pointer-glow{display:none}
}
@media(prefers-reduced-motion:reduce){
  .motion-ready .header,.motion-ready .hero .slide.active small,.motion-ready .hero .slide.active h1,.motion-ready .hero .slide.active p,.motion-ready .hero .slide.active .button,.why-visual:after{animation:none!important}
  .reveal-item{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .button:after{display:none}
}

/* Exact geometric center for the phone glyph on every screen size */
.mobile-actions .call:before{
  position:absolute!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  left:50%!important;
  width:25px!important;
  height:25px!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  animation:none!important;
  background-position:center!important;
  background-size:contain!important;
}