.service-hero{position:relative;overflow:hidden;background:#111418 url('e46-m3-hero.png') center 57%/cover no-repeat;color:white;padding:45px 0 105px;min-height:570px}
.service-hero-spare-car-keys{background-image:url('hero-spare-keys.png')}
.service-hero-all-keys-lost{background-image:url('hero-all-keys-lost.png')}
.service-hero-vehicle-lockouts{background-image:url('hero-vehicle-lockouts.png')}
.service-hero-car-key-programming{background-image:url('hero-key-programming.png')}
.service-hero-oem-odis-coding{background-image:url('hero-odis-engineering.png')}
.service-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101114 0%,#101114ef 32%,#101114ad 52%,#10111430 85%)}
.service-hero .wrap{position:relative;z-index:1}
.breadcrumb{font:700 11px Manrope,sans-serif;color:#aeb6bd;margin-bottom:72px}
.breadcrumb a{color:#fff}.breadcrumb span{margin-left:7px}
.service-hero .eyebrow{color:#ff4b60}
.service-hero h1{font:800 clamp(42px,5vw,74px)/1.1 Manrope,sans-serif;letter-spacing:-3px;margin:22px 0 25px}
.service-hero h1 em{font-style:normal;color:#ff4b60}
.service-hero p{max-width:540px;color:#b9c3cb;line-height:1.85;font-size:15px}
.service-hero-number{position:absolute;right:28px;bottom:-70px;color:#aeb5bc;font:800 9px Manrope;letter-spacing:2px}
.service-strip{background:#c8102e;color:#fff}.service-strip .wrap{display:flex;align-items:center;justify-content:space-between;min-height:62px;gap:16px;font:800 10px Manrope;letter-spacing:1.3px}.service-strip b{opacity:.6}
.service-explainer{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.service-explainer h2{max-width:500px}.service-explainer>p{color:#63717c;font-size:16px;line-height:1.9;margin-bottom:8px}
.steps-section{background:#17191d;color:white;padding:110px 0}.steps-section .section-heading{margin-top:12px}.steps-section .section-heading h2{font:800 clamp(38px,4.2vw,58px)/1.15 Manrope;letter-spacing:-2px;margin:0}.steps-section h2 em{font-style:normal;color:#ff4b60}.steps-section .section-heading p{color:#a6b5c0}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step{padding:32px;background:#23262b;border:1px solid #41444a;min-height:220px}.step>span{font:800 12px Manrope;color:#ff4b60}.step h3{font:800 19px Manrope;margin:45px 0 10px}.step p{font-size:13px;line-height:1.8;color:#b4bdc5}
.service-faq{padding:110px 0}.related-services h2{margin-bottom:35px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.related-grid a{background:#f4f5f5;padding:30px;border:1px solid #e5e7e7;min-height:170px;transition:transform .2s}.related-grid a:hover{transform:translateY(-4px)}.related-grid span{font:800 10px Manrope;letter-spacing:2px;color:#bc1731}.related-grid h3{font:800 23px Manrope;margin:30px 0 16px}.related-grid b{font:800 12px Manrope;color:#a7142c}
.service-cta{background:#17191d;color:white;padding:80px 0}.service-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.service-cta h2{font:800 clamp(38px,4vw,58px)/1.15 Manrope;letter-spacing:-2px;margin:17px 0}.service-cta h2 em{font-style:normal;color:#ff4b60}.service-cta p{max-width:510px;color:#b1bac3;line-height:1.8}.service-cta .btn{white-space:nowrap}
@media(max-width:700px){.service-hero{min-height:590px;background-position:64% center;padding:30px 0 70px}.service-hero:before{background:linear-gradient(90deg,#111216fa,#111216e8 58%,#11121688)}.breadcrumb{margin-bottom:65px}.service-hero h1{letter-spacing:-2px}.service-hero-number{display:none}.service-strip .wrap{flex-wrap:wrap;justify-content:center;padding:18px 22px;gap:9px}.service-strip .wrap span{font-size:9px}.service-explainer{grid-template-columns:1fr;gap:15px}.steps-section{padding:75px 0}.steps-grid,.related-grid{grid-template-columns:1fr}.step{min-height:180px}.step h3{margin-top:25px}.service-faq{padding:75px 0}.service-cta .wrap{display:block}.service-cta .btn{margin-top:20px}}