:root{--ink:#020b14;--panel:#04131e;--cyan:#02d4f2;--blue:#0588bf;--white:#f2f8fc;--muted:#a8bfca;--line:rgba(0,210,242,.32)}*{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,93%);margin:auto}.site-header{height:82px;background:#020914eF;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;backdrop-filter:blur(15px)}.nav-wrap{height:100%;display:flex;align-items:center;gap:36px}.brand{height:76px;width:120px;display:grid;place-items:center}.brand img{width:100%;height:100%;object-fit:contain}.nav{display:flex;gap:32px;align-self:stretch;align-items:center}.nav a{font-family:'Barlow Condensed';font-weight:700;font-size:15px;text-transform:uppercase;border-bottom:2px solid transparent;height:100%;display:flex;align-items:center}.nav a:hover,.nav .is-active{color:var(--cyan);border-color:var(--cyan)}.quick-links{margin-left:auto;display:flex;gap:26px}.quick-links>a,.quick-links>.area{display:flex;align-items:center;gap:9px}.quick-links i{display:grid;place-items:center;color:var(--cyan);font-style:normal;border:2px solid var(--cyan);border-radius:50%;height:32px;width:32px;font-size:17px}.quick-links span>span,.quick-links>a span{display:flex;flex-direction:column}.quick-links b{font-size:12px}.quick-links small{font-size:9px;color:#dbe6ec;margin-top:3px}.menu-toggle{display:none}.hero{position:relative;min-height:665px;overflow:hidden;background:#020a12}.hero-photo{position:absolute;inset:0;background:url('assets/hero-reference.png') center 16%/cover no-repeat;opacity:.58;filter:saturate(1.18) contrast(1.06)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,9,17,.99) 0%,rgba(1,10,18,.88) 34%,rgba(1,10,18,.15) 72%),linear-gradient(0deg,rgba(1,10,18,.85),transparent 38%)}.circuit{position:absolute;width:480px;height:310px;background:repeating-linear-gradient(0deg,transparent 0 28px,rgba(0,207,238,.35) 29px 30px),repeating-linear-gradient(90deg,transparent 0 52px,rgba(0,207,238,.22) 53px 54px);opacity:.45;transform:skewY(-12deg)}.circuit-a{left:-100px;bottom:-210px}.hero-content{position:relative;z-index:2;padding-top:74px}.eyebrow{font-size:15px;letter-spacing:6px;color:var(--cyan);font-weight:800;margin:0 0 13px;text-transform:uppercase}.hero h1,.section h2,.contact-strip h2{font:800 clamp(55px,6.25vw,98px)/.82 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:1px;margin:0;text-shadow:0 3px 5px #000}.hero h1 em,.section h2 em,.contact-strip h2 em{font-style:italic;color:var(--cyan)}.hero-subline{font:500 20px 'Barlow Condensed';margin:19px 0 22px}.hero-subline b{color:var(--cyan);margin:0 5px}.trust-row{display:flex;gap:19px;flex-wrap:wrap}.trust-row span{display:flex;align-items:center;gap:6px;color:var(--cyan);font-size:22px}.trust-row b{font:700 12px 'Barlow Condensed';text-transform:uppercase;color:var(--white);margin-right:-5px}.trust-row span{font:700 10px 'Barlow Condensed';text-transform:uppercase;color:var(--white)}.hero-actions{display:flex;gap:14px;margin-top:28px}.button{display:flex;align-items:center;gap:12px;padding:10px 17px;min-height:58px;font-size:26px;border-radius:7px}.button span{font-size:11px;line-height:1.3}.button span b{font-size:16px}.button strong{font-size:36px;line-height:1;margin-left:16px;font-weight:400}.button-primary{background:linear-gradient(135deg,#10dff4,#048bc3);box-shadow:0 8px 28px #009ec06b}.button-dark{border:1px solid #12bdda;background:#03131ddd}.services{background:linear-gradient(160deg,#051622,#020a13);padding:50px 0 25px}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:0 5px 25px}.section-intro h2{font-size:48px}.section-intro>p:last-child{color:var(--muted);font-size:12px;max-width:360px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{height:230px;border:1px solid var(--cyan);border-radius:6px;background:linear-gradient(150deg,#062433,#05101a 62%);display:flex;flex-direction:column;justify-content:flex-end;padding:18px;position:relative;overflow:hidden}.service-card:before{content:'';position:absolute;inset:0;background:linear-gradient(140deg,rgba(8,173,220,.22),transparent 43%);opacity:.8}.service-card>*{position:relative}.card-icon{position:absolute;right:11px;top:10px;border:3px solid var(--cyan);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-weight:800;font-size:20px}.service-card h3{font:700 22px/1 'Barlow Condensed';text-transform:uppercase;margin:0}.service-card p{font-size:11px;line-height:1.35;margin:7px 0 0;color:#edf9fc}.benefits{border-block:1px solid var(--line);background:#030d17}.benefit-grid{display:grid;grid-template-columns:repeat(6,1fr)}.benefit-grid span{min-height:64px;display:flex;gap:8px;align-items:center;color:var(--cyan);font-size:25px}.benefit-grid b{color:var(--white);font:700 12px 'Barlow Condensed';text-transform:uppercase}.benefit-grid span{font:700 10px 'Barlow Condensed';text-transform:uppercase}.about{padding:58px 0;background:linear-gradient(120deg,#03111d,#04101a)}.split-layout{display:grid;grid-template-columns:.9fr 1.5fr;gap:32px}.about h2,.key-section h2{font-size:45px;line-height:.9;margin:0 0 19px}.about-copy>p:not(.eyebrow),.key-section>p{font-size:13px;line-height:1.48;color:#e0edf1}.about ul,.key-section ul{list-style:none;padding:0;margin:17px 0}.about li,.key-section li{font-size:12px;margin:8px 0}.about li:before,.key-section li:before{content:'✓';display:inline-grid;place-items:center;border-radius:50%;width:16px;height:16px;background:#088fc3;margin-right:8px;color:white;font-weight:bold}.signature{font:italic 28px 'Barlow Condensed';color:var(--cyan);margin-top:18px}.van-panel{min-height:360px;position:relative;overflow:hidden;border-left:3px solid var(--cyan);background:linear-gradient(130deg,#153443,#051018 74%)}.van-panel:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 40px,rgba(0,219,245,.05) 41px 42px);opacity:.7}.van-caption{position:absolute;right:22px;top:18px;color:var(--cyan);font:700 23px/.8 'Barlow Condensed';z-index:4}.van{position:absolute;z-index:2;left:11%;bottom:72px;width:66%;height:174px;border-radius:22px 48px 13px 12px;background:linear-gradient(160deg,#e7eff0,#a9bdc3 64%,#60737d);box-shadow:0 20px 38px #0009}.van:before{content:'';position:absolute;right:8%;top:18px;width:28%;height:65px;border:4px solid #344951;border-radius:8px;background:#113447}.van-brand{position:absolute;left:17%;top:25px;font:italic 700 28px 'Barlow Condensed';color:#0671bf}.van-brand small{display:block;color:#0b1820;font:700 10px Inter}.van-lines{position:absolute;right:8%;bottom:26px;width:55%;height:45px;background:repeating-linear-gradient(0deg,transparent 0 10px,#0e1b20 11px 14px);clip-path:polygon(0 35%,80% 0,100% 30%,64% 61%,100% 100%,26% 74%,0 100%)}.wheel{position:absolute;z-index:3;bottom:30px;width:70px;height:70px;border-radius:50%;border:14px solid #111e25;background:#53636a;box-shadow:inset 0 0 0 3px #94a6ae}.wheel.one{left:21%}.wheel.two{left:60%}.van-panel aside{position:absolute;right:15px;bottom:20px;z-index:5;width:160px}.van-panel aside span{display:block;border-bottom:1px solid var(--line);padding:10px 0;color:var(--cyan);font-size:16px}.van-panel aside b{font:700 11px 'Barlow Condensed';text-transform:uppercase;color:#fff}.van-panel aside span{font:700 10px 'Barlow Condensed';text-transform:uppercase}.key-section{padding:54px 0;background:#071622}.key-layout{display:grid;grid-template-columns:1fr 1.1fr .95fr;gap:25px;align-items:center}.machine{height:275px;background:linear-gradient(135deg,#0a0d12,#583a27 55%,#10171b);border:1px solid #1c576d;position:relative;overflow:hidden}.machine:before{content:'';position:absolute;inset:22px 20px 35px 34%;border-radius:10px;background:linear-gradient(140deg,#6e7982,#192027 72%);transform:perspective(300px) rotateX(5deg)}.screen{position:absolute;z-index:2;top:53px;left:48%;width:130px;height:76px;padding:21px 10px;background:#9ee2f0;color:#ef6921;font:700 16px 'Barlow Condensed';text-align:center;box-shadow:0 0 0 10px #243a44}.screen small{color:#3d7390}.machine-bed{position:absolute;z-index:3;left:41%;bottom:34px;width:190px;height:28px;background:#273b43;transform:skew(-15deg)}.makes{border:1px solid var(--cyan);padding:27px 20px;min-height:190px}.makes p{font:600 19px/1 'Barlow Condensed';text-transform:uppercase;color:var(--cyan);border-bottom:1px solid var(--line);padding-bottom:13px;margin:0}.makes p b{color:white}.make-icons{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.make-icons i{font-style:normal;border:1px solid #ccdce0;border-radius:50%;font-size:8px;font-weight:bold;width:37px;height:37px;display:grid;place-items:center}.contact-strip{background:linear-gradient(90deg,rgba(2,17,27,.92),rgba(2,15,24,.7)),url('assets/hero-reference.png') center 44%/cover;padding:29px 0;border-top:1px solid var(--cyan)}.contact-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-wrap>div:first-child{display:flex;align-items:center;gap:15px}.contact-wrap>div:first-child>i{font-size:55px;font-style:normal;color:var(--cyan)}.contact-strip h2{font-size:28px;margin:0}.contact-strip p:not(.signature){font-size:11px;margin:5px 0}.contact-wrap>.signature{font-size:30px;text-align:center;line-height:.75;text-shadow:0 2px 4px #000}.stacked-actions{display:grid;gap:6px}.stacked-actions .button{min-height:52px}.email-action{border:1px solid var(--cyan);background:#03131dde;padding:12px 20px;border-radius:6px;text-align:center;font-size:12px;font-weight:700}footer{background:#020811;padding:23px 0}.footer-wrap{display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand img{width:76px}.footer-brand p{font-size:13px;margin:0}.footer-brand b{font-size:21px;color:var(--cyan)}.footer-wrap nav{display:flex;gap:27px;font-size:11px}.footer-wrap small{font-size:9px;color:var(--muted)}
/* Rich imagery taken from the supplied design: each service now has a visual focus. */
.service-grid{grid-template-columns:repeat(5,1fr)}.service-card{height:238px;background:#05101a url('assets/hero-reference.png') 50% 40%/530% auto no-repeat}.service-card:before{background:linear-gradient(0deg,#020b14 4%,rgba(2,11,20,.88) 30%,rgba(2,11,20,.08) 77%)}.service-card.repair{background-position:3% 42%}.service-card.remap{background-position:25% 40%}.service-card.coding{background-position:48% 42%}.service-card.cutting{background-position:72% 42%}.service-card.keys{background-position:99% 42%}.card-icon{background:#03131bbb}.van{display:none}.wheel{display:none}.van-panel:before{z-index:2;pointer-events:none}.van-photo{position:absolute;inset:0;background:url('assets/hero-reference.png') 50% 62%/100% auto no-repeat;filter:saturate(1.08) contrast(1.08)}.van-panel aside{background:#03131bd4;padding:0 10px}
@media(max-width:1080px){.quick-links{display:none}.nav{margin-left:auto}.hero-photo{background-position:68% 14%}.service-grid{grid-template-columns:repeat(3,1fr)}.split-layout{grid-template-columns:1fr}.van-panel{min-height:380px}.key-layout{grid-template-columns:1fr 1fr}.makes{grid-column:1/-1}.benefit-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:670px){.site-header{height:68px}.brand{width:88px;height:65px}.menu-toggle{display:grid;gap:4px;background:none;border:0;margin-left:auto}.menu-toggle span{width:25px;height:2px;background:#e7f8fc}.nav{display:none;position:absolute;top:68px;left:0;right:0;padding:12px 5%;background:#020b14;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{height:auto;padding:12px 0;border-bottom:1px solid #12303b}.hero{min-height:590px}.hero-photo{background-position:66% 8%;opacity:.36}.hero-shade{background:linear-gradient(90deg,rgba(1,9,17,.98),rgba(1,10,18,.75)),linear-gradient(0deg,rgba(1,10,18,.85),transparent 38%)}.hero-content{padding-top:70px}.eyebrow{font-size:10px;letter-spacing:3px}.hero h1{font-size:60px}.hero-subline{font-size:16px;max-width:290px}.trust-row{max-width:330px;gap:10px}.trust-row span{font-size:9px}.hero-actions{flex-direction:column;max-width:260px}.button{min-height:52px}.services{padding-top:36px}.section-intro{display:block}.section-intro h2{font-size:39px;margin-top:4px}.service-grid{grid-template-columns:1fr 1fr;gap:8px}.service-card{height:190px;padding:12px}.service-card h3{font-size:18px}.service-card p{font-size:9px}.card-icon{width:38px;height:38px;font-size:16px;border-width:2px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid span{min-height:48px;font-size:19px}.about{padding:42px 0}.about h2,.key-section h2{font-size:39px}.van-panel{min-height:330px}.van-photo{background-size:145% auto;background-position:49% 61%}.van-panel aside{display:none}.key-layout{grid-template-columns:1fr}.machine{height:220px}.makes{grid-column:auto}.contact-wrap{flex-direction:column;align-items:flex-start;gap:18px}.contact-wrap>.signature{display:none}.stacked-actions{width:100%}.footer-wrap{flex-direction:column;align-items:flex-start;gap:15px}.footer-wrap nav{gap:13px;flex-wrap:wrap}.section{overflow:hidden}}

/* ECU remapping replaces the former gallery area. */
.remap-section{padding:62px 0;background:linear-gradient(120deg,#030c15,#09202d)}.remap-layout{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:46px}.remap-visual{height:330px;position:relative;overflow:hidden;border:1px solid var(--cyan);background:#041521}.remap-photo{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,19,32,.2)),url('assets/hero-reference.png') 30% 44%/170% auto no-repeat;filter:saturate(1.12) contrast(1.15)}.remap-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,6,12,.8),transparent 55%)}.remap-chip{position:absolute;z-index:2;right:24px;bottom:21px;padding:18px 26px;background:#03131eea;border:1px solid var(--cyan);font:700 21px/.8 'Barlow Condensed';letter-spacing:2px;color:var(--cyan)}.remap-chip b{font-size:32px}.remap-copy h2{font-size:50px;line-height:.87;margin:0 0 17px}.remap-copy>p:not(.eyebrow){font-size:13px;line-height:1.6;color:#d5e5eb;max-width:480px}.remap-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0}.remap-benefits span{border-left:2px solid var(--cyan);padding-left:10px}.remap-benefits b{display:block;font:700 17px 'Barlow Condensed';text-transform:uppercase}.remap-benefits small{font-size:9px;line-height:1.35;color:var(--muted);display:block;margin-top:3px}@media(max-width:1080px){.remap-layout{grid-template-columns:1fr}.remap-copy{max-width:650px}}@media(max-width:670px){.remap-section{padding:44px 0}.remap-visual{height:230px}.remap-photo{background-size:220% auto;background-position:32% 45%}.remap-copy h2{font-size:41px}.remap-benefits{grid-template-columns:1fr;gap:14px}.remap-benefits span{padding-left:12px}}

/* Separate contact actions and a less boxy service layout. */
.button-whatsapp{background:#20bd69;border:1px solid #6cf0a6;box-shadow:0 8px 28px #0ba75a4a}.service-grid{grid-template-columns:repeat(5,1fr);gap:15px}.service-card{height:270px;padding:0;border:0;border-bottom:3px solid var(--cyan);border-radius:0;background-color:#071923;background-size:590% auto;isolation:isolate}.service-card:before{background:linear-gradient(0deg,#03101a 0%,rgba(3,16,26,.93) 29%,rgba(3,16,26,.08) 72%)}.service-card>div{padding:15px 16px 17px}.service-card h3{font-size:24px;max-width:180px}.service-card p{font-size:10px;max-width:190px}.service-no{display:block;font:700 11px 'Barlow Condensed';letter-spacing:2px;color:var(--cyan);margin-bottom:31px}.card-icon{display:none}@media(max-width:1080px){.service-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:670px){.service-grid{grid-template-columns:1fr;gap:12px}.service-card{height:210px;background-size:235% auto}.service-card.repair{background-position:9% 42%}.service-card.remap{background-position:32% 40%}.service-card.coding{background-position:54% 42%}.service-card.cutting{background-position:75% 42%}.service-card.keys{background-position:98% 42%}.service-no{margin-bottom:18px}.service-card h3{font-size:26px}}
.service-list{border-top:1px solid rgba(98,189,211,.38)}.service-list a{display:grid;grid-template-columns:70px minmax(225px,1.05fr) minmax(260px,1fr) 35px;gap:20px;align-items:center;min-height:92px;border-bottom:1px solid rgba(98,189,211,.26);padding:16px 12px;transition:background .2s,padding .2s}.service-list a:hover{background:linear-gradient(90deg,rgba(0,192,228,.16),transparent 66%);padding-left:25px}.service-list .service-no{font:700 14px 'Barlow Condensed';letter-spacing:2px;color:var(--cyan);margin:0}.service-list h3{font:700 30px/1 'Barlow Condensed';text-transform:uppercase;margin:0}.service-list p{font-size:12px;line-height:1.45;color:var(--muted);margin:0}.service-arrow{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-size:18px;font-weight:400}@media(max-width:670px){.service-list a{grid-template-columns:42px 1fr 30px;gap:11px;min-height:0;padding:18px 3px}.service-list h3{font-size:24px}.service-list p{grid-column:2/4;font-size:11px;margin-top:-8px}.service-list a:hover{padding-left:8px}}
.service-page{min-height:100vh;background:radial-gradient(circle at 82% 25%,#07435c 0,transparent 33%),#020b14}.service-detail{min-height:calc(100vh - 82px);padding:90px 0;background:linear-gradient(90deg,rgba(2,11,20,.92),rgba(2,11,20,.54)),url('assets/hero-reference.png') 80% 16%/cover}.service-detail .container{max-width:900px;margin-left:max(4%,calc((100% - 1440px)/2))}.back-link{display:inline-block;color:var(--cyan);font-size:12px;margin-bottom:68px}.service-detail h1{font:800 clamp(62px,8vw,106px)/.8 'Barlow Condensed';text-transform:uppercase;margin:0}.service-detail h1 em{font-style:italic;color:var(--cyan)}.service-lead{max-width:560px;font-size:16px;line-height:1.65;color:#deedf1;margin:28px 0}.detail-panel{max-width:650px;border-left:2px solid var(--cyan);padding:3px 0 4px 18px}.detail-panel h2{font:700 26px 'Barlow Condensed';text-transform:uppercase;margin:0}.detail-panel p{color:var(--muted);font-size:13px;line-height:1.6;margin:8px 0}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.service-nav{margin-left:auto}@media(max-width:670px){.service-nav{display:flex;position:static;flex-direction:row;padding:0;background:transparent;border:0;gap:15px}.service-nav a{font-size:12px;padding:0;border:0}.service-detail{padding:50px 0;background-position:66% 15%}.service-detail .container{width:90%;margin:auto}.back-link{margin-bottom:50px}.service-lead{font-size:14px}.detail-actions{flex-direction:column;max-width:270px}}

/* Only the upper vehicle part of the supplied artwork is used in the hero.
   This prevents the artwork's built-in service cards from appearing behind the page content. */
.hero-photo{background-size:auto 320%;background-position:right top}@media(max-width:670px){.hero-photo{background-size:auto 260%;background-position:72% top}}

/* Minimal service pages: short information and direct contact, without a second visual hero. */
.service-page{background:#030d16}.service-page .site-header{height:70px}.service-page .brand{height:66px;width:94px}.service-page .nav a{font-size:13px}.service-detail{min-height:calc(100vh - 70px);padding:68px 0 90px;background:linear-gradient(125deg,#061722,#020a12 72%)}.service-detail .container{width:min(760px,90%);margin:auto}.back-link{margin-bottom:38px;font-weight:700}.service-detail .eyebrow{font-size:11px;letter-spacing:4px;margin-bottom:10px}.service-detail h1{font-size:clamp(52px,7vw,76px);line-height:.84;max-width:650px}.service-lead{font-size:15px;line-height:1.6;margin:22px 0;color:#d2e1e7}.detail-panel{max-width:none;border:1px solid rgba(0,211,242,.34);border-left:3px solid var(--cyan);padding:18px 20px;background:rgba(4,23,34,.65)}.detail-panel h2{font-size:21px}.detail-panel p{font-size:12px;max-width:590px;margin:6px 0 0}.detail-actions{margin-top:22px}.detail-actions .button{min-width:210px}.service-page .service-nav{gap:24px}@media(max-width:670px){.service-page .site-header{height:64px}.service-page .brand{height:62px;width:80px}.service-page .service-nav{gap:13px}.service-detail{min-height:calc(100vh - 64px);padding:44px 0 60px}.service-detail h1{font-size:51px}.service-detail .eyebrow{font-size:10px}.service-lead{font-size:14px}.detail-panel{padding:16px}.detail-actions .button{width:100%;min-width:0}}
.service-detail{background:linear-gradient(90deg,rgba(2,11,20,.96) 0%,rgba(2,11,20,.85) 43%,rgba(2,11,20,.3) 100%),url('assets/hero-reference.png') 80% 17%/cover}.detail-panel{background:rgba(3,16,25,.82)}@media(max-width:670px){.service-detail{background-position:65% 14%}}
.services .section-intro .eyebrow{font:800 clamp(34px,4vw,58px)/.9 'Barlow Condensed';letter-spacing:1px;color:var(--white)}
.remap-photo{background-image:linear-gradient(115deg,rgba(0,15,25,.16),rgba(0,174,214,.13)),url('assets/autotuner-ecu-remapping.png');background-size:cover;background-position:50% 63%;filter:saturate(1.05) contrast(1.14)}.remap-visual:after{background:linear-gradient(0deg,rgba(0,6,12,.82),rgba(0,6,12,.06) 62%)}