:root{--ink:#020c16;--deep:#041522;--panel:#082132;--cyan:#13d6e9;--white:#f4f8fa;--muted:#acc1cb;--line:rgba(19,214,233,.27)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1440px,92%);margin:auto}.site-header{height:102px;position:sticky;top:0;z-index:20;background:rgba(2,12,22,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav-wrap{height:100%;display:flex;align-items:center;gap:34px}.brand{width:100px;height:88px;flex:0 0 auto}.brand img{width:100%;height:100%;object-fit:contain}.nav{height:100%;display:flex;align-items:center;gap:31px}.nav a{height:100%;display:flex;align-items:center;border-bottom:3px solid transparent;font:700 18px 'Barlow Condensed';text-transform:uppercase}.nav a:hover,.nav a.is-active{border-color:var(--cyan);color:var(--cyan)}.header-contact{margin-left:auto;display:flex;gap:25px}.header-contact>a,.header-contact>span{border-left:1px solid #176172;padding-left:18px;display:flex;flex-direction:column}.header-contact strong{font-size:12px}.header-contact small{color:#d2e4ea;font-size:10px;margin-top:4px}.header-contact>a:first-child{color:var(--cyan)}.menu-toggle{display:none}.hero{min-height:695px;position:relative;overflow:hidden;background:#020b14}.hero-art{position:absolute;inset:0;background:url('assets/bridge-van-background.png') 76% center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#020c16 0%,rgba(2,12,22,.94) 29%,rgba(2,12,22,.37) 59%,rgba(2,12,22,.12)),linear-gradient(0deg,rgba(1,9,15,.76),transparent 44%)}.hero-content{position:relative;padding-top:112px}.eyebrow{margin:0 0 14px;color:var(--cyan);font-size:16px;font-weight:800;letter-spacing:4px;text-transform:uppercase}.eyebrow:after{content:'';display:block;width:90px;height:3px;margin-top:17px;background:var(--cyan)}h1,h2,h3{margin:0;text-transform:uppercase;font-family:'Barlow Condensed',Impact,sans-serif}.hero h1{max-width:600px;font-size:clamp(65px,6.25vw,100px);line-height:.82;letter-spacing:.5px}.hero h1 em,h2 em{display:block;color:var(--cyan);font-style:italic}.hero-copy{font-size:23px;line-height:1.65;margin:28px 0;color:#f0f6f8}.area-line{margin:0;color:#cce2e8;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.area-line:before{content:'●';color:var(--cyan);font-size:22px;margin-right:11px;vertical-align:-2px}.area-line b{color:white}.hero-actions{display:flex;gap:17px;margin-top:27px}.button{min-height:87px;display:flex;align-items:center;gap:14px;padding:13px 18px;border-radius:14px;font-weight:700}.button-icon{font-size:30px;line-height:1;border-right:1px solid rgba(255,255,255,.4);padding-right:14px}.button>span:nth-child(2){font-size:13px;text-transform:uppercase}.button>span b{display:block;font-size:17px;margin-top:5px;text-transform:none}.button strong{font-size:35px;font-weight:400;margin-left:auto}.button-primary{background:linear-gradient(120deg,#20dfe1,#0487c9);box-shadow:0 13px 30px rgba(0,184,224,.23)}.button-outline{border:2px solid var(--cyan);background:rgba(3,17,28,.8)}.section{padding:93px 0}.services{background:linear-gradient(140deg,#061a29,#020b14)}.section-heading{max-width:700px;margin-bottom:41px}.section-heading h2,.about h2,.remapping h2,.contact h2{font-size:clamp(44px,4.2vw,65px);line-height:.88;letter-spacing:.5px}.section-heading h2{color:white}.section-heading>p:last-child{max-width:545px;margin:19px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line)}.service-card{min-height:255px;position:relative;padding:28px 24px 24px;border-right:1px solid var(--line);border-bottom:2px solid var(--cyan);background:linear-gradient(155deg,rgba(9,39,57,.72),rgba(2,12,21,.86));transition:.25s}.service-card:first-child{border-left:1px solid var(--line)}.service-card:hover{background:linear-gradient(155deg,rgba(10,93,115,.65),rgba(2,12,21,.9));transform:translateY(-7px)}.service-card>span{color:var(--cyan);font:700 14px 'Barlow Condensed';letter-spacing:2px}.service-card h3{font-size:31px;line-height:.92;margin:58px 0 12px}.service-card p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.service-card>b{position:absolute;right:22px;bottom:20px;color:var(--cyan);font-size:22px}.trust-bar{border-block:1px solid var(--line);background:#03111d}.trust-bar>.container{display:grid;grid-template-columns:repeat(6,1fr)}.trust-bar span{padding:23px 12px;color:#e5f3f7;font:700 14px 'Barlow Condensed';letter-spacing:.3px;text-transform:uppercase}.trust-bar span:before{content:'✦';color:var(--cyan);margin-right:10px}.about{background:radial-gradient(circle at 92% 20%,#0a4055,transparent 31%),#04121e}.about-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:82px;align-items:center}.about h2{margin-bottom:23px}.about h2 em{font-size:.84em}.about p:not(.eyebrow):not(.signature),.remapping p:not(.eyebrow),.contact p:not(.eyebrow){color:#d3e1e6;font-size:14px;line-height:1.75}.about ul{padding:0;list-style:none;margin:26px 0}.about li{font-size:13px;margin:12px 0}.about li:before{content:'✓';display:inline-grid;place-items:center;background:#087da9;border-radius:50%;width:18px;height:18px;margin-right:10px}.signature{margin:28px 0 0;color:var(--cyan);font:italic 32px 'Barlow Condensed'}.mobile-workshop{min-height:370px;padding:38px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-left:4px solid var(--cyan);background:linear-gradient(125deg,rgba(2,13,22,.72),rgba(2,13,22,.2)),url('assets/bridge-van-background.png') 79% 65%/cover}.mobile-workshop p{margin:0;color:var(--cyan);letter-spacing:3px;font-weight:800;font-size:12px}.mobile-workshop h3{font-size:56px;line-height:.8;text-shadow:0 2px 5px #000}.mobile-workshop h3 em{color:var(--cyan);font-style:italic}.mobile-workshop div{display:flex;gap:13px}.mobile-workshop span{padding-top:10px;border-top:1px solid var(--cyan);font:700 13px 'Barlow Condensed';text-transform:uppercase}.remapping{background:#020b14}.remap-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center}.remap-image{height:390px;border:1px solid var(--line);background:linear-gradient(0deg,rgba(0,8,15,.4),rgba(0,8,15,0)),url('assets/autotuner-ecu-remapping.png') center/cover}.remapping h2{margin-bottom:22px}.remap-points{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0}.remap-points span{border-left:2px solid var(--cyan);padding-left:11px;color:var(--muted);font-size:10px;line-height:1.4}.remap-points b{display:block;margin-bottom:5px;color:white;font:700 20px 'Barlow Condensed';text-transform:uppercase}.text-link{display:inline-block;border-bottom:2px solid var(--cyan);padding-bottom:8px;color:var(--cyan);font-size:13px;font-weight:800;text-transform:uppercase}.text-link b{font-size:21px;margin-left:16px}.contact{padding:50px 0;background:linear-gradient(90deg,rgba(2,12,22,.95),rgba(2,12,22,.54)),url('assets/bridge-van-background.png') center 57%/cover;border-top:1px solid var(--cyan)}.contact-layout{display:flex;align-items:center;justify-content:space-between;gap:42px}.contact h2{font-size:50px}.contact h2 em{display:inline}.contact p:last-child{margin-bottom:0}.contact-actions{min-width:300px;display:grid;gap:10px}.contact-actions .button{min-height:68px}.contact-actions .button-icon{font-size:22px}.email-link{padding:16px;border:1px solid var(--cyan);border-radius:9px;background:rgba(2,13,23,.9);font-size:13px;font-weight:700;text-align:center}footer{padding:25px 0;background:#010811}.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-wrap>div{display:flex;align-items:center;gap:12px}.footer-wrap img{width:76px;height:62px;object-fit:contain}.footer-wrap p{margin:0;font-size:12px}.footer-wrap p b{font-size:22px;color:var(--cyan)}.footer-wrap nav{display:flex;gap:24px;font-size:11px}.footer-wrap small{font-size:10px;color:var(--muted)}
/* Service detail pages share the same visual system. */.service-page{background:var(--ink)}.service-page .site-header{height:76px}.service-page .brand{height:72px;width:88px}.service-page .nav{margin-left:auto}.service-detail{min-height:calc(100vh - 76px);padding:88px 0;background:linear-gradient(90deg,rgba(2,12,22,.97),rgba(2,12,22,.76) 50%,rgba(2,12,22,.35)),url('assets/bridge-van-background.png') 75% center/cover}.service-detail .container{width:min(820px,90%);margin-left:max(5%,calc((100% - 1440px)/2))}.back-link{color:var(--cyan);font-size:13px;font-weight:700}.service-detail .eyebrow{margin-top:65px}.service-detail h1{font:800 clamp(58px,7vw,90px)/.82 'Barlow Condensed';text-transform:uppercase}.service-detail h1 em{font-style:italic;color:var(--cyan)}.service-lead{max-width:590px;font-size:16px;line-height:1.65}.detail-panel{max-width:650px;padding:18px;border-left:3px solid var(--cyan);background:rgba(3,22,34,.78)}.detail-panel h2{font-size:29px}.detail-panel p{color:var(--muted);font-size:13px;line-height:1.55}.detail-actions{display:flex;gap:14px;margin-top:28px}.detail-actions .button{min-height:67px}
@media(max-width:1120px){.header-contact{display:none}.nav{margin-left:auto}.service-grid{grid-template-columns:repeat(3,1fr)}.service-card:nth-child(4){border-left:1px solid var(--line)}.trust-bar>.container{grid-template-columns:repeat(3,1fr)}.about-layout,.remap-layout{grid-template-columns:1fr;gap:45px}.about-layout>div{max-width:700px}.contact-layout{align-items:flex-end}.hero-art{background-position:70% center}}@media(max-width:680px){.container{width:90%}.site-header{height:70px}.brand{height:66px;width:84px}.menu-toggle{display:grid;gap:5px;margin-left:auto;padding:9px;background:transparent;border:0}.menu-toggle span{width:26px;height:2px;background:var(--white)}.nav{display:none;position:absolute;top:70px;left:0;right:0;height:auto;padding:8px 5%;background:#020c16;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{height:auto;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.hero{min-height:680px}.hero-art{background-position:67% center;opacity:.66}.hero-overlay{background:linear-gradient(90deg,rgba(2,12,22,.98),rgba(2,12,22,.77) 62%,rgba(2,12,22,.26)),linear-gradient(0deg,rgba(1,9,15,.76),transparent 44%)}.hero-content{padding-top:73px}.eyebrow{font-size:11px;letter-spacing:2.8px}.eyebrow:after{width:64px;margin-top:12px}.hero h1{font-size:62px}.hero-copy{font-size:17px;line-height:1.55;margin-top:23px}.area-line{font-size:10px}.hero-actions{flex-direction:column;max-width:300px}.button{min-height:63px;border-radius:10px}.button>span:nth-child(2){font-size:10px}.button>span b{font-size:14px}.section{padding:60px 0}.section-heading h2,.about h2,.remapping h2{font-size:43px}.service-grid{grid-template-columns:1fr}.service-card,.service-card:nth-child(4){min-height:175px;border-left:1px solid var(--line)}.service-card h3{font-size:29px;margin:23px 0 9px}.trust-bar>.container{grid-template-columns:1fr 1fr}.trust-bar span{padding:14px 4px;font-size:12px}.about-layout{gap:32px}.mobile-workshop{min-height:280px;padding:25px}.mobile-workshop h3{font-size:43px}.mobile-workshop div{flex-direction:column;gap:7px}.remap-image{height:240px}.remap-layout{gap:35px}.remap-points{grid-template-columns:1fr;gap:14px}.contact-layout{display:block}.contact h2{font-size:43px}.contact-actions{min-width:0;margin-top:25px}.footer-wrap{align-items:flex-start;flex-direction:column;gap:14px}.footer-wrap nav{flex-wrap:wrap;gap:12px 20px}.service-page .site-header{height:65px}.service-page .brand{height:62px;width:78px}.service-page .nav{top:65px}.service-detail{min-height:calc(100vh - 65px);padding:52px 0;background-position:68% center}.service-detail .container{width:90%;margin:auto}.service-detail .eyebrow{margin-top:48px}.service-detail h1{font-size:55px}.detail-actions{flex-direction:column;max-width:290px}}

/* ASCII-safe icon overrides */.area-line:before{content:'\25CF'}.trust-bar span:before{content:'\2726'}.about li:before{content:'\2713'}

/* Background-only hero: no embedded legacy layout. */
.hero-art{background-size:auto 100%;background-position:right center}

.service-page .nav{margin-left:0}.service-page .header-contact{margin-left:auto}

/* Clear actions and more readable service detail text. */
.button-whatsapp{background:#20bd69;border:1px solid #6cf0a6;box-shadow:0 8px 28px rgba(11,167,90,.29)}.button-whatsapp .button-icon{font-family:Arial,sans-serif;font-size:23px;font-weight:800}.service-detail h1{font-size:clamp(48px,5vw,66px);line-height:.88}.service-lead{font-size:18px;line-height:1.7;max-width:650px}.detail-panel h2{font-size:27px}.detail-panel p{font-size:15px;line-height:1.65}.detail-panel{max-width:700px}.service-detail .eyebrow{font-size:13px}.header-contact{gap:15px}.header-contact>a,.header-contact>span{padding-left:13px}
@media(max-width:680px){.service-detail h1{font-size:47px}.service-lead{font-size:16px}.detail-panel p{font-size:14px}.hero-actions .button{width:100%}}

/* Themed service imagery with stronger small-copy legibility. */
.service-card{background-color:#061624;background-position:center;background-size:cover;background-repeat:no-repeat}.service-card:nth-child(1){background-image:linear-gradient(0deg,rgba(2,12,20,.97) 3%,rgba(2,12,20,.75) 47%,rgba(2,12,20,.1)),url('assets/service-electronics.png')}.service-card:nth-child(2){background-image:linear-gradient(0deg,rgba(2,12,20,.97) 3%,rgba(2,12,20,.75) 47%,rgba(2,12,20,.1)),url('assets/autotuner-ecu-remapping.png');background-position:center}.service-card:nth-child(3){background-image:linear-gradient(0deg,rgba(2,12,20,.97) 3%,rgba(2,12,20,.75) 47%,rgba(2,12,20,.1)),url('assets/service-programming.png')}.service-card:nth-child(4){background-image:linear-gradient(0deg,rgba(2,12,20,.97) 3%,rgba(2,12,20,.75) 47%,rgba(2,12,20,.1)),url('assets/service-key-cutting.png')}.service-card:nth-child(5){background-image:linear-gradient(0deg,rgba(2,12,20,.97) 3%,rgba(2,12,20,.75) 47%,rgba(2,12,20,.1)),url('assets/service-key-programming.png')}.service-card p{font-size:13px;line-height:1.55;color:#e3eef2;text-shadow:0 1px 3px #000}.service-card h3{text-shadow:0 2px 4px #000}.service-card>span{font-size:15px}@media(max-width:680px){.service-card p{font-size:12px}.service-card{background-position:center}}

/* Cleaner service cards and a more prominent service introduction. */
#services .section-heading>p:last-child{font-size:17px;line-height:1.7;max-width:620px}.service-card>span{display:none}@media(max-width:680px){#services .section-heading>p:last-child{font-size:15px}}

.about .about-intro{font-size:17px;line-height:1.75;max-width:625px}@media(max-width:680px){.about .about-intro{font-size:15px}}

/* EG Remap ECU workshop image treatment. */
.remap-image{background-image:linear-gradient(135deg,rgba(1,12,23,.74),rgba(0,180,207,.13) 52%,rgba(1,10,18,.69)),url('assets/remap-ecu-workshop.jpg');background-position:center 61%;background-size:cover;box-shadow:inset 0 0 0 1px rgba(19,214,233,.18)}.remap-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(1,10,17,.15),transparent 55%),repeating-linear-gradient(90deg,transparent 0 58px,rgba(19,214,233,.07) 59px 60px);mix-blend-mode:screen}.remap-image{position:relative;overflow:hidden}

/* Classic ECU image for the ECU remapping service card. */
.service-card:nth-child(2){background-image:linear-gradient(0deg,rgba(2,12,20,.97) 3%,rgba(2,12,20,.75) 47%,rgba(2,12,20,.1)),url('assets/service-classic-ecu.png');background-position:center;background-size:cover}

/* Distinct electronics-repair image, separate from the classic ECU remapping card. */
.service-card:nth-child(1){background-image:linear-gradient(0deg,rgba(2,12,20,.97) 3%,rgba(2,12,20,.74) 47%,rgba(2,12,20,.08)),url('assets/remap-ecu-workshop.jpg');background-position:center 62%;background-size:cover}

/* Xhorse Condor Mini motif for the key-cutting service. */
.service-card:nth-child(4){background-image:linear-gradient(0deg,rgba(2,12,20,.97) 3%,rgba(2,12,20,.72) 47%,rgba(2,12,20,.06)),url('assets/service-xhorse-condor-mini-v2.png');background-position:center;background-size:cover}

/* Clearer service-panel heading. */
.service-detail .detail-panel h2{font-family:Inter,Arial,sans-serif;font-size:20px;line-height:1.25;letter-spacing:.2px;text-transform:none;font-weight:800}

/* Keep anchor targets clear of the sticky header. */
section[id],main[id]{scroll-margin-top:120px}@media(max-width:680px){section[id],main[id]{scroll-margin-top:82px}}

/* Hybrid battery diagnostics service illustration. */
.hybrid-detail{background:linear-gradient(90deg,rgba(2,12,22,.97),rgba(2,12,22,.76) 50%,rgba(2,12,22,.35)),url('assets/bridge-van-background.png') 75% center/cover}
.hybrid-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;margin-top:30px}
.hybrid-detail .service-detail .container{width:min(1180px,90%)}
.hybrid-copy{max-width:660px}.hybrid-copy .eyebrow{margin-top:24px}
.hybrid-visual{position:relative;min-height:425px;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:32px;border:1px solid var(--line);border-radius:5px;background:radial-gradient(ellipse at 50% 48%,rgba(16,83,107,.44),rgba(3,18,29,.9) 67%),linear-gradient(135deg,#0a2637,#020c16);box-shadow:0 24px 80px rgba(0,0,0,.32),inset 0 0 50px rgba(19,214,233,.05)}
.hybrid-visual:before,.hybrid-visual:after{content:'';position:absolute;pointer-events:none}.hybrid-visual:before{inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(19,214,233,.06) 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(19,214,233,.05) 40px);mask-image:linear-gradient(transparent,black 30%,black 80%,transparent)}.hybrid-visual:after{width:280px;height:280px;border:1px solid rgba(19,214,233,.12);border-radius:50%;box-shadow:0 0 0 26px rgba(19,214,233,.025),0 0 0 60px rgba(19,214,233,.02)}
.visual-label,.visual-foot{position:absolute;left:22px;z-index:2;color:#b7d0d9;font:700 10px Inter,Arial,sans-serif;letter-spacing:2px}.visual-label{top:22px}.visual-label span{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.visual-foot{bottom:20px;color:var(--cyan);font-size:9px}.visual-foot span{padding:0 8px;color:white}
.battery-pack{position:relative;z-index:1;width:190px;height:124px;padding:17px 14px 18px;border:1px solid #3b7180;border-radius:7px;background:linear-gradient(145deg,#163847,#071923);box-shadow:0 18px 30px rgba(0,0,0,.45),inset 0 0 20px rgba(19,214,233,.1);transform:perspective(500px) rotateY(-13deg) rotateX(4deg)}.battery-terminal{position:absolute;right:28px;top:-8px;width:24px;height:9px;border:1px solid #4896a7;border-bottom:0;background:#123342;border-radius:4px 4px 0 0}.battery-modules{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;height:100%}.battery-modules i{border:1px solid rgba(95,183,197,.4);border-radius:3px;background:linear-gradient(135deg,#235a68,#0b2634);box-shadow:inset 0 0 8px rgba(19,214,233,.13)}.battery-modules i:nth-child(3n){background:linear-gradient(135deg,#247b86,#103a47)}.battery-base{position:absolute;left:8px;right:8px;bottom:-7px;height:8px;border:1px solid #286274;background:#0a202c;border-radius:0 0 5px 5px}
.diagnostic-link{position:relative;z-index:1;width:34px;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.diagnostic-link span{position:absolute;width:5px;height:5px;top:-2px;left:5px;border-radius:50%;background:#b3faff;box-shadow:0 0 8px var(--cyan);animation:signal 1.5s infinite}.diagnostic-link span:nth-child(2){left:15px;animation-delay:.4s}.diagnostic-link span:nth-child(3){left:25px;animation-delay:.8s}@keyframes signal{0%,100%{opacity:.2}50%{opacity:1}}
.phone-mockup{position:relative;z-index:1;width:140px;height:248px;padding:19px 12px 13px;border:2px solid #8caab3;border-radius:19px;background:linear-gradient(160deg,#0d2531,#020a11 75%);box-shadow:0 18px 32px rgba(0,0,0,.5),inset 0 0 0 3px #06121a;transform:rotate(4deg)}.phone-speaker{position:absolute;top:8px;left:calc(50% - 12px);width:24px;height:3px;border-radius:3px;background:#547581}.app-brand{margin:5px 0 3px;color:white;font:800 13px 'Barlow Condensed';letter-spacing:1px}.app-brand b{color:var(--cyan)}.app-caption{color:#8cabb5;font-size:6px;font-weight:800;letter-spacing:1px}.battery-gauge{display:grid;place-items:center;width:84px;height:84px;margin:11px auto 10px;border-radius:50%;background:conic-gradient(var(--cyan) 0 76%,rgba(76,119,132,.25) 76%);position:relative}.battery-gauge:before{content:'';position:absolute;inset:6px;border-radius:50%;background:#071720}.battery-gauge>div{z-index:1;text-align:center}.battery-gauge strong,.battery-gauge small{display:block}.battery-gauge strong{color:#dffcff;font-size:8px;letter-spacing:.6px}.battery-gauge small{margin-top:3px;color:#8eaeb8;font-size:6px;letter-spacing:.6px}.app-reading{display:flex;justify-content:space-between;margin-top:6px;padding:6px 5px;border:1px solid rgba(19,214,233,.17);border-radius:3px;background:rgba(16,52,66,.45);font-size:6px;color:#a8c0c8}.app-reading b{color:#5be7c5;font-size:6px;letter-spacing:.5px}
.service-card:nth-child(6){background-image:linear-gradient(0deg,rgba(2,12,20,.98) 2%,rgba(2,12,20,.76) 48%,rgba(2,12,20,.12)),radial-gradient(ellipse at 76% 27%,rgba(19,214,233,.48),transparent 34%),linear-gradient(135deg,#154b5d,#071a29 65%,#030b14);border-bottom-width:3px;box-shadow:inset 0 0 28px rgba(19,214,233,.08)}.service-card:nth-child(6):before{content:'';position:absolute;top:25px;right:26px;width:43px;height:24px;border:2px solid rgba(89,232,244,.78);border-radius:5px;box-shadow:0 0 16px rgba(19,214,233,.22),inset 0 0 12px rgba(19,214,233,.13)}.service-card:nth-child(6):after{content:'';position:absolute;top:32px;right:20px;width:6px;height:10px;border-radius:0 3px 3px 0;background:rgba(89,232,244,.85);box-shadow:0 0 10px rgba(19,214,233,.35)}
@media(max-width:900px){.hybrid-layout{grid-template-columns:1fr;gap:34px}.hybrid-copy{max-width:700px}.hybrid-visual{min-height:370px}}
@media(max-width:680px){.hybrid-detail{padding-top:40px}.hybrid-layout{margin-top:16px;gap:28px}.hybrid-copy .eyebrow{margin-top:38px}.hybrid-visual{min-height:310px;gap:17px;padding:25px 12px}.battery-pack{width:138px;height:99px;padding:13px 10px 14px}.phone-mockup{width:112px;height:205px;padding:17px 9px 10px}.battery-gauge{width:67px;height:67px;margin:8px auto}.app-reading{margin-top:4px;padding:5px 4px}.visual-label,.visual-foot{left:14px;font-size:8px}.visual-label{top:15px}.visual-foot{bottom:14px}.diagnostic-link{width:18px}.diagnostic-link span:nth-child(2){left:8px}.diagnostic-link span:nth-child(3){left:15px}}

/* Refined service buttons and clean ECU photo treatment. */
.service-card{isolation:isolate;overflow:hidden;min-height:270px;padding:27px 24px 25px;border:1px solid rgba(19,214,233,.22);border-bottom:3px solid var(--cyan);border-radius:10px;background-color:#061624;box-shadow:inset 0 1px rgba(255,255,255,.045),0 10px 24px rgba(0,0,0,.16);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background-position .35s ease}
.service-card:focus-visible{outline:3px solid #e8fdff;outline-offset:3px;z-index:3}
.service-card:hover{transform:translateY(-5px);border-color:rgba(19,214,233,.7);border-bottom-color:#7df5ff;box-shadow:inset 0 1px rgba(255,255,255,.09),0 17px 35px rgba(0,0,0,.35),0 0 20px rgba(19,214,233,.11)}
.service-card h3{max-width:245px;margin-top:62px;font-size:clamp(25px,2vw,31px);line-height:.98;letter-spacing:.2px}
.service-card p{max-width:250px;padding-right:15px}
.service-card>b{right:20px;bottom:19px;display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(19,214,233,.7);border-radius:50%;background:rgba(2,12,22,.72);font-size:19px;transition:transform .22s ease,background .22s ease,color .22s ease}
.service-card:hover>b{transform:translate(2px,-2px);background:var(--cyan);color:#03111d}
.service-card:nth-child(6):before{top:24px;right:27px}
.service-card:nth-child(6):after{top:31px;right:21px}
.remap-image:after{background:linear-gradient(90deg,rgba(1,10,17,.16),transparent 58%);mix-blend-mode:normal}
@media(max-width:1120px){.service-card h3{font-size:29px}}
@media(max-width:680px){.service-card,.service-card:nth-child(4){min-height:182px;padding:20px 20px 21px;border-radius:8px}.service-card h3{max-width:290px;margin-top:23px;font-size:28px}.service-card p{max-width:300px;padding-right:44px}.service-card>b{right:16px;bottom:16px;width:32px;height:32px}}

/* Hybrid battery service card: clean label-led highlight. */
.service-card:nth-child(6){border:1px solid rgba(19,214,233,.5);border-bottom:3px solid #13d6e9;background-image:linear-gradient(0deg,rgba(2,12,20,.97) 3%,rgba(2,12,20,.78) 58%,rgba(2,12,20,.28)),linear-gradient(135deg,#12394a,#071a29 68%,#06121d);box-shadow:inset 0 0 24px rgba(19,214,233,.055),0 8px 22px rgba(0,0,0,.18)}
.service-card:nth-child(6):hover{border-color:rgba(19,214,233,.86);border-bottom-color:#72f2fb;box-shadow:inset 0 0 28px rgba(19,214,233,.11),0 17px 35px rgba(0,0,0,.35),0 0 20px rgba(19,214,233,.12)}
.service-card:nth-child(6):before,.service-card:nth-child(6):after{content:none}
.service-card .service-badge{display:inline-flex;align-items:center;width:max-content;margin-top:23px;padding:6px 10px;border:1px solid rgba(19,214,233,.55);border-radius:99px;background:rgba(4,24,34,.74);color:#9bf7fb;font:800 10px Inter,Arial,sans-serif;letter-spacing:1.25px;text-transform:uppercase}
.service-card:nth-child(6) h3{margin-top:14px}
@media(max-width:680px){.service-card .service-badge{margin-top:18px}.service-card:nth-child(6) h3{margin-top:10px}}

/* Matching hybrid service card with a dedicated battery mark. */
.service-card:nth-child(6){background-image:linear-gradient(0deg,rgba(2,12,20,.97) 3%,rgba(2,12,20,.76) 47%,rgba(2,12,20,.1)),url('assets/remap-ecu-workshop.jpg');background-position:center;background-size:cover;border:1px solid rgba(19,214,233,.22);border-bottom:3px solid var(--cyan);box-shadow:inset 0 1px rgba(255,255,255,.045),0 10px 24px rgba(0,0,0,.16)}
.service-card:nth-child(6):hover{border-color:rgba(19,214,233,.7);border-bottom-color:#7df5ff;box-shadow:inset 0 1px rgba(255,255,255,.09),0 17px 35px rgba(0,0,0,.35),0 0 20px rgba(19,214,233,.11)}
.service-card:nth-child(6):before,.service-card:nth-child(6):after{content:none}
.service-card .service-logo{position:absolute;top:22px;right:20px;width:48px;height:48px;padding:7px;border:1px solid rgba(19,214,233,.32);border-radius:10px;background:rgba(3,16,25,.7);object-fit:contain}
.service-card:nth-child(6) h3{max-width:225px}
@media(max-width:680px){.service-card .service-logo{top:18px;right:17px;width:42px;height:42px}.service-card:nth-child(6) h3{max-width:250px}}