/* MotorMate v2 — intentional rebuild from reference composition, not patching old cards */
:root{--mm2-ink:#0c2330;--mm2-deep:#062e28;--mm2-lime:#6bf64c;--mm2-white:#fff;--mm2-muted:#697685}
body{background:#f7f9fb!important;overflow-x:hidden}
.topbar{height:70px!important;min-height:70px!important;padding:0 max(25px,4.15vw)!important;background:#fff!important;border:0!important;box-shadow:0 2px 10px #061f2910!important;position:relative!important;z-index:25!important;display:flex!important;align-items:center!important;gap:clamp(18px,2.6vw,42px)!important}
.top-brand{gap:7px!important;flex:0 0 auto!important;text-decoration:none!important;min-width:200px!important}
.top-brand-mark{font-size:31px!important;font-weight:950!important;color:#035239!important;line-height:1!important}
.top-brand-mark span{color:#54d939!important}
.top-brand>span:last-child{font-size:23px!important;font-weight:900!important;letter-spacing:-.055em!important;color:#102036!important;line-height:1!important}
.top-brand small{margin-top:4px!important;font-size:8px!important;letter-spacing:.05em!important;color:#718095!important}
.main-links{display:flex!important;align-items:center!important;gap:clamp(0px,.7vw,10px)!important;flex:1 1 auto!important;min-width:0!important}
.main-links a{font-size:13px!important;font-weight:730!important;color:#102036!important;padding:12px clamp(10px,1.25vw,19px)!important;min-height:42px!important;height:42px!important;white-space:nowrap!important;border-radius:30px!important;text-decoration:none!important}
.main-links a.current,.main-links a.current:hover{background:#064d34!important;color:#fff!important;box-shadow:none!important}
.header-actions{display:flex!important;align-items:center!important;gap:9px!important;flex:0 1 auto!important;min-width:0!important;margin:0!important}
.header-actions .search-wrap{width:clamp(125px,12vw,205px)!important;flex:0 1 auto!important}
.header-actions select{width:clamp(110px,10vw,145px)!important;flex:0 1 auto!important;color:#1d3444!important}
.header-actions .search-top,.header-actions select{min-height:39px!important;font-size:12px!important;border:1px solid #dce6eb!important;background:#f7f9fa!important;border-radius:13px!important}
.theme-icon{background:#f7f9fa!important;color:#173344!important;border:1px solid #dce6eb!important;width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:50%!important}
.all-menu-btn{height:41px!important;background:#064d34!important;border:0!important;color:#fff!important;border-radius:28px!important;font-size:12px!important;font-weight:800!important;padding:0 16px!important;white-space:nowrap!important;max-width:none!important;box-shadow:none!important}
.all-menu-btn:hover{background:#08734c!important}
.content:has(.motormate-v2){padding:0!important;animation:none!important;transform:none!important}
.motormate-v2{font-family:inherit;background:#f8fafb;color:#102336;overflow:hidden;min-width:0}
.motormate-v2 *{box-sizing:border-box}
.motormate-v2 a{text-decoration:none}
.mm2-hero{position:relative;display:grid;grid-template-columns:53% 47%;height:405px;background:#071f29;overflow:hidden;isolation:isolate}
.mm2-scenery{position:absolute;inset:0;background:linear-gradient(90deg,#041f27 0%,#06242b 36%,#0e28245d 66%,#0b211e40 100%),url('studio-photo/trip-road.webp') center 53%/cover no-repeat;opacity:.95;z-index:-2}
.mm2-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#061c29d0 0%,transparent 37%);pointer-events:none;z-index:-1}
.mm2-hero-text{z-index:2;padding:49px 10px 34px max(34px,5vw);align-self:center;min-width:0}
.mm2-kicker,.mm2-eyebrow{font-size:10px;letter-spacing:.19em;font-weight:900;color:#45e888}
.mm2-kicker{display:flex;align-items:center;gap:9px;color:#dbf0e7}
.mm2-kicker i{display:block;width:21px;height:2px;background:#67ef54}
.mm2-hero h1{font-size:clamp(33px,3.6vw,59px);line-height:1.08;letter-spacing:-.054em;font-weight:890;color:#fff;margin:19px 0 14px;max-width:710px;text-wrap:balance}
.mm2-hero h1 em,.mm2-hero h1 span{color:#70f75a;font-style:normal}
.mm2-hero-text>p{color:#deeee9;line-height:1.56;font-size:clamp(13px,1vw,16px);max-width:510px;margin:0 0 17px}
.mm2-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.mm2-hero-actions a{display:inline-flex;gap:15px;align-items:center;justify-content:center;border-radius:35px;padding:13px 21px;font-size:13px;font-weight:800;min-height:42px}
.mm2-primary{background:#6cf851;color:#063527}.mm2-primary:hover{background:#85ff6b;transform:translateY(-2px)}
.mm2-secondary{border:1px solid #ffffffb2;color:#fff;background:#041b20a0}.mm2-secondary:hover{background:#ffffff21}
.mm2-highlights{display:flex;flex-wrap:wrap;gap:8px 22px;color:#e0f2e7;font-size:11px;font-weight:600;margin-top:23px}.mm2-highlights span:first-letter{color:#77f756}
.mm2-hero-picture{position:relative;overflow:hidden;height:100%;display:flex;align-items:center;justify-content:center;z-index:0}
.mm2-hero-picture:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#061f29 0%,#061f2912 28%,transparent 64%);pointer-events:none}
.mm2-hero-picture img{width:100%;height:100%;object-fit:cover;object-position:48% 48%;filter:saturate(1.07) contrast(1.05);animation:mm2Ride 9s ease-in-out infinite alternate}
@keyframes mm2Ride{from{transform:scale(1.0)}to{transform:scale(1.055)}}
.mm2-toolrail{position:relative;z-index:4;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;max-width:1650px;margin:-29px auto 0;padding:0 34px}
.mm2-tool{background:#fff;min-height:96px;border-radius:15px;padding:15px 11px;display:flex;align-items:flex-start;flex-direction:column;position:relative;box-shadow:0 9px 24px #11283b1e;color:#142738;gap:5px;transition:transform .22s ease,box-shadow .22s ease}
.mm2-tool:hover{transform:translateY(-5px);box-shadow:0 15px 28px #132a3c23}
.mm2-tool-first{background:linear-gradient(150deg,#025638,#012b25);color:#fff}
.mm2-toolicon{font-size:22px;color:#086743;line-height:1.1}.mm2-tool-first .mm2-toolicon{color:#8bff66}
.mm2-toolcopy{min-width:0;display:block}.mm2-toolcopy strong{display:block;font-size:12px;line-height:1.3;letter-spacing:-.015em;font-weight:850;white-space:normal}.mm2-toolcopy small{display:none}
.mm2-tool>b{position:absolute;right:11px;bottom:11px;font-size:13px;color:#15704f}.mm2-tool-first>b{color:#84ff65}
.mm2-mainfeatures,.mm2-support,.mm2-vehicletypes,.mm2-roadcta,.mm2-learning,.mm2-disclaimer{width:calc(100% - 90px);max-width:1550px;margin-left:auto;margin-right:auto}
.mm2-mainfeatures{margin-top:42px}
.mm2-featuretitle{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:21px}
.mm2-featuretitle h2{font-size:clamp(23px,2vw,33px);margin:6px 0 0;font-weight:850;line-height:1.2;letter-spacing:-.045em;color:#112339}.mm2-featuretitle p{margin:7px 0 0;color:#718096;font-size:13px}
.mm2-featuretitle a{font-size:13px;font-weight:780;color:#067647;white-space:nowrap}
.mm2-featuregrid{display:grid;grid-template-columns:1.02fr .98fr;gap:16px;min-height:334px}
.mm2-customfeature{min-width:0;position:relative;min-height:335px;overflow:hidden;border-radius:20px;background:#061f28;color:white;display:block;box-shadow:0 10px 23px #06233b1e}
.mm2-photo{position:absolute;inset:0}.mm2-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#04161ede 1%,#041b2685 35%,transparent 69%),linear-gradient(90deg,#061b21b0,transparent 50%)}
.mm2-photo img{width:100%;height:100%;object-fit:cover;object-position:52% 42%;transition:transform .55s ease}.mm2-customfeature:hover .mm2-photo img{transform:scale(1.05)}
.mm2-darklabel{position:absolute;top:20px;left:22px;border:1px solid #ffffff88;background:#071c2399;border-radius:30px;padding:7px 11px;font-size:10px;letter-spacing:.06em;font-weight:850;color:white}
.mm2-customcopy{position:absolute;left:24px;bottom:24px;right:26px}.mm2-customcopy h3{font-size:clamp(26px,2.3vw,38px);line-height:1.12;letter-spacing:-.04em;color:#fff;margin:0 0 8px}.mm2-customcopy p{color:#f0f5f4;font-size:13px;line-height:1.4;max-width:400px;margin:0 0 14px}.mm2-customcopy>span{background:#69f450;color:#08341f;font-size:12px;font-weight:850;display:inline-flex;gap:18px;align-items:center;border-radius:25px;padding:11px 17px}
.mm2-swatches{position:absolute;right:19px;bottom:18px;display:flex;gap:6px}.mm2-swatches i{width:16px;height:16px;border:1px solid #fff8;border-radius:50%;box-shadow:0 0 0 2px #02192377}
.mm2-featureaside{display:grid;grid-template-rows:1fr 1fr;gap:13px;min-width:0}
.mm2-journeyfeature,.mm2-carefeature{position:relative;overflow:hidden;display:flex;align-items:center;min-width:0;border-radius:19px;min-height:156px;background:#e8f1f1;color:#102937;box-shadow:0 8px 25px #0e263514}
.mm2-carefeature{background:#e8ebef}
.mm2-featureaside a>div{padding:15px 23px;z-index:2;position:relative;max-width:66%}
.mm2-featureaside a img{position:absolute;right:0;top:0;height:100%;width:47%;object-fit:cover;object-position:center}
.mm2-featureaside a:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e8f1f1 35%,#e8f1f1da 52%,transparent 92%);pointer-events:none}.mm2-carefeature:after{background:linear-gradient(90deg,#e8ebef 38%,#e8ebefc7 60%,transparent 95%)!important}
.mm2-ico{font-size:22px;color:#0c684d}.mm2-featureaside h3{font-size:clamp(16px,1.45vw,22px);font-weight:850;line-height:1.12;margin:5px 0 6px;letter-spacing:-.035em}.mm2-featureaside p{font-size:12px;line-height:1.4;color:#516676;margin:0 0 7px}.mm2-featureaside strong{font-size:11px;color:#097752}
.mm2-support{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-top:17px}
.mm2-support>a{min-width:0;background:#eef9f4;border-radius:17px;min-height:96px;padding:18px 13px;display:flex;align-items:center;gap:10px;color:#132b3e;box-shadow:0 5px 16px #10243a09;transition:transform .2s ease}.mm2-support>a:nth-child(2){background:#edf5ff}.mm2-support>a:nth-child(3){background:#fff5eb}.mm2-support>a:nth-child(4){background:#f0f5f7}.mm2-support>a:nth-child(5){background:#fcf0f1}.mm2-support>a:hover{transform:translateY(-3px)}
.mm2-support>a>span{font-size:25px;color:#117957}.mm2-support>a>div{min-width:0;flex:1}.mm2-support strong{display:block;font-size:13px;font-weight:850;line-height:1.25}.mm2-support small{display:block;color:#637587;font-size:10px;line-height:1.35;margin-top:4px}.mm2-support b{font-size:13px;color:#187b56}
.mm2-vehicletypes,.mm2-learning{margin-top:52px}.mm2-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.mm2-category{border-radius:16px;overflow:hidden;height:152px;position:relative;background:#1b3039;transition:transform .2s ease}.mm2-category:hover{transform:translateY(-4px)}.mm2-category:after{content:"";inset:0;position:absolute;background:linear-gradient(0deg,#071821ef,transparent 57%)}.mm2-category img{width:100%;height:100%;object-fit:cover;object-position:center}.mm2-category>div{position:absolute;bottom:15px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;color:#fff;z-index:2;gap:7px}.mm2-category strong{font-size:13px;line-height:1.2}.mm2-category b{font-size:13px}
.mm2-roadcta{min-height:176px;display:flex;align-items:center;position:relative;border-radius:20px;overflow:hidden;background:#0b2834;color:white;margin-top:46px}.mm2-roadcta:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#09242b50 0%,#052531a8 43%,#052531 100%)}.mm2-roadcta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mm2-roadcta>div{position:relative;z-index:2;margin-left:auto;width:56%;padding:26px 42px}.mm2-roadcta span{color:#a0ffc1;font-size:10px;font-weight:850;letter-spacing:.17em}.mm2-roadcta h2{color:#fff;font-size:27px;letter-spacing:-.038em;line-height:1.2;margin:7px 0}.mm2-roadcta p{color:#e3eeec;font-size:12px;margin:0 0 17px}.mm2-roadcta a{background:#6af453;color:#062e26;border-radius:23px;padding:10px 18px;font-size:12px;font-weight:850}
.mm2-guides{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.mm2-guides>a{background:#fff;border-radius:14px;min-height:202px;overflow:hidden;box-shadow:0 8px 20px #102d3d13;color:#102638;display:flex;flex-direction:column}.mm2-guides img{width:100%;height:131px;object-fit:cover}.mm2-guides strong{font-size:13px;line-height:1.3;font-weight:850;padding:12px 14px 0}.mm2-guides span{font-size:11px;color:#177f51;padding:6px 14px 12px;margin-top:auto}.mm2-disclaimer{margin-top:40px;margin-bottom:45px;color:#748392;font-size:11px}
.motormate-v2 a:focus-visible{outline:3px solid #37c9a3;outline-offset:3px}
body.dark .motormate-v2{background:#0c1621;color:#eef5f8}body.dark .topbar{background:#10212b!important}body.dark .top-brand>span:last-child,body.dark .main-links a:not(.current){color:#f5fafb!important}body.dark .mm2-featuretitle h2{color:#f0f6f9}body.dark .mm2-tool:not(.mm2-tool-first),body.dark .mm2-guides>a{background:#192935;color:#f0f5f8}body.dark .mm2-support>a{background:#1b3139!important;color:#edf3f4}body.dark .mm2-support small,body.dark .mm2-featuretitle p{color:#adbcc3}
@media(min-width:1600px){.mm2-hero{height:465px}.mm2-tool{min-height:106px}.mm2-mainfeatures{margin-top:48px}}
@media(max-width:1360px){.main-links a:nth-child(5){display:none!important}.mm2-hero h1{font-size:clamp(34px,3.7vw,50px)}.mm2-toolrail{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:-27px}.mm2-tool{min-height:76px;flex-direction:row;align-items:center;gap:12px}.mm2-tool>b{margin-left:auto;position:static}.mm2-featuregrid{min-height:320px}.mm2-featureaside a>div{max-width:73%}.mm2-support strong{font-size:12px}}
@media(max-width:1100px){.main-links a:nth-child(4){display:none!important}.header-actions .search-wrap{display:none!important}.mm2-hero{grid-template-columns:57% 43%}.mm2-hero-text{padding-left:35px}.mm2-toolrail{padding:0 21px}.mm2-mainfeatures,.mm2-support,.mm2-vehicletypes,.mm2-roadcta,.mm2-learning,.mm2-disclaimer{width:calc(100% - 42px)}.mm2-support{grid-template-columns:repeat(3,minmax(0,1fr))}.mm2-categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.main-links{display:none!important}.header-actions{margin-left:auto!important}.mm2-hero{height:auto;min-height:485px;grid-template-columns:1fr}.mm2-hero-text{padding:45px 40px 65px;max-width:610px}.mm2-hero-picture{position:absolute;inset:0 0 0 40%;opacity:.5;z-index:-1}.mm2-hero-picture:before{background:linear-gradient(90deg,#061f29 0%,#061f297e 60%,transparent)}.mm2-hero h1{font-size:clamp(37px,6vw,56px)}.mm2-featuregrid{grid-template-columns:1fr}.mm2-featureaside{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.mm2-featureaside a>div{max-width:82%}.mm2-featureaside a img{opacity:.45;width:70%}.mm2-featureaside a:after{background:linear-gradient(90deg,#e8f1f1 30%,#e8f1f1c7 76%,transparent 100%)}.mm2-toolrail{grid-template-columns:repeat(4,minmax(0,1fr))}.mm2-guides{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.topbar{height:64px!important;min-height:64px!important;padding:0 13px!important;gap:9px!important}.top-brand{min-width:0!important}.top-brand-mark{font-size:28px!important}.top-brand>span:last-child{font-size:19px!important}.top-brand small{font-size:7px!important}.header-actions select{display:none!important}.all-menu-btn{padding:0 12px!important}.all-menu-btn span:last-child{display:none!important}.theme-icon{width:35px!important;height:36px!important;flex-basis:35px!important}.mm2-hero{min-height:510px}.mm2-hero-text{padding:36px 22px 120px;align-self:start}.mm2-hero h1{font-size:clamp(36px,9.5vw,49px)}.mm2-hero-text>p{font-size:13px;max-width:370px}.mm2-hero-picture{inset:40% 0 0 0;opacity:.65}.mm2-hero-picture:before{background:linear-gradient(180deg,#061f29 0%,#061f298a 35%,transparent 100%)}.mm2-hero-actions a{font-size:11px;padding:11px 13px;gap:7px}.mm2-highlights{font-size:10px;gap:7px 14px;margin-top:17px}.mm2-toolrail{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 12px;margin-top:-23px}.mm2-tool{min-height:66px;padding:10px;gap:8px}.mm2-toolicon{font-size:19px}.mm2-toolcopy strong{font-size:12px}.mm2-mainfeatures,.mm2-support,.mm2-vehicletypes,.mm2-roadcta,.mm2-learning,.mm2-disclaimer{width:calc(100% - 26px)}.mm2-mainfeatures{margin-top:36px}.mm2-featuretitle{gap:8px}.mm2-featuretitle h2{font-size:24px}.mm2-featuretitle a{font-size:10px}.mm2-featuregrid{gap:13px}.mm2-customfeature{min-height:320px}.mm2-swatches{display:none}.mm2-featureaside{grid-template-columns:1fr}.mm2-featureaside a{min-height:143px}.mm2-featureaside a>div{max-width:77%}.mm2-support{grid-template-columns:repeat(2,minmax(0,1fr))}.mm2-support>a{min-height:81px;padding:12px 9px}.mm2-support strong{font-size:12px}.mm2-support small{font-size:9px}.mm2-support>a>span{font-size:22px}.mm2-vehicletypes,.mm2-learning{margin-top:38px}.mm2-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mm2-category{height:130px}.mm2-category strong{font-size:11px}.mm2-roadcta{min-height:250px}.mm2-roadcta>div{width:100%;padding:28px 23px;margin:auto}.mm2-roadcta:after{background:#06232dbb}.mm2-roadcta h2{font-size:24px}.mm2-guides{gap:9px}.mm2-guides img{height:100px}.mm2-guides strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.mm2-hero-picture img,.motormate-v2 a{animation:none!important;transition:none!important}}