:root{--paper:#fff;--ink:#1d1d1f;--muted:#6e6e73;--green:#443aa0;--line:#e8e8ed}
body,h1,h2,h3,.module-code{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.wrap{width:min(1100px,calc(100% - 80px))}
.preview-notice{background:#f5f5f7;color:#86868b;letter-spacing:1.1px;font-size:9px;padding:7px}
.header{padding:18px 0;border:0}
.brand-logo{width:230px}
nav{font-size:13px;gap:32px}
.nav-contact{border:0;background:#f5f5f7;padding:11px 20px;color:#1d1d1f}
.hero{display:flex;flex-direction:column;gap:44px;text-align:center;padding:64px 0 64px}
.hero-copy{max-width:790px}
.hero .eyebrow{display:block;color:#6e6e73;font-size:12px;letter-spacing:1.4px;margin-bottom:20px}
.line{display:none}
h1{font-size:clamp(42px,4.7vw,60px);letter-spacing:-2.7px;line-height:1.07;font-weight:650}
h1 span{color:#443aa0}
.intro{font-size:19px;line-height:1.55;color:#6e6e73;margin-top:24px}
.actions{justify-content:center;margin-top:26px;gap:28px}
.button{padding:14px 24px;font-size:14px;font-weight:500;border-radius:999px;gap:22px}
.text-link{color:#443aa0;font-size:14px;font-weight:500}
.module-panel{display:grid;grid-template-columns:repeat(3,1fr);width:100%;padding:10px 20px;background:#f5f5f7;color:#1d1d1f;border-radius:26px;box-shadow:none;text-align:left}
.panel-top,.panel-bottom{display:none}
.module-panel>a{display:flex;flex-direction:column;padding:19px 25px;border:0;gap:6px}
.module-panel>a+a{border-left:1px solid #dedee4}
.module-brand{color:#86868b;font-size:11px;letter-spacing:1.2px;padding:0}
.module-code{font-size:30px;font-weight:600;letter-spacing:-.7px}
.small-code{font-size:30px;padding:0}
.module-label{color:#6e6e73;font-size:13px;margin:0}
.arrow{color:#443aa0;top:25px;right:20px;font-size:17px}
.module-panel>a:hover .module-code{color:#443aa0}
.services{background:#fff;border:0;padding:35px 0 68px}
.section-head{justify-content:center;text-align:center;margin-bottom:34px}
.section-head .eyebrow{display:none}
h2,.remote h2,.contact h2{font-size:36px;letter-spacing:-1.3px;line-height:1.2;font-weight:600}
.service-grid{gap:20px}
.service-grid article,.service-grid .hyundai-card{border:0;border-radius:26px;box-shadow:none;background:#f5f5f7;padding:30px;min-height:280px}
.card-top{margin-bottom:23px;justify-content:flex-start}
.tag,#bmw .tag,#jlr .tag,#abs .tag,.service-grid .tag,.hyundai-card .tag{background:none;color:#86868b;font-size:11px;font-weight:500;letter-spacing:.8px;padding:0}
h3{font-size:24px;line-height:1.2;letter-spacing:-.6px;font-weight:600}
.service-grid p,.hyundai-card p{font-size:15px;line-height:1.6;color:#6e6e73;margin-top:14px;margin-bottom:28px}
.service-grid a,.hyundai-card a{border:0;padding:0;color:#443aa0;font-size:13px;font-weight:500}
.hyundai-card a:hover{color:#302778}
.remote{border-top:1px solid #e8e8ed;padding:58px 0;gap:70px}
.remote .eyebrow{font-size:11px;color:#86868b;letter-spacing:1.2px}
.remote-copy p{font-size:16px;color:#6e6e73}
.remote-copy .partner-note{font-size:14px;font-weight:500;border:0;padding-top:0;color:#443aa0}
.contact{background:#f5f5f7;color:#1d1d1f;border-radius:0}
.contact-inner{padding:60px 0;gap:45px}
.contact .eyebrow{color:#86868b;font-size:11px;letter-spacing:1.2px}
.contact p:not(.eyebrow){color:#6e6e73;font-size:15px;line-height:1.65}
.contact p.small{color:#86868b;font-size:12px}
.contact-actions .button.light{background:#443aa0;color:#fff;min-width:205px}
.contact-actions .button.light:hover{background:#352b83}
.contact-actions .email{color:#443aa0;font-size:14px;border:0}
.contact-actions>span{color:#86868b;font-size:12px}
footer{font-size:11px;color:#86868b;padding:24px 0}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{padding:48px 0;gap:35px}h1{font-size:48px}.module-panel>a{padding:17px}.module-code,.small-code{font-size:26px}.module-label{font-size:12px}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.header{padding:17px 0}.brand-logo{width:205px}nav{font-size:12px}.nav-contact{padding:10px 14px}.hero{padding:37px 0 32px;gap:30px}h1{font-size:40px;letter-spacing:-1.8px}.hero .eyebrow{font-size:10px;margin-bottom:18px}.intro{font-size:16px}.actions{gap:20px;margin-top:22px}.button,.text-link{font-size:12px}.button{padding:13px 18px;gap:17px}.module-panel{grid-template-columns:1fr;padding:9px 20px;border-radius:23px}.module-panel>a{padding:17px 4px;text-align:left;display:grid;grid-template-columns:44px 1fr;gap:4px 16px}.module-panel>a+a{border-left:0;border-top:1px solid #dedee4}.module-brand{grid-row:span 2;align-self:center;font-size:10px}.module-code,.small-code{font-size:24px}.module-label{grid-column:2;font-size:12px}.arrow{right:0;top:23px}.services{padding:18px 0 38px}.section-head{margin-bottom:25px}h2,.remote h2,.contact h2{font-size:29px}.service-grid{grid-template-columns:1fr;gap:16px}.service-grid article,.service-grid .hyundai-card{min-height:0;padding:27px;border-radius:24px}.card-top{margin-bottom:19px}h3{font-size:24px}.service-grid p{font-size:16px}.service-grid a{font-size:14px}.remote{padding:37px 0;gap:22px}.contact-inner{padding:38px 0}.contact p:not(.eyebrow){font-size:14px}.contact-actions{margin-top:24px}footer{font-size:10px}}

/* Gentle brand colour and motion, with the clean layout retained. */
.hero{position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:10px -35px 70px;background:radial-gradient(ellipse at 50% 32%,#eee9ff88 0%,#f7f4ff44 36%,transparent 69%);border-radius:50%}
.hero h1 span{background:linear-gradient(115deg,#443aa0 15%,#7b5cce 75%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .button,.contact-actions .button.light{background:linear-gradient(125deg,#443aa0,#7155be);box-shadow:0 7px 20px #443aa020;transition:transform .2s,box-shadow .2s}
.hero .button:hover,.contact-actions .button.light:hover{background:linear-gradient(125deg,#393087,#6548b1);box-shadow:0 10px 25px #443aa02b;transform:translateY(-2px)}
.module-panel{background:linear-gradient(120deg,#f1edf9,#f7f6fa 60%,#eeebf7);border:1px solid #e9e3f4}
.module-code{color:#443aa0}
.service-grid article{transition:transform .22s,box-shadow .22s;background:#f7f6f9}
.service-grid article:hover{transform:translateY(-5px);box-shadow:0 16px 35px #443aa012}
.service-grid #vag{background:linear-gradient(145deg,#f1edf9,#f8f7fb)}
.service-grid #bmw{background:linear-gradient(145deg,#edf0f8,#f7f8fb)}
.service-grid #jlr{background:linear-gradient(145deg,#f4eef9,#faf8fb)}
.service-grid #abs{background:linear-gradient(145deg,#efedf8,#f9f8fc)}
.service-grid #ecu-tcu{background:linear-gradient(145deg,#ececf6,#f7f7fb)}
.service-grid .hyundai-card{background:linear-gradient(145deg,#eeeaf8,#f8f6fc)}
.service-grid .tag{color:#7864ac}
.service-grid a span,.module-panel .arrow{transition:transform .2s}
.service-grid a:hover span,.module-panel a:hover .arrow{transform:translate(2px,-2px)}
.contact{background:linear-gradient(125deg,#f4f1fa,#f7f7fa)}
@media(prefers-reduced-motion:reduce){.service-grid article,.hero .button,.contact-actions .button.light,.service-grid a span,.module-panel .arrow{transition:none}.service-grid article:hover,.hero .button:hover,.contact-actions .button.light:hover{transform:none}}
/* Original logo as a quiet background signature. */
.hero:after{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;top:70px;transform:translateX(-50%);width:min(1000px,110%);height:260px;background:url('invoice-img1.png') center/contain no-repeat;opacity:.055}
@media(max-width:620px){.hero:after{top:65px;width:125%;height:155px;opacity:.045}.hero{overflow:hidden}}main{overflow-x:clip}.hero:after{max-width:100%}

/* A natural two-line headline with the logo outside the reading area. */
.hero-copy{max-width:1050px;width:100%}
.hero h1{font-size:clamp(34px,4.1vw,55px);line-height:1.16;letter-spacing:-1.9px;font-weight:600}
.headline-second{display:block;margin-top:4px}
.hero:after{top:-4px;left:50%;height:115px;width:600px;opacity:.045}
.hero{padding-top:105px}
.hero .eyebrow{margin-bottom:18px}
@media(max-width:900px){.hero h1{font-size:38px}.hero{padding-top:100px}}
@media(max-width:620px){.hero h1{font-size:33px;letter-spacing:-1.2px;line-height:1.2}.hero{padding-top:85px}.hero:after{top:0;height:90px;width:100%;opacity:.055}.hero .eyebrow{font-size:10px}.headline-second{margin-top:8px}}
/* One full-width logo above the navigation. */
.header{flex-direction:column;align-items:stretch;padding:28px 0 18px;gap:24px}
.brand{display:block;width:100%}
.brand-logo{width:100%;max-width:none;height:auto}
.header nav{justify-content:center;gap:36px;padding-top:18px;border-top:1px solid #e8e8ed}
.hero:after{display:none}
.hero{padding-top:42px}
@media(max-width:900px){.header{padding-top:25px;gap:20px}.brand-logo{width:100%}.hero{padding-top:38px}}
@media(max-width:620px){.header{padding-top:20px;gap:16px}.brand-logo{width:100%}.header nav{gap:26px;padding-top:14px;font-size:13px}.header nav>a:not(.nav-contact){display:inline}.hero{padding-top:30px}}
.accident-service{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:42px 0 58px;border-top:1px solid #e8e8ed}
.accident-service .eyebrow{font-size:11px;letter-spacing:1.2px;color:#7864ac;margin-bottom:14px}
.accident-service p:not(.eyebrow){font-size:16px;line-height:1.65;color:#6e6e73;margin-bottom:18px}
@media(max-width:620px){.accident-service{grid-template-columns:1fr;gap:22px;padding:35px 0}.accident-service .text-link{font-size:14px}}.detail{padding:45px 0 65px;max-width:1000px}.back{display:inline-block;color:#6e6e73;font-size:14px;margin-bottom:35px}.detail h1{font-size:clamp(32px,4vw,52px);letter-spacing:-1.8px;line-height:1.15}.detail .eyebrow{color:#7864ac;margin-bottom:12px}.lead{font-size:19px;color:#6e6e73;margin:20px 0 35px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-grid article{background:#f5f3fa;border-radius:24px;padding:30px}.detail-grid h2{font-size:23px;letter-spacing:-.6px;margin-bottom:14px}.detail-grid p,.detail-cta p{font-size:16px;color:#6e6e73}.scope-note{font-size:13px;color:#6e6e73;line-height:1.65;margin:28px 0}.detail-cta{margin-top:30px;display:flex;align-items:center;gap:30px}.detail-cta p{flex:1}.detail-cta .button{flex-shrink:0}.inquiry{max-width:800px}.inquiry fieldset{border:1px solid #e5e1ed;border-radius:24px;padding:25px;margin:0 0 25px}.inquiry legend{padding:0 10px;font-size:20px;font-weight:600}.inquiry label{display:block;font-size:14px;color:#444;margin-bottom:18px}.inquiry input,.inquiry select,.inquiry textarea{display:block;width:100%;border:1px solid #d8d4e0;border-radius:12px;background:#fff;color:#222;padding:13px;font:inherit;margin-top:8px}.inquiry input:focus,.inquiry select:focus,.inquiry textarea:focus{outline:2px solid #7864ac;outline-offset:2px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.lookup-row{display:flex;gap:12px;align-items:center}.lookup-row input{margin:0;flex:1;min-width:0}.inquiry button{border:0;cursor:pointer;background:#5845a6;color:white;border-radius:14px;font-family:inherit}.inquiry [role=status]{font-size:13px;color:#6e6e73;margin:14px 0 24px}.inquiry pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f3fa;border-radius:20px;padding:24px;font:14px/1.7 inherit}.service-grid .tag{line-height:1.5}.service-grid h3{font-size:25px}.service-grid article{min-height:240px}@media(max-width:620px){.detail-grid,.form-grid{grid-template-columns:1fr}.detail-cta,.lookup-row{flex-direction:column;align-items:stretch}.detail{padding-top:30px}.detail-grid article{padding:24px}.inquiry fieldset{padding:20px}.lead{font-size:17px}.service-grid h3{font-size:23px}}