/* MotorMate cinematic design: photographed vehicle scenes, clearer tool hierarchy. */
:root{--mm-lime:#6df846;--mm-green:#058447;--mm-ink:#101c2f;--mm-paper:#f7fafc;--mm-border:#e5ebf0}
body{background:var(--mm-paper)!important;color:var(--mm-ink)!important}
body.dark{--mm-ink:#f4f7ff;--mm-paper:#0c1520;--mm-border:#283b4d;background:var(--mm-paper)!important}
html,body{max-width:100%;overflow-x:clip}
.topbar{background:rgba(255,255,255,.97)!important;min-height:72px!important;box-shadow:0 2px 16px #071c240b!important}
body.dark .topbar{background:rgba(13,26,34,.97)!important}
.main-links a{font-size:13px!important;font-weight:700!important;border-radius:50px!important;white-space:nowrap!important}
.main-links a.current{background:#06462d!important;color:#fff!important}
body.dark .main-links a.current{background:#74ee62!important;color:#0c2219!important}
.top-brand-mark{color:#06462d!important;font-size:34px!important;font-style:italic;letter-spacing:-.1em!important}
.top-brand-mark span{color:#62db4a!important}
.top-brand small{font-size:9px!important;letter-spacing:.12em!important}
.all-menu-btn{background:#085a37!important;border-color:#085a37!important;border-radius:40px!important;box-shadow:none!important}
.theme-icon{border-radius:50%!important}
.content{max-width:1630px!important;padding:20px clamp(14px,2.1vw,40px) 68px!important}
.mm-cinema-home{display:flex;flex-direction:column;gap:34px;min-width:0;max-width:100%}
.mm-cinema-home *{box-sizing:border-box}
.mm-cinema-hero{min-height:430px;position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:#102927;color:white;display:flex;align-items:center}
.mm-cinema-hero-photo{position:absolute;inset:0;background:url('cinematic/hero-green.webp') center center/cover no-repeat;z-index:-2;transform:scale(1.05);animation:mmHeroReveal 9s ease-in-out infinite alternate}
.mm-cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,#051923fa 0%,#09282cdb 37%,#09282c62 70%,#09282c16 100%);z-index:-1}
.mm-cinema-hero-content{padding:clamp(25px,5.5vw,82px);position:relative;max-width:860px}
.mm-hero-kicker,.mm-overline{font-size:11px;font-weight:850;letter-spacing:.16em;color:var(--mm-green)}
.mm-hero-kicker{color:#b8ffe3;display:flex;align-items:center;gap:12px}.mm-hero-kicker span{width:25px;height:3px;background:#6bf45d;display:block}
.mm-cinema-hero h1{font-size:clamp(38px,5vw,79px);letter-spacing:-.063em;line-height:1.035;margin:18px 0;max-width:800px;color:#fff;font-weight:900}
.mm-cinema-hero h1 em{font-style:normal;color:var(--mm-lime)}
.mm-cinema-hero-content>p{font-size:clamp(14px,1.4vw,18px);max-width:560px;line-height:1.65;color:#e7eef0!important}
.mm-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 23px}
.mm-hero-buttons a,.mm-travel-copy a{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 22px;border-radius:60px;font-weight:800;text-decoration:none;font-size:14px;transition:transform .22s,background .22s}
.mm-action-main,.mm-travel-copy a{background:var(--mm-lime);color:#092319!important}.mm-action-outline{border:1px solid #c8e3d9;color:#fff}
.mm-hero-buttons a:hover,.mm-travel-copy a:hover{transform:translateY(-3px)}
.mm-hero-facts{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;color:#d6e5da;font-weight:650}
.mm-hero-float{position:absolute;right:3.6%;bottom:8%;background:#11281fcc;border:1px solid #ffffff26;color:#fff;border-radius:17px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(14px);padding:13px 19px}.mm-hero-float b{font-size:12px;display:block}.mm-hero-float small{display:block;font-size:11px;color:#b9dbce;margin-top:4px}.mm-live-pill{width:9px;height:9px;background:var(--mm-lime);border-radius:50%;box-shadow:0 0 0 6px #8aff4a1a}
.mm-shortcuts{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin-top:-59px;position:relative;z-index:2;padding:0 19px}
.mm-shortcut{min-height:113px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;text-decoration:none!important;padding:14px 13px;border:0!important;outline:0!important;border-radius:17px;background:#fff;color:#102b26!important;box-shadow:0 12px 30px #102c351e;transition:transform .25s,box-shadow .25s,background .25s}
.mm-shortcut:hover{transform:translateY(-5px);box-shadow:0 18px 33px #0b3b2426}.mm-shortcut-lead{background:#0b563b!important;color:#fff!important}.mm-shortcut-icon{font-size:27px;color:#0d7347;font-weight:800}.mm-shortcut-lead .mm-shortcut-icon{color:#7aff5f}.mm-shortcut b{font-size:12px;line-height:1.28;font-weight:800}.mm-shortcut-arrow{margin-left:auto;color:#39a16e;font-size:16px}.mm-shortcut-lead .mm-shortcut-arrow{color:#9eff79}
.mm-showcase-row{display:grid;grid-template-columns:1.03fr 1fr;gap:16px;min-height:350px;margin-top:2px}.mm-customizer-card{min-height:350px;border-radius:24px;overflow:hidden;position:relative;display:block;isolation:isolate;color:#fff!important;text-decoration:none!important;background:#0b2022}
.mm-customizer-photo{position:absolute;inset:0;background:url('cinematic/custom-red.webp') 58% center/cover no-repeat;z-index:-2;transition:transform .6s}
.mm-customizer-card:hover .mm-customizer-photo{transform:scale(1.065)}.mm-customizer-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#04161af0,#07222c44 65%,#061a2755);z-index:-1}
.mm-kicker-tag{position:absolute;top:22px;left:22px;border:1px solid #ffffff91;border-radius:45px;padding:8px 11px;font-size:10px;font-weight:800;letter-spacing:.1em}
.mm-customizer-blurb{position:absolute;bottom:18px;left:25px;right:26px}.mm-customizer-blurb>span:first-child{font-size:11px;letter-spacing:.17em;color:#9cfb9b;font-weight:900}.mm-customizer-blurb h2{font-size:clamp(25px,2.6vw,40px);line-height:1.05;letter-spacing:-.05em;color:#fff;margin:9px 0}.mm-customizer-blurb p{max-width:370px;color:#e5edeb;font-size:13px;line-height:1.5}.mm-card-link{display:inline-flex;background:#6bfa49;color:#10301c;padding:8px 14px;border-radius:50px;font-weight:850;font-size:12px;margin-top:10px}
.mm-swatch-strip{position:absolute;top:23px;right:20px;display:flex;gap:5px}.mm-swatch-strip i{width:15px;height:15px;border:1px solid #ffffff89;border-radius:50%;background:var(--swatch)}
.mm-showcase-side{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-width:0}.mm-wide-tool{position:relative;min-height:163px;overflow:hidden;display:flex;align-items:center;background:#eef5f8;border-radius:22px;text-decoration:none!important;color:#162d36!important;transition:transform .25s}.mm-wide-tool:hover{transform:translateY(-3px)}
.mm-wide-tool-copy{position:relative;z-index:2;padding:20px 18px 20px 24px;width:65%;height:100%;background:linear-gradient(90deg,#eef5f8 65%,#eef5f800 100%)}.mm-mini-icon{font-size:24px;color:#065f41}.mm-wide-tool h3{font-size:clamp(19px,1.85vw,26px);line-height:1.1;margin:3px 0 7px;letter-spacing:-.035em}.mm-wide-tool p{font-size:12px;line-height:1.5;margin:0 0 8px;color:#465663}.mm-wide-tool-copy>span:last-child{font-size:11px;font-weight:900;color:#08744b}.mm-wide-tool img{position:absolute;width:60%;height:100%;right:0;top:0;object-fit:cover;object-position:center}
.mm-section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 0 17px}.mm-section-title h2{font-size:clamp(24px,2.5vw,34px);letter-spacing:-.05em;line-height:1.13;margin:7px 0;color:var(--mm-ink)}.mm-section-title p{color:#698195;font-size:13px;margin:7px 0}.mm-section-title>a{font-size:12px;font-weight:850;color:#09623f;text-decoration:none;white-space:nowrap}
.mm-extras-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.mm-extra{min-width:0;display:flex;gap:9px;align-items:center;padding:18px 13px;min-height:112px;border-radius:18px;background:#fff;color:#122b2e!important;text-decoration:none!important;transition:transform .25s,background .25s;box-shadow:0 5px 20px #16384d09}.mm-extra:hover{transform:translateY(-4px);background:#ecfff0}.mm-extra-icon{font-size:25px;color:#087b56;display:grid;place-items:center;background:#e7f5eb;width:44px;height:44px;border-radius:13px;flex-shrink:0}.mm-extra h3{font-size:14px;margin:0 0 5px;line-height:1.2}.mm-extra p{font-size:11px;color:#5b7183;line-height:1.5;margin:0}.mm-extra-arrow{align-self:end;margin-left:auto;color:#0b8a5d;font-weight:900;font-size:14px}
.mm-type-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.mm-type-photo{min-width:0;min-height:140px;position:relative;display:block;border-radius:16px;overflow:hidden;background:#0b2b2b;color:white!important;text-decoration:none!important}.mm-type-photo img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;transition:transform .45s}.mm-type-photo:hover img{transform:scale(1.1)}.mm-type-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071820cf,#05182000 75%)}.mm-type-photo>span{position:absolute;z-index:1;bottom:12px;left:13px;right:13px;font-size:12px;font-weight:850;display:flex;align-items:center;justify-content:space-between;text-shadow:0 1px 3px #081923}.mm-types-note{color:var(--muted);font-size:11px;margin:12px 2px 0}
.mm-travel-feature{min-height:237px;position:relative;border-radius:22px;overflow:hidden;background:#103f48;display:flex;align-items:center;justify-content:flex-end}.mm-travel-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:20% 50%}.mm-travel-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b354300 5%,#0b34417d 40%,#0b3444f2 66%)}.mm-travel-copy{position:relative;z-index:1;padding:28px 38px;max-width:480px;color:white}.mm-travel-copy>span{color:#9ffb8d;letter-spacing:.14em;font-size:11px;font-weight:800}.mm-travel-copy h2{color:white;font-size:clamp(23px,3vw,39px);line-height:1.05;letter-spacing:-.04em;margin:9px 0}.mm-travel-copy p{color:#d9ecf0;line-height:1.55;font-size:13px}.mm-travel-copy a{font-size:12px;padding:10px 16px;margin-top:6px}
.mm-guides-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.mm-guide-card{background:#fff;overflow:hidden;border-radius:17px;text-decoration:none!important;color:#162837!important;box-shadow:0 9px 26px #0b283515;transition:transform .25s}.mm-guide-card:hover{transform:translateY(-4px)}.mm-guide-card img{width:100%;height:140px;object-fit:cover;display:block}.mm-guide-card span{display:flex;justify-content:space-between;gap:12px;padding:14px 15px;font-weight:800;font-size:13px}.mm-guide-card b{color:#0f915a}
.mm-honest-note{background:#e6f5eb;border-radius:20px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px}.mm-honest-note strong{color:#12382a;font-size:20px}.mm-honest-note p{font-size:12px;color:#4b685a;margin:6px 0}.mm-honest-note>a{color:#085e38;font-size:13px;font-weight:900;white-space:nowrap}
/* Extend photographic visual language to internal tools without adding noise to forms. */
.mm-page-banner{background:#142a30!important;border:none!important;border-radius:24px!important;min-height:260px!important}.mm-banner-copy{background:linear-gradient(90deg,#102932 0%,#102932ee 68%,#10293200)!important}.mm-page-banner .eyebrow{color:#95f77e!important}.mm-page-banner h1{color:#fff!important;font-weight:900!important;font-size:clamp(30px,3.1vw,49px)!important}.mm-page-banner p{color:#d3e6e9!important}.mm-banner-art{background:#132b31!important}.mm-banner-art:before{background:linear-gradient(90deg,#102932 0%,#10293200 68%)!important}
.card{border:1px solid var(--mm-border)!important;border-radius:20px!important;box-shadow:0 7px 26px #152e3b09!important}.card:hover{border-color:var(--mm-border)!important}
.btn:not(.secondary):not(.danger){background:#0b7246!important;color:#fff!important;box-shadow:none!important}.btn:hover{transform:translateY(-2px)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none!important;border-color:#087d51!important;box-shadow:0 0 0 3px #0e935321!important}
input,select,textarea{min-width:0}.form-grid,.grid,.twocol{min-width:0}.form-grid>*,.grid>*,.twocol>*{min-width:0}
.welcome-editorial{background:#0b1c23!important}.mm-welcome-photo{background-image:url('cinematic/hero-green.webp')!important;opacity:.8!important;background-position:center 45%!important}.mm-welcome-shine{background:linear-gradient(90deg,#061820fa 0%,#061820cf 48%,#06182025)!important}.welcome-wordmark span,.welcome-subtitle{color:#8dff71!important}.welcome-progress span{background:#66fa51!important}.welcome-enter{background:#78fb53!important;color:#0e271e!important;border-color:#78fb53!important}
body.dark .mm-extra,body.dark .mm-shortcut:not(.mm-shortcut-lead),body.dark .mm-guide-card{background:#1a2b38!important;color:#eef7ff!important}body.dark .mm-shortcut-icon{color:#8ff576}body.dark .mm-extra h3,body.dark .mm-shortcut b{color:#f0f8ff}body.dark .mm-extra p{color:#b2c0c9}body.dark .mm-honest-note{background:#1b3934}body.dark .mm-honest-note strong{color:white}body.dark .mm-honest-note p{color:#b2d1bf}body.dark .mm-honest-note a{color:#95fa8d}body.dark .mm-wide-tool{background:#253b43;color:white!important}body.dark .mm-wide-tool-copy{background:linear-gradient(90deg,#253b43 65%,transparent)}body.dark .mm-wide-tool h3{color:#f1f8fa}body.dark .mm-wide-tool p{color:#d1e0ea}body.dark .mm-section-title>a{color:#8cf5a2}body.dark .mm-guide-card{color:white!important}
@keyframes mmHeroReveal{from{transform:scale(1.04)}to{transform:scale(1.1) translateX(-1.2%)}}
@media(max-width:1450px){.mm-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:-43px}.mm-shortcut{min-height:80px;flex-direction:row;align-items:center}.mm-shortcut-icon{font-size:22px}.mm-shortcut-arrow{align-self:center}.mm-extras-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mm-type-track{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.mm-cinema-hero{min-height:430px}.mm-hero-float{display:none}.mm-showcase-row{grid-template-columns:1fr}.mm-customizer-card{min-height:365px}.mm-showcase-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.mm-wide-tool{min-height:205px}.mm-wide-tool-copy{width:80%}.mm-type-track{grid-template-columns:repeat(3,minmax(0,1fr))}.mm-page-banner{grid-template-columns:minmax(0,1fr) 34%!important}}
@media(max-width:640px){.content{padding:12px 13px 45px!important}.mm-cinema-home{gap:27px}.mm-cinema-hero{min-height:560px;border-radius:19px;align-items:flex-start}.mm-cinema-hero-photo{background-position:65% bottom;opacity:.75}.mm-cinema-shade{background:linear-gradient(180deg,#081e25f5 0%,#09232ad9 50%,#0b2d3475 100%)}.mm-cinema-hero-content{padding:35px 24px}.mm-cinema-hero h1{font-size:clamp(35px,10vw,57px)}.mm-cinema-hero-content>p{font-size:14px}.mm-hero-facts{gap:8px 13px;font-size:10px}.mm-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 7px;margin-top:-35px}.mm-shortcut{padding:10px;min-height:68px}.mm-shortcut-icon{font-size:18px}.mm-shortcut b{font-size:11px}.mm-shortcut-arrow{font-size:12px}.mm-showcase-side{grid-template-columns:1fr}.mm-customizer-card{min-height:350px}.mm-extras-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mm-extra{min-height:105px;padding:11px}.mm-extra-icon{width:33px;height:33px;font-size:19px}.mm-extra h3{font-size:12px}.mm-extra p{font-size:10px}.mm-extra-arrow{display:none}.mm-type-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mm-type-photo{min-height:130px}.mm-guide-card img{height:100px}.mm-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mm-section-title{align-items:flex-start}.mm-section-title h2{font-size:25px}.mm-travel-feature{min-height:310px;align-items:flex-end}.mm-travel-feature:after{background:linear-gradient(0deg,#0b3444fa,#0b344490 75%,transparent)}.mm-travel-copy{padding:18px 20px}.mm-honest-note{display:block;padding:20px}.mm-honest-note>a{display:inline-block;margin-top:12px}.mm-page-banner{grid-template-columns:1fr!important}.mm-banner-copy{padding:25px!important}.mm-banner-art{min-height:160px!important;height:165px}.mm-page-banner .eyebrow{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.mm-cinema-hero-photo{animation:none!important}.mm-customizer-photo,.mm-type-photo img,.mm-shortcut{transition:none!important}}