:root{--paper:#101419;--ink:#f4f7fa;--muted:#aebbc6;--line:#2e3c47;--green:#55c8f5;color-scheme:dark}
body{background:#101419;color:var(--ink)}
.preview-notice{background:#1a2027;color:#a2b0bd}
.header{padding:24px 0 20px;gap:18px}.brand-logo{filter:hue-rotate(-50deg) drop-shadow(0 6px 24px #268fc925)}
.header nav{border-color:#2e3c47}.nav-contact{background:#1d2c37;color:#def4ff;border:1px solid #355469}
.nav-contact:hover{background:#253e50;color:#fff}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.3fr 1fr;gap:35px;text-align:left;padding:75px 0 85px}
.hero:before{inset:0 -80px;background:radial-gradient(ellipse at 85% 40%,#078ec72b,transparent 62%);border-radius:0}
.hero-copy{max-width:700px}.hero h1{font-size:clamp(36px,4.5vw,62px);font-weight:700;letter-spacing:-2px;line-height:1.12}
.hero h1 span{background:linear-gradient(100deg,#61caff,#6de8df);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .eyebrow{color:#8bd4ef;letter-spacing:2px;font-size:11px}.intro{color:#aebbc6;font-size:18px}.actions{justify-content:flex-start;gap:22px}
.button,.hero .button,.contact-actions .button.light,.inquiry button{background:linear-gradient(120deg,#0570bc,#00798c);color:#fff;border-radius:10px;box-shadow:0 8px 30px #078ec72b;font-weight:600}
.button:hover,.hero .button:hover,.contact-actions .button.light:hover,.inquiry button:hover{background:linear-gradient(120deg,#0879c9,#007f92)}
.text-link{color:#79d7f5}.hero-visual{width:100%;height:auto;opacity:.95;filter:drop-shadow(0 20px 50px #078ec726)}
.hero-photo{display:block;min-width:0;max-width:600px;align-self:center;justify-self:center;object-fit:contain;border:0;border-radius:0;opacity:1;filter:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.services{background:#151b22;border-top:1px solid #293640;padding:60px 0 70px}.section-head{justify-content:flex-start;text-align:left}.section-head h2{font-size:34px}
.service-grid article,.service-grid #vag,.service-grid #bmw,.service-grid #jlr,.service-grid #abs,.service-grid #ecu-tcu,.service-grid .hyundai-card{background:linear-gradient(140deg,#202b35,#1b242d);border:1px solid #334552;border-radius:18px;box-shadow:none;padding:30px;min-height:260px}
.service-grid article:hover{transform:translateY(-4px);border-color:#37b7e2;box-shadow:0 12px 40px #0003}
.service-grid h3{color:#f4f7fa;font-size:27px}.service-grid .tag{color:#8bd4ef;font-size:11px}.service-grid p,.hyundai-card p{color:#aebbc6;font-size:15px}.service-grid a,.hyundai-card a{color:#79d7f5}
.remote,.accident-service{border-color:#2e3c47}.remote-copy p,.accident-service p:not(.eyebrow){color:#aebbc6}.remote .eyebrow,.accident-service .eyebrow{color:#8bd4ef}.remote-copy .partner-note{color:#a1e0f3}
.contact{background:linear-gradient(120deg,#142e3b,#171f27);border-top:1px solid #345367;color:#f4f7fa}.contact p:not(.eyebrow),.contact p.small,.contact-actions>span{color:#b5c4d0}.contact .eyebrow{color:#8bd4ef}.contact-actions .email{color:#a1e0f3}footer{color:#a2b0bd}
.detail .back,.lead{color:#aebbc6}.detail .eyebrow{color:#8bd4ef}.detail h1{color:#f4f7fa}.detail-grid article{background:linear-gradient(140deg,#202b35,#19222b);border:1px solid #334552;border-radius:18px}.detail-grid h2{color:#edf5fa}.detail-grid p,.detail-cta p,.scope-note{color:#b5c4d0}.detail-cta{border-top:1px solid #2e3c47;padding-top:25px}
.inquiry fieldset{background:#181f27;border-color:#354957;border-radius:18px}.inquiry legend{color:#edf5fa}.inquiry label{color:#cbd9e3}.inquiry input,.inquiry select,.inquiry textarea{background:#111820;border-color:#415d70;color:#f4f7fa}.inquiry input::placeholder,.inquiry textarea::placeholder{color:#95a6b6}.inquiry [role=status]{color:#b7d0e0}.inquiry pre{background:#162e3b;color:#e5f6ff}
.inquiry input:focus,.inquiry select:focus,.inquiry textarea:focus{outline:2px solid #55c8f5;outline-offset:2px;border-color:#55c8f5}
a:focus-visible,button:focus-visible{outline:2px solid #55c8f5;outline-offset:4px}
@media(max-width:900px){.hero{grid-template-columns:1.2fr 1fr;gap:15px}.hero h1{font-size:40px}.hero .intro{font-size:16px}.actions{flex-wrap:wrap}.hero-visual{min-width:0}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;padding:42px 0 38px;gap:22px}.hero h1{font-size:37px;letter-spacing:-1.3px}.hero-visual{width:85%;max-width:340px;justify-self:center}.hero .intro{font-size:16px}.hero:before{inset:0}.services{padding:36px 0 42px}.section-head h2{font-size:29px}.service-grid article{min-height:230px}.detail h1{font-size:38px}.header{padding-top:20px}.detail-grid article{padding:24px}}
@media(max-width:620px){.hero-photo{width:100%;max-width:420px}}
@media(prefers-reduced-motion:reduce){.service-grid article:hover{transform:none}}
.service-grid>a.service-card{display:block;color:inherit;font:inherit;border:0;padding:0;margin:0;height:100%;align-self:stretch;border-radius:18px;cursor:pointer}
.service-card article{height:100%}
.service-card .card-more{display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:#79d7f5;font-size:13px;font-weight:500}
.service-card:focus-visible{outline:2px solid #55c8f5;outline-offset:5px}
.service-grid #bmw .tag,.service-grid #jlr .tag{color:#8bd4ef}
.other-brands{margin-top:32px;padding:28px 0 0;border-top:1px solid #334552;display:grid;grid-template-columns:1fr 1.7fr;gap:12px 35px;align-items:start}
.other-brands h3{color:#79d7f5;font-size:25px;grid-row:span 2}.other-brands p{color:#aebbc6;font-size:15px}.other-brands a{justify-self:start}
@media(max-width:620px){.other-brands{grid-template-columns:1fr;gap:15px}.other-brands h3{grid-row:auto}}
.hero{grid-template-columns:1fr 1.2fr;gap:24px}
.hero-photo{width:114%;max-width:720px}
@media(max-width:900px) and (min-width:621px){.hero{grid-template-columns:1fr 1.1fr;gap:20px}.hero-photo{width:110%}}
@media(max-width:620px){.hero{grid-template-columns:1fr;gap:22px}.hero-photo{width:100%;max-width:440px}}

.skip:focus{background:#101419;color:#f4f7fa;outline:2px solid #55c8f5}
.detail-grid .text-link{display:inline-block;margin-top:14px;font-size:14px}
.inquiry pre{font-family:inherit;font-size:14px;line-height:1.7}