/* Visual direction inspired by the ScanMyOpelCAN diagnostic interface. */
:root{--ink:#28272a;--deep:#29272a;--green:#e2bc37;--muted:#68676b;--paper:#f5f4f5;--line:#dedde0}
body{background:#f5f4f5}.header,.hero,.support{background:#29272a}.header{border-color:#ffffff1f}.brand-mark,.nav-cta span,.android-icon,.faq summary span{color:#e2bc37}.brand small,.eyebrow{color:#c6c2c6}.nav nav{color:#ddd9de}.nav nav a:hover,.text-link:hover{color:#f0cb43}.eyebrow.dark{color:#747074}.eyebrow.dark span{background:#b49324}h1 em{color:#f1cf4b}h2 em{color:#aa8719}.support h2 em,.how h2 em{color:#f1cf4b}.primary{background:#e6c039;color:#222124}.primary:hover{background:#f3d65c}.hero-copy>p,.support-grid>div>p,.contact-grid>div>p{color:#c1bec1}.hero-art{background:radial-gradient(ellipse,#48454a 0%,#29272a 70%);min-height:540px}.device{position:relative;width:min(355px,85%);border:8px solid #19181b;border-radius:20px;overflow:hidden;background:#dedcdf;box-shadow:0 25px 65px #0006}.device:before{content:'';display:block;height:12px;background:#29272a}.device-bar{background:#29272a;color:#f2eff2;display:flex;align-items:center;justify-content:space-between;font:500 18px/1.2 'DM Sans',Arial,sans-serif;padding:18px 17px 22px}.device-bar span{font-size:25px;color:#d5d1d5}.device-tabs{display:flex;background:#29272a;color:#e6e3e6;justify-content:space-around;align-items:end;font-size:11px;font-weight:700}.device-tabs span,.device-tabs strong{padding:11px 4px 14px}.device-tabs strong{color:#d5b23a;border-bottom:4px solid #d5b23a}.device-body{padding:12px 10px 9px}.device-body>div{display:flex;justify-content:space-between;gap:8px;background:#fff;border-radius:8px;padding:13px 12px;margin-bottom:7px;color:#252427;font-size:13px}.device-body b{font-weight:700}.device-body small{font-size:11px;margin-left:10px}.device-body p{text-align:center;font-size:10px;color:#706e72;margin:12px 0 5px}.art-card{background:#f8f7f8;bottom:45px;right:-12px}.card-icon{background:#f4e7ad;color:#574716}.hero-bottom{color:#a6a1a5}.feature-icon{color:#aa8719}.how{background:#39373a}.how-intro,.steps p,.steps .adapter-note{color:#c9c4c8}.steps>div>span,.light-link{color:#f1cf4b}.vehicles,.updates{background:#e9e8ea}.vehicle-card{border-radius:8px}.vehicle-card.green{background:#f6f2de}.green .chips span{border-color:#e1d4a4}.chips span{border-color:#dfdce0}.vehicle-top{color:#797478}.app-tag{color:#9a7a19}.app-list a:hover{background:#e6c039}.update-grid article{border-radius:8px}.update-grid a{color:#886b12}.contact-email{color:#f1cf4b}.contact-form input,.contact-form select,.contact-form textarea{background:#383639;border-color:#777177}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline-color:#e6c039}.form-status{border-color:#c4a43b}.footer-end a{color:#e6c039!important}footer{background:#201f21}.footer-grid strong,.footer-bottom{color:#aaa4aa}a:focus-visible,summary:focus-visible{outline-color:#d2aa27}@media(max-width:800px){.hero-art{min-height:475px}.device{width:min(325px,82%)}.art-card{right:0;bottom:25px}}@media(max-width:400px){.device-tabs{font-size:10px}.device-body>div{font-size:12px}.art-card{padding:12px}}
/* Generated editorial illustration, displayed alongside vehicle selection. */
.vehicle-image{margin:0 0 20px}.vehicle-image img{display:block;width:100%;height:clamp(230px,38vw,440px);object-fit:cover;border-radius:8px}.vehicle-image figcaption{color:#777;font-size:10px;margin-top:8px}
