:root{color-scheme:light;--ink:#0c1e35;--muted:#60748e;--blue:#2379e8;--green:#28a55b;--line:rgba(119,157,201,.3)}
.mauto-home-runtime{width:100%;color:var(--ink);font-family:Inter,Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mauto-home-runtime,.mauto-home-runtime *{box-sizing:border-box}
.mauto-home-runtime button,.mauto-home-runtime input{font:inherit}
.preview-bar{position:relative;z-index:20;display:grid;grid-template-columns:minmax(250px,1fr) auto auto auto auto;align-items:center;gap:10px;min-height:72px;padding:9px 14px;border-bottom:1px solid var(--line);background:rgba(248,251,255,.96);box-shadow:0 10px 28px rgba(29,61,99,.09);backdrop-filter:blur(18px)}
.preview-heading strong{display:block;font-size:19px;letter-spacing:-.025em}.preview-heading span{display:block;margin-top:4px;color:var(--muted);font-size:11px}
.segmented{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:15px;background:#e5eef8}
.segmented button{min-height:38px;padding:0 13px;border:0;border-radius:11px;background:transparent;color:#516881;font-weight:750;cursor:pointer}
.segmented button[aria-pressed="true"]{background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da));box-shadow:0 7px 16px rgba(29,104,211,.22);color:#fff}
.preview-stage{display:block;width:100%;height:auto;min-height:0;flex:1 1 auto;padding:12px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:linear-gradient(145deg,rgba(232,242,252,.94),rgba(218,232,248,.9))}
.device-shell{position:relative;flex:none;overflow:hidden;border:1px solid rgba(74,106,143,.5);border-radius:18px;background:#fff;box-shadow:0 30px 72px rgba(26,55,89,.22)}
.device-shell[data-device="tablet"]{border:8px solid #25364b;border-radius:27px}.device-shell[data-device="mobile"]{border:8px solid #17263a;border-radius:36px}
.device-surface{width:1440px;height:900px;overflow:auto;background:#fff;transform-origin:top left}
.site{position:relative;width:100%;min-height:100%;overflow-x:hidden;background:#fff}
.hero{position:relative;width:100%;height:660px;overflow:hidden;background:#f8fbff;isolation:isolate}
.hero-visual,.scene-layer,.matrix img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-visual{--edge:-24%;--matrix:0;--energy:0;--light:0;z-index:0;overflow:hidden;animation:cinematic 18s linear infinite}
.scene-layer.normal{z-index:0}.scene-layer.matrix{z-index:2;opacity:var(--matrix);-webkit-mask:url("../img/redraw-v1/hero-car-mask-v185.svg") center/cover no-repeat;mask:url("../img/redraw-v1/hero-car-mask-v185.svg") center/cover no-repeat}
.matrix img{-webkit-mask:linear-gradient(90deg,#000 0,#000 calc(var(--edge) - 14%),rgba(0,0,0,.9) calc(var(--edge) - 7%),rgba(0,0,0,.45) calc(var(--edge) + 4%),transparent calc(var(--edge) + 17%));mask:linear-gradient(90deg,#000 0,#000 calc(var(--edge) - 14%),rgba(0,0,0,.9) calc(var(--edge) - 7%),rgba(0,0,0,.45) calc(var(--edge) + 4%),transparent calc(var(--edge) + 17%));filter:contrast(1.035) saturate(1.035)}
.matrix-grid,.scan-edge{position:absolute;inset:0;pointer-events:none}
.matrix-grid{background:url("../img/hero/mauto-hero-matrix-grid-v152.svg") center/cover no-repeat;mix-blend-mode:screen;opacity:calc(var(--energy)*.42);-webkit-mask:linear-gradient(90deg,#000 0,#000 calc(var(--edge) - 10%),rgba(0,0,0,.5) var(--edge),transparent calc(var(--edge) + 13%));mask:linear-gradient(90deg,#000 0,#000 calc(var(--edge) - 10%),rgba(0,0,0,.5) var(--edge),transparent calc(var(--edge) + 13%))}
.scan-edge{background:linear-gradient(90deg,transparent calc(var(--edge) - 9%),rgba(220,244,255,.4) calc(var(--edge) - .4%),rgba(91,177,255,.18) calc(var(--edge) + 1.2%),transparent calc(var(--edge) + 10%));mix-blend-mode:screen;opacity:var(--energy)}
.scene-layer.lights{z-index:4;opacity:var(--light);filter:contrast(1.015) saturate(1.015)}
.scene-layer.core{z-index:5;opacity:clamp(0,calc((var(--light) - .62) * 2.64),1);filter:contrast(1.018) saturate(.97);transition:opacity .35s ease}
.hero::after{position:absolute;inset:0;z-index:6;background:radial-gradient(ellipse 570px 355px at 13% 13%,rgba(249,252,255,.98) 0%,rgba(249,252,255,.91) 35%,rgba(249,252,255,.54) 60%,rgba(249,252,255,.12) 82%,transparent 100%);content:"";pointer-events:none}
.compatibility-status{position:absolute;z-index:9;top:442px;left:55px;width:310px;padding:15px 17px;border:1px solid rgba(174,205,234,.48);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(232,242,251,.72));box-shadow:0 20px 42px -28px rgba(18,50,82,.55),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(15px) saturate(120%);opacity:0;transform:translateY(10px);transition:opacity .55s ease,transform .65s cubic-bezier(.18,.82,.24,1)}
.compatibility-status>span{display:block;color:#5480aa;font-size:10px;font-weight:780;letter-spacing:.11em;text-transform:uppercase}.compatibility-status>strong{display:block;margin-top:6px;color:#122e4b;font-size:17px;letter-spacing:-.025em}.compatibility-status>div{display:flex;align-items:center;gap:8px;margin-top:11px}.compatibility-status b{padding:5px 8px;border:1px solid rgba(102,156,211,.22);border-radius:8px;background:rgba(255,255,255,.66);color:#2c628f;font-size:10px}.compatibility-status i{color:#77a0c5;font-size:11px;font-style:normal}.phase-lights .compatibility-status{opacity:1;transform:none}.phase-auto .compatibility-status{animation:compatStatus 18s linear infinite}
.hero-copy{position:absolute;z-index:8;top:22px;left:56px;width:660px}
.hero-copy h1{margin:0;color:#0a1c33;font-size:55px;font-weight:800;line-height:1.03;letter-spacing:-.055em}.hero-copy h1 em{color:var(--mauto-ds-color-primary,#3c78da);font-style:normal}.hero-copy p{margin:12px 0 27px;color:#526a87;font-size:15px;font-weight:650}
.quick-search{display:grid;grid-template-columns:200px minmax(0,1fr) 48px 96px;align-items:center;width:652px;height:62px;padding:6px;border:1px solid rgba(91,151,221,.36);border-radius:19px;background:rgba(250,253,255,.9);box-shadow:0 16px 34px -20px rgba(25,66,115,.4),inset 0 1px #fff;backdrop-filter:blur(12px)}
.quick-tabs{display:flex;height:48px;padding:2px;border-radius:14px;background:#edf4fd}.quick-tabs button{flex:1;border:0;border-radius:11px;background:transparent;color:#5a6f88;font-weight:750}.quick-tabs button[aria-pressed="true"]{background:#fff;color:var(--mauto-ds-color-primary,#3c78da);box-shadow:0 5px 13px rgba(28,79,139,.12)}
.quick-search label{display:flex;align-items:center;min-width:0;height:44px;padding:0 10px;color:var(--mauto-ds-color-primary,#3c78da)}.quick-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#203a59;font-size:13px;font-weight:600}.quick-search .camera,.quick-search .find{height:48px;border:0;border-radius:13px;cursor:pointer}.camera{background:#eef5fd;color:var(--mauto-ds-color-primary,#3c78da);font-weight:800}.quick-search .find{background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da));color:#fff;font-weight:800;box-shadow:0 8px 16px rgba(21,104,222,.22)}
.search-toast{display:block;width:max-content;margin-top:10px;padding:8px 12px;border:1px solid rgba(42,163,94,.25);border-radius:999px;background:rgba(255,255,255,.94);color:#267a4d;font-size:12px;font-weight:700;box-shadow:0 8px 20px rgba(31,74,113,.1)}.search-toast[hidden]{display:none}
.phone{position:absolute;z-index:10;top:272px;left:132px;width:328px;height:704px}
.phone-frame{position:relative;width:328px;height:704px;border:2px solid #6b7a87;border-radius:62px;background:linear-gradient(90deg,#697987 0%,#e9eff3 7%,#8997a2 15%,#f8fbfc 43%,#b2bdc6 66%,#61727f 88%,#edf2f5 100%);box-shadow:0 27px 46px -20px rgba(18,42,68,.4),0 10px 26px -18px rgba(54,100,146,.28),inset 0 1px #fff}
.phone-frame::before{position:absolute;inset:5px;z-index:0;border:2px solid #18242e;border-radius:57px;background:#101923;box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);content:""}
.phone-screen{position:absolute;inset:9px;z-index:2;overflow:hidden;border:2px solid #0c1721;border-radius:52px;background:linear-gradient(180deg,#fbfdff,#f4f9ff 66%,#edf6ff);box-shadow:inset 0 0 0 2px rgba(221,231,239,.96),inset 0 1px #fff}
.phone-side{position:absolute;z-index:8;display:block;width:5px;border:1px solid #5d6c79;border-radius:4px;background:linear-gradient(90deg,#536574,#dfe7ec 54%,#71818d);box-shadow:inset 0 1px rgba(255,255,255,.72),0 1px 2px rgba(12,31,49,.22)}
.side-action{top:129px;left:-4px;height:36px}.side-volume-up{top:185px;left:-4px;height:53px}.side-volume-down{top:250px;left:-4px;height:53px}.side-power{top:202px;right:-4px;height:83px}
.phone-status,.phone-notice,.phone-content{position:absolute}.phone-status{inset:13px 18px auto;z-index:20;display:grid;grid-template-columns:1fr 94px 1fr;align-items:center;height:36px;color:#16324f;font-size:11px}.phone-status i{justify-self:center;width:90px;height:29px;border-radius:18px;background:#03070b}.phone-status>span{justify-self:end;display:flex;align-items:end;gap:3px;width:22px;height:16px}.phone-status em{display:block;width:4px;border-radius:3px;background:#163754}.phone-status em:nth-child(1){height:7px}.phone-status em:nth-child(2){height:12px}.phone-status em:nth-child(3){height:16px}
.phone-content{inset:65px 15px auto;z-index:2}.phone-app-title{display:flex;align-items:center;justify-content:space-between;height:34px;padding-inline:1px}.phone-app-title strong{color:#183754;font-size:17px;letter-spacing:-.024em}.phone-app-title span{max-width:124px;overflow:hidden;color:#7f9abb;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.phone-primary-card{display:grid;grid-template-rows:222px 61px;width:100%;height:284px;margin:0 0 9px;overflow:hidden;border:1px solid #beddf7;border-radius:25px;background:#fff;box-shadow:var(--mauto-ds-action-depth)}.phone-primary-card>img{display:block;width:100%;height:222px;padding:13px 14px 0;object-fit:contain}.phone-primary-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px;height:61px;padding:0 14px;border-top:1px solid rgba(190,221,247,.38)}.phone-primary-card strong{min-width:0;overflow:hidden;color:#183754;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.phone-primary-card span{max-width:128px;overflow:hidden;color:#8ba2bd;font-size:10px;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.phone-content>button{width:100%;height:56px;border:1px solid rgba(106,181,236,.82);border-radius:19px;background:#3e92d1;color:#fff;font-size:13px;font-weight:720;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.45),0 10px 20px -12px rgba(30,111,174,.65);transition:transform .18s ease,background .18s ease}.phone-content>button:active{background:#3185c5;transform:scale(.982)}
.phone-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.phone-cards article{display:grid;grid-template-rows:98px 53px;height:152px;margin:0;overflow:hidden;border:1px solid #c8e0f4;border-radius:21px;background:#fff;box-shadow:0 10px 20px -18px rgba(24,63,101,.35)}.phone-cards img{display:block;width:100%;height:98px;padding:7px 8px 0;object-fit:contain}.phone-cards article>div{height:53px;padding:4px 10px 8px}.phone-cards b,.phone-cards small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-cards b{color:#183754;font-size:12px}.phone-cards small{margin-top:3px;color:#8ba2bd;font-size:9px}
.phone-notice{inset:212px 19px auto;z-index:30;display:flex;align-items:center;gap:11px;height:76px;padding:10px 13px;overflow:hidden;border:1px solid rgba(194,224,246,.95);border-radius:21px;background:linear-gradient(110deg,rgba(255,255,255,.97),rgba(224,239,251,.94));box-shadow:0 18px 31px -17px rgba(24,63,101,.48),inset 0 1px #fff;backdrop-filter:blur(16px) saturate(115%);opacity:0;visibility:hidden;transform:translateY(10px) scale(.96);transition:opacity .28s ease,transform .42s cubic-bezier(.18,.82,.24,1),visibility .28s}.notice-visible .phone-notice{opacity:1;visibility:visible;transform:none}.notice-ring{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border:5px solid rgba(220,255,235,.9);border-radius:50%;background:linear-gradient(145deg,#42d58b,#069455);box-shadow:0 0 0 2px rgba(72,218,139,.22),0 8px 18px rgba(13,155,84,.22);color:#fff;font-size:24px}.phone-notice>div{min-width:0}.phone-notice strong,.phone-notice small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-notice strong{color:#173753;font-size:13px}.phone-notice small{margin-top:4px;color:#6583a4;font-size:9px}.phone-home{position:absolute;bottom:8px;left:50%;z-index:20;width:94px;height:4px;border-radius:999px;background:#172430;transform:translateX(-50%)}
.brand-strip{position:relative;z-index:12;width:100%;height:40px;overflow:hidden;border-block:1px solid rgba(129,166,207,.18);background:linear-gradient(180deg,#fff,#f1f7fd);box-shadow:0 8px 18px -16px rgba(38,72,112,.3)}
.brand-track{width:max-content;height:100%;animation:marquee 22s linear infinite}.brand-set{display:flex;align-items:center;gap:28px;height:100%;padding-inline:24px;white-space:nowrap}.brand-set b{color:#26394f;font-size:11px;letter-spacing:.03em}.brand-set .red{color:#e2323c}.brand-set img{display:block;width:auto;max-width:82px;height:22px;object-fit:contain;filter:saturate(.88) contrast(1.02)}
.ecosystem{min-height:760px;padding:18px 50px 60px;background:#fff}
.ecosystem header{position:relative;width:min(1340px,100%);margin:0 auto 20px;padding-left:17px}.ecosystem header::before{position:absolute;inset:1px auto 0 0;width:4px;border-radius:5px;background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da));content:""}.ecosystem h2{margin:0;color:#10253f;font-size:30px;letter-spacing:-.045em}.ecosystem h2 span{color:var(--green)}.ecosystem header p{margin:4px 0 0;color:#687c93;font-size:14px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(1254px,100%);margin:0 auto}.cards a{display:grid;grid-template-rows:230px auto auto;min-height:315px;padding:0 22px 20px;overflow:hidden;border:1px solid rgba(135,176,222,.42);border-radius:24px;background:linear-gradient(145deg,#fff,#f1f7fd);box-shadow:0 20px 38px rgba(35,68,108,.09);color:inherit;text-decoration:none;transition:transform .35s ease,box-shadow .35s ease}.cards a:hover{transform:translateY(-5px);box-shadow:0 28px 48px rgba(35,68,108,.14)}.cards img{width:100%;height:230px;object-fit:contain}.cards strong{font-size:22px}.cards small{margin-top:6px;color:#687b91;font-size:13px}
.interface-showcase{display:grid;grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:72px;min-height:790px;padding:52px max(56px,calc((100% - 1254px)/2));overflow:hidden;background:radial-gradient(circle at 78% 44%,rgba(68,145,235,.14),transparent 23rem),linear-gradient(145deg,#f9fcff,#eef6ff 62%,#f8fbff)}
.interface-copy{max-width:650px}.interface-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--mauto-ds-color-primary,#3c78da);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.interface-kicker::before{width:26px;height:2px;border-radius:4px;background:#3e8be9;content:""}.interface-copy h2{margin:15px 0 18px;color:#102942;font-size:48px;line-height:1.03;letter-spacing:-.055em}.interface-copy>p{max-width:590px;margin:0;color:#617990;font-size:16px;line-height:1.65}.interface-points{display:grid;gap:12px;margin-top:32px}.interface-points article{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start;padding:15px;border:1px solid rgba(135,176,222,.28);border-radius:18px;background:rgba(255,255,255,.58);box-shadow:0 14px 30px -28px rgba(23,60,100,.45)}.interface-points article>b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e4f1ff;color:var(--mauto-ds-color-primary,#3c78da);font-size:11px}.interface-points strong,.interface-points small{display:block}.interface-points strong{color:#183753;font-size:14px}.interface-points small{margin-top:4px;color:#7189a1;font-size:11px;line-height:1.45}
.interface-phone-target{position:relative;display:grid;place-items:center;width:430px;min-height:704px}.interface-phone-target::before{position:absolute;width:380px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(62,143,232,.18),rgba(62,143,232,.04) 52%,transparent 72%);filter:blur(8px);content:""}.interface-phone-target .phone{position:relative;z-index:1;inset:auto;width:328px;height:704px;transform:none}
.phase-normal .hero-visual,.phase-pixels .hero-visual,.phase-matrix .hero-visual,.phase-lights .hero-visual{animation:none}.phase-normal .hero-visual{--edge:-24%;--matrix:0;--energy:0;--light:0}.phase-matrix .hero-visual{--edge:124%;--matrix:1;--energy:.6;--light:0}.phase-lights .hero-visual{--edge:-24%;--matrix:0;--energy:0;--light:1}
.preview-status{position:fixed;right:16px;bottom:12px;z-index:30;padding:8px 12px;border:1px solid rgba(42,163,94,.25);border-radius:999px;background:rgba(255,255,255,.94);color:#477164;font-size:11px;box-shadow:0 8px 24px rgba(32,59,87,.1)}
.preview-clean-link,.preview-return{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:1px solid rgba(80,135,197,.28);border-radius:12px;background:rgba(255,255,255,.9);box-shadow:0 8px 18px -14px rgba(20,62,105,.45);color:var(--mauto-ds-color-primary,#3c78da);font-size:11px;font-weight:780;text-decoration:none;white-space:nowrap}
.preview-return{display:none;position:fixed;top:10px;right:10px;z-index:50;min-height:32px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px)}
body[data-view="fit"] .preview-stage{display:grid;place-items:center;padding:18px}
body[data-view="actual"] .device-shell{margin:0}
body.is-clean .preview-bar{display:none}
body.is-clean .preview-stage{padding:0;background:#fff;scrollbar-gutter:auto}
body.is-clean .device-shell{border:0;border-radius:0;box-shadow:none}
body.is-clean .preview-status{display:none}
body.is-clean .preview-return{display:inline-flex;opacity:.2;transition:opacity .2s ease}
body.is-clean .preview-return:focus-visible,body.is-clean .preview-return:hover{opacity:1}
@keyframes marquee{to{transform:translate3d(calc(-1 * var(--brand-marquee-distance)),0,0)}}
@keyframes cinematic{0%,6%{--edge:-24%;--matrix:0;--energy:0;--light:0}7%{--edge:-24%;--matrix:1;--energy:.16;animation-timing-function:cubic-bezier(.18,.72,.2,1)}12%{--energy:.5}29%{--energy:.72}32%,40%{--edge:124%;--matrix:1;--energy:.22}46%{--energy:.58}63%{--energy:.72}66%{--edge:-24%;--matrix:1;--energy:.08}68%,76%{--edge:-24%;--matrix:0;--energy:0;--light:0}77%{--light:.035}79%{--light:.16}82%{--light:.72}85%,94%{--light:1}98%,100%{--matrix:0;--energy:0;--light:0}}
@keyframes compatStatus{0%,82%{opacity:0;transform:translateY(10px)}85%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(7px)}}
@property --edge{syntax:"<percentage>";inherits:true;initial-value:-24%}@property --matrix{syntax:"<number>";inherits:true;initial-value:0}@property --energy{syntax:"<number>";inherits:true;initial-value:0}@property --light{syntax:"<number>";inherits:true;initial-value:0}
.device-shell[data-device="tablet"] .device-surface{width:768px;height:1024px}.device-shell[data-device="tablet"] .hero{height:620px}.device-shell[data-device="tablet"] .hero-visual,.device-shell[data-device="tablet"] .scene-layer,.device-shell[data-device="tablet"] .matrix img{object-position:61% 50%}.device-shell[data-device="tablet"] .hero::after{background:radial-gradient(ellipse 500px 350px at 13% 14%,rgba(249,252,255,.99),rgba(249,252,255,.89) 38%,rgba(249,252,255,.42) 68%,transparent)}.device-shell[data-device="tablet"] .hero-copy{top:28px;left:34px;width:580px}.device-shell[data-device="tablet"] .hero-copy h1{font-size:44px}.device-shell[data-device="tablet"] .hero-copy p{font-size:14px}.device-shell[data-device="tablet"] .quick-search{width:540px;grid-template-columns:164px minmax(0,1fr) 44px 84px}.device-shell[data-device="tablet"] .compatibility-status{top:445px;left:34px;transform:scale(.9);transform-origin:top left}.device-shell[data-device="tablet"] .brand-strip{height:40px}.device-shell[data-device="tablet"] .ecosystem{padding:20px 24px 50px}.device-shell[data-device="tablet"] .cards{gap:12px}.device-shell[data-device="tablet"] .cards a{grid-template-rows:150px auto auto;min-height:230px;padding-inline:15px;border-radius:20px}.device-shell[data-device="tablet"] .cards img{height:150px}.device-shell[data-device="tablet"] .cards strong{font-size:18px}.device-shell[data-device="tablet"] .cards small{font-size:11px}.device-shell[data-device="tablet"] .interface-showcase{grid-template-columns:1fr 330px;gap:32px;min-height:700px;padding:38px 34px}.device-shell[data-device="tablet"] .interface-copy h2{font-size:36px}.device-shell[data-device="tablet"] .interface-copy>p{font-size:13px}.device-shell[data-device="tablet"] .interface-phone-target{width:330px;min-height:570px}.device-shell[data-device="tablet"] .interface-phone-target .phone{transform:scale(.78);transform-origin:center}
.device-shell[data-device="mobile"] .device-surface{width:390px;height:844px}.device-shell[data-device="mobile"] .hero{height:520px}.device-shell[data-device="mobile"] .hero-visual{top:174px;height:346px}.device-shell[data-device="mobile"] .scene-layer,.device-shell[data-device="mobile"] .matrix img{top:0;height:100%;object-position:64% 50%}.device-shell[data-device="mobile"] .scene-layer.core{display:none}.device-shell[data-device="mobile"] .hero::after{background:linear-gradient(180deg,#fbfdff 0 170px,rgba(251,253,255,.83) 206px,transparent 300px),linear-gradient(90deg,rgba(249,252,255,.5),transparent 48%)}.device-shell[data-device="mobile"] .hero-copy{top:20px;left:15px;width:360px}.device-shell[data-device="mobile"] .hero-copy h1{font-size:31px;line-height:1.02}.device-shell[data-device="mobile"] .hero-copy p{width:350px;margin:9px 0 14px;font-size:11px;line-height:1.3}.device-shell[data-device="mobile"] .quick-search{grid-template-columns:112px minmax(0,1fr) 42px 70px;width:360px;height:48px;padding:4px;border-radius:15px}.device-shell[data-device="mobile"] .quick-tabs{height:38px}.device-shell[data-device="mobile"] .quick-tabs button{font-size:10px}.device-shell[data-device="mobile"] .quick-search label{height:36px;padding-inline:5px}.device-shell[data-device="mobile"] .quick-search input{font-size:10px}.device-shell[data-device="mobile"] .quick-search .camera,.device-shell[data-device="mobile"] .quick-search .find{height:38px;border-radius:10px;font-size:10px}.device-shell[data-device="mobile"] .compatibility-status{display:none}.device-shell[data-device="mobile"] .brand-strip{height:32px}.device-shell[data-device="mobile"] .brand-set{gap:17px;padding-inline:14px}.device-shell[data-device="mobile"] .brand-set img{max-width:55px;height:17px}.device-shell[data-device="mobile"] .brand-set b{font-size:8px}.device-shell[data-device="mobile"] .ecosystem{padding:14px 10px 40px}.device-shell[data-device="mobile"] .ecosystem header{margin-bottom:12px;padding-left:12px}.device-shell[data-device="mobile"] .ecosystem h2{font-size:23px}.device-shell[data-device="mobile"] .ecosystem header p{font-size:11px;line-height:1.3}.device-shell[data-device="mobile"] .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.device-shell[data-device="mobile"] .cards a{grid-template-rows:112px auto auto;min-height:184px;padding:0 11px 12px;border-radius:17px}.device-shell[data-device="mobile"] .cards img{height:112px}.device-shell[data-device="mobile"] .cards strong{font-size:15px}.device-shell[data-device="mobile"] .cards small{font-size:9px}.device-shell[data-device="mobile"] .interface-showcase{display:block;min-height:920px;padding:35px 18px 50px}.device-shell[data-device="mobile"] .interface-copy h2{font-size:32px}.device-shell[data-device="mobile"] .interface-copy>p{font-size:13px}.device-shell[data-device="mobile"] .interface-points{margin-top:23px}.device-shell[data-device="mobile"] .interface-phone-target{width:354px;min-height:650px;margin-top:22px}.device-shell[data-device="mobile"] .interface-phone-target .phone{display:block;transform:scale(.88);transform-origin:center}
@media(max-width:1180px){.preview-bar{grid-template-columns:minmax(220px,1fr) auto auto}.preview-heading{grid-column:1/-1}.preview-clean-link{position:absolute;top:10px;right:12px}.preview-heading{padding-right:110px}}
@media(max-width:720px){.preview-bar{display:flex;min-height:0;align-items:center;gap:7px;padding:7px 9px;overflow-x:auto}.preview-heading{min-width:210px;padding-right:0}.preview-heading strong{font-size:13px;white-space:nowrap}.preview-heading span{display:none}.segmented{flex:none}.segmented button{min-height:34px;padding-inline:10px;font-size:11px}.preview-clean-link{position:static;min-height:34px}.preview-stage{padding:8px}.preview-status{right:9px;bottom:8px}}
@media(prefers-reduced-motion:reduce){.hero-visual,.brand-track{animation:none}.hero-visual{--matrix:0;--light:0}.cards a{transition:none}}

/* Cinematic capability gallery: the information plane emerges from the
   Porsche side, settles for reading and dissolves into the left-side air. */
.hero::after{background:radial-gradient(ellipse 570px 340px at 13% 9%,rgba(249,252,255,.97),rgba(249,252,255,.88) 39%,rgba(249,252,255,.39) 67%,transparent 100%)}
.capability-deck{--capability-duration:6500ms;position:absolute;z-index:10;top:330px;left:55px;width:530px;height:292px;color:#102b47;isolation:isolate}
.capability-viewport{position:relative;width:100%;height:238px;overflow:visible;perspective:1100px}
.capability-card{position:absolute;inset:0;z-index:1;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:28px;background:linear-gradient(118deg,rgba(255,255,255,.84),rgba(235,244,252,.72)),rgba(242,248,253,.78);box-shadow:0 28px 55px -31px rgba(12,36,61,.58),0 12px 24px -20px rgba(33,95,153,.46),inset 0 1px rgba(255,255,255,.96),inset 0 -1px rgba(120,165,205,.12);backdrop-filter:blur(24px) saturate(128%);opacity:0;visibility:hidden;filter:blur(19px);transform:translate3d(260px,0,0) rotateY(-5deg) scale(.965);transform-origin:right center;transition:opacity .62s ease,filter .82s ease,transform .95s cubic-bezier(.16,.84,.22,1),visibility 0s linear .95s;pointer-events:none;will-change:opacity,filter,transform}
.capability-card::before{position:absolute;inset:0;z-index:2;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.48),transparent 29%),radial-gradient(circle at 82% 12%,rgba(105,173,239,.2),transparent 42%);content:"";pointer-events:none}.capability-card.is-active{z-index:3;opacity:1;visibility:visible;filter:blur(0);transform:none;transition-delay:0s;pointer-events:auto}.capability-card.is-entering{z-index:4;opacity:0;visibility:visible;filter:blur(20px);transform:translate3d(260px,0,0) rotateY(-5deg) scale(.965);transition:none}.capability-card.is-leaving{z-index:2;opacity:0;visibility:visible;filter:blur(18px);transform:translate3d(-190px,0,0) rotateY(4deg) scale(.96);transform-origin:left center;pointer-events:none}
.capability-card>a{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) 178px;width:100%;height:100%;color:inherit;text-decoration:none}.capability-copy{display:flex;min-width:0;flex-direction:column;padding:22px 0 19px 23px}.capability-eyebrow{display:flex;align-items:center;gap:8px;color:#54799e;font-size:8px;font-weight:760;line-height:1;letter-spacing:.09em;text-transform:uppercase}.capability-eyebrow b{display:grid;place-items:center;width:25px;height:20px;border:1px solid rgba(75,139,202,.24);border-radius:7px;background:rgba(255,255,255,.52);color:var(--mauto-ds-color-primary,#3c78da);font-size:8px}.capability-eyebrow i{width:20px;height:1px;background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da))}.capability-copy h2{margin:13px 0 0;color:#102d49;font-size:24px;line-height:1;letter-spacing:-.045em}.capability-copy p{display:-webkit-box;max-width:315px;margin:10px 0 0;overflow:hidden;color:#59738e;font-size:10px;font-weight:540;line-height:1.48;-webkit-box-orient:vertical;-webkit-line-clamp:3}.capability-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.capability-tags em{padding:5px 7px;border:1px solid rgba(105,155,202,.2);border-radius:999px;background:rgba(255,255,255,.52);color:#466d92;font-size:7px;font-style:normal;font-weight:680;line-height:1}.capability-action{display:flex;align-items:center;gap:7px;margin-top:auto;color:var(--mauto-ds-color-primary,#3c78da);font-size:9px;font-weight:760}.capability-action i{font-size:13px;font-style:normal;transition:transform .2s}.capability-card>a:hover .capability-action i{transform:translateX(3px)}
.capability-media{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden}.capability-media::before{position:absolute;width:158px;height:158px;border-radius:50%;background:radial-gradient(circle,rgba(119,181,236,.19),transparent 68%);content:""}.capability-media img{position:relative;z-index:2;display:block;width:168px;height:168px;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(28,55,82,.16))}
.capability-controls{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;height:48px;padding:7px 8px 0}.capability-count{display:flex;align-items:center;gap:6px;color:#7990a8;font-size:8px}.capability-count b{color:var(--mauto-ds-color-primary,#3c78da);font-size:10px}.capability-count i{width:15px;height:1px;background:#a8bacb}.capability-progress{position:relative;height:2px;overflow:hidden;border-radius:999px;background:rgba(84,126,167,.16)}.capability-progress i{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da))}.capability-deck.is-ticking .capability-progress i{animation:capabilityProgress var(--capability-duration) linear forwards}.capability-buttons{display:flex;gap:5px}.capability-buttons button{display:grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid rgba(106,150,192,.26);border-radius:10px;background:rgba(255,255,255,.7);box-shadow:var(--mauto-ds-action-depth);color:#3b6f9f;font-size:10px;font-weight:760;cursor:pointer;transition:background .2s,transform .2s}.capability-buttons button:hover{background:#fff;transform:translateY(-1px)}
@keyframes capabilityProgress{from{width:0}to{width:100%}}
.device-shell[data-device="tablet"] .capability-deck{top:342px;left:34px;width:460px;height:258px}.device-shell[data-device="tablet"] .capability-viewport{height:210px}.device-shell[data-device="tablet"] .capability-card>a{grid-template-columns:minmax(0,1fr) 142px}.device-shell[data-device="tablet"] .capability-copy{padding:18px 0 16px 19px}.device-shell[data-device="tablet"] .capability-copy h2{font-size:21px}.device-shell[data-device="tablet"] .capability-copy p{font-size:9px}.device-shell[data-device="tablet"] .capability-media img{width:138px;height:138px}
.device-shell[data-device="mobile"] .capability-deck{top:306px;left:15px;width:360px;height:188px}.device-shell[data-device="mobile"] .capability-viewport{height:154px}.device-shell[data-device="mobile"] .capability-card{border-radius:22px}.device-shell[data-device="mobile"] .capability-card>a{grid-template-columns:minmax(0,1fr) 100px}.device-shell[data-device="mobile"] .capability-copy{padding:14px 0 12px 15px}.device-shell[data-device="mobile"] .capability-eyebrow{font-size:6px}.device-shell[data-device="mobile"] .capability-eyebrow b{width:21px;height:17px;font-size:6px}.device-shell[data-device="mobile"] .capability-copy h2{margin-top:9px;font-size:18px}.device-shell[data-device="mobile"] .capability-copy p{margin-top:7px;font-size:7px;line-height:1.35;-webkit-line-clamp:2}.device-shell[data-device="mobile"] .capability-tags{margin-top:8px}.device-shell[data-device="mobile"] .capability-tags em{padding:4px 5px;font-size:5px}.device-shell[data-device="mobile"] .capability-action{font-size:7px}.device-shell[data-device="mobile"] .capability-media img{width:96px;height:96px}.device-shell[data-device="mobile"] .capability-controls{grid-template-columns:52px minmax(0,1fr) auto;height:34px;padding-top:3px}.device-shell[data-device="mobile"] .capability-buttons button{width:23px;height:23px;border-radius:8px;font-size:8px}
@media(prefers-reduced-motion:reduce){.capability-card{filter:none;transform:none;transition:opacity .2s}.capability-deck.is-ticking .capability-progress i{animation:none}}

/* Mauto Game-Cinematic Select — original spatial menu language. */
.capability-deck{--cap-x:0deg;--cap-y:0deg;top:318px;left:47px;width:570px;height:328px;transform-style:preserve-3d}.capability-deck::before,.capability-deck::after{position:absolute;z-index:-2;top:16px;right:-22px;width:calc(100% - 34px);height:224px;border:1px solid rgba(144,195,238,.22);background:linear-gradient(110deg,rgba(220,239,255,.05),rgba(144,196,239,.14));backdrop-filter:blur(6px);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,18px 100%,0 calc(100% - 18px));opacity:.72;filter:blur(.2px);transform:translate3d(18px,4px,-40px) scale(.98);content:"";pointer-events:none}.capability-deck::after{z-index:-3;right:-43px;opacity:.34;filter:blur(3px);transform:translate3d(34px,8px,-85px) scale(.96)}
.capability-scene-mark{position:absolute;top:-25px;right:8px;z-index:8;display:flex;align-items:center;gap:9px;color:#5e7d9d;text-transform:uppercase;pointer-events:none}.capability-scene-mark b{color:var(--mauto-ds-color-primary,#3c78da);font-size:8px;font-weight:820;letter-spacing:.13em}.capability-scene-mark i{padding-left:9px;border-left:1px solid rgba(60,126,187,.3);font-size:6px;font-style:normal;font-weight:680;letter-spacing:.1em}.capability-vector{position:absolute;z-index:-1;display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(67,149,224,.66),rgba(255,255,255,.74),transparent);filter:drop-shadow(0 0 5px rgba(73,156,231,.36));transform-origin:right center;pointer-events:none}.capability-vector-a{top:49px;right:-92px;width:270px;transform:rotate(-7deg);animation:capVector 3.6s ease-in-out infinite}.capability-vector-b{right:-72px;bottom:94px;width:218px;transform:rotate(5deg);animation:capVector 4.2s 1.1s ease-in-out infinite reverse}
.capability-viewport{height:246px;transform-style:preserve-3d}.capability-card{border-radius:0;background:linear-gradient(110deg,rgba(255,255,255,.82),rgba(229,241,251,.69)),rgba(238,247,254,.78);box-shadow:0 38px 70px -36px rgba(7,31,55,.72),0 13px 27px -19px rgba(31,95,154,.62),inset 0 1px rgba(255,255,255,.98),inset 0 0 0 1px rgba(82,147,206,.07);backdrop-filter:blur(26px) saturate(132%);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,20px 100%,0 calc(100% - 20px));filter:blur(28px) saturate(.8);transform:translate3d(430px,-10px,-150px) rotateY(-24deg) rotateZ(.8deg) scale(.82);transition:opacity .5s ease,filter .86s cubic-bezier(.2,.72,.2,1),transform 1.05s cubic-bezier(.12,.86,.18,1),visibility 0s linear 1.05s}.capability-card::before{background:linear-gradient(112deg,rgba(255,255,255,.52),transparent 26%),linear-gradient(90deg,transparent 0 70%,rgba(97,168,232,.11)),radial-gradient(circle at 84% 16%,rgba(105,173,239,.24),transparent 44%)}.capability-card::after{position:absolute;z-index:5;top:-54%;left:-20%;width:14%;height:210%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);filter:blur(4px);opacity:0;transform:rotate(16deg);content:"";pointer-events:none}.capability-card.is-active{filter:blur(0) saturate(1);transform:none}.capability-card.is-active::after{animation:capGlint 5.4s 1.1s ease-in-out infinite}.capability-card.is-entering{filter:blur(31px) saturate(.7);transform:translate3d(430px,-10px,-150px) rotateY(-24deg) rotateZ(.8deg) scale(.82)}.capability-card.is-leaving{filter:blur(24px) saturate(.74);transform:translate3d(-300px,12px,-130px) rotateY(17deg) rotateZ(-.7deg) scale(.86)}.capability-deck[data-direction="previous"] .capability-card.is-entering{transform:translate3d(-360px,-8px,-140px) rotateY(21deg) rotateZ(-.7deg) scale(.84);transform-origin:left center}.capability-deck[data-direction="previous"] .capability-card.is-leaving{transform:translate3d(390px,11px,-130px) rotateY(-19deg) rotateZ(.7deg) scale(.85);transform-origin:right center}
.capability-card>a{grid-template-columns:minmax(0,1fr) 192px;transform:rotateX(var(--cap-y)) rotateY(var(--cap-x)) translateZ(12px);transform-style:preserve-3d;transition:transform .22s ease-out}.capability-copy{padding:23px 0 20px 25px;transform:translateZ(22px)}.capability-copy h2{font-size:27px}.capability-copy p{max-width:328px;font-size:10.5px}.capability-media{transform:translateZ(30px)}.capability-media::before{width:174px;height:174px;border:1px solid rgba(82,156,220,.16);background:conic-gradient(from 26deg,transparent 0 12%,rgba(77,157,226,.24) 12% 13%,transparent 13% 47%,rgba(77,157,226,.15) 47% 48%,transparent 48%),radial-gradient(circle,rgba(119,181,236,.18),transparent 67%);animation:capOrbit 14s linear infinite}.capability-media::after{position:absolute;right:15px;bottom:13px;z-index:4;padding:4px 6px;border:1px solid rgba(75,143,204,.21);background:rgba(255,255,255,.48);color:#3976aa;font-size:6px;font-weight:820;letter-spacing:.12em;content:"LIVE / CGI"}.capability-media img{width:181px;height:181px;animation:capObject 5.8s ease-in-out infinite}
.capability-controls{height:45px;padding:6px 10px 0}.capability-buttons button{width:32px;height:32px;border-radius:9px}.capability-buttons button:first-child,.capability-buttons button:last-child{color:var(--mauto-ds-color-primary,#3c78da);font-size:15px}.capability-rail{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;height:25px;padding:4px 10px 0}.capability-rail button{position:relative;display:block;height:15px;padding:0;border:0;background:transparent;cursor:pointer}.capability-rail button::before{position:absolute;inset:7px 0 auto;height:1px;background:rgba(88,133,175,.2);content:""}.capability-rail button>i{position:absolute;top:5px;left:50%;width:5px;height:5px;border:1px solid rgba(85,139,189,.48);border-radius:50%;background:#eaf4fc;transform:translateX(-50%);transition:background .25s,box-shadow .25s,transform .25s}.capability-rail button[aria-current="true"]>i{background:#2b83d3;box-shadow:0 0 0 4px rgba(43,131,211,.13),0 0 12px rgba(43,131,211,.55);transform:translateX(-50%) scale(1.15)}
@keyframes capGlint{0%,68%{left:-20%;opacity:0}72%{opacity:.56}88%,100%{left:118%;opacity:0}}@keyframes capObject{0%,100%{transform:translate3d(0,1px,0) scale(1)}50%{transform:translate3d(0,-5px,18px) scale(1.018)}}@keyframes capOrbit{to{transform:rotate(360deg)}}@keyframes capVector{0%,100%{opacity:.18}50%{opacity:.7}}
.device-shell[data-device="tablet"] .capability-deck{top:335px;left:28px;width:482px;height:298px}.device-shell[data-device="tablet"] .capability-viewport{height:218px}.device-shell[data-device="tablet"] .capability-card>a{grid-template-columns:minmax(0,1fr) 148px}.device-shell[data-device="tablet"] .capability-copy h2{font-size:22px}.device-shell[data-device="tablet"] .capability-media img{width:144px;height:144px}
.device-shell[data-device="mobile"] .capability-deck{top:306px;left:15px;width:360px;height:188px}.device-shell[data-device="mobile"] .capability-deck::before,.device-shell[data-device="mobile"] .capability-deck::after,.device-shell[data-device="mobile"] .capability-scene-mark,.device-shell[data-device="mobile"] .capability-vector,.device-shell[data-device="mobile"] .capability-rail{display:none}.device-shell[data-device="mobile"] .capability-viewport{height:154px}.device-shell[data-device="mobile"] .capability-card>a{grid-template-columns:minmax(0,1fr) 100px}.device-shell[data-device="mobile"] .capability-copy{padding:14px 0 12px 15px}.device-shell[data-device="mobile"] .capability-copy h2{font-size:18px}.device-shell[data-device="mobile"] .capability-copy p{font-size:7px}.device-shell[data-device="mobile"] .capability-media img{width:96px;height:96px}.device-shell[data-device="mobile"] .capability-media::after{right:7px;bottom:7px;font-size:4px}
@media(prefers-reduced-motion:reduce){.capability-vector,.capability-card::after,.capability-media::before,.capability-media img{animation:none}.capability-card>a{transform:none}}

/* v223 — almost-clear automatic gallery. */
.hero::after{display:none;background:none;opacity:0}.hero-copy h1,.hero-copy p{text-shadow:0 1px rgba(255,255,255,.68),0 4px 18px rgba(255,255,255,.16)}.hero-copy p{color:#0e2d49;font-weight:720;text-shadow:0 1px rgba(255,255,255,.94),0 0 12px rgba(255,255,255,.78)}.quick-search,.search-toast{display:none}
.capability-deck{--capability-duration:9800ms;top:174px;left:47px;width:520px;height:326px}.capability-deck::before,.capability-deck::after{top:9px;right:-13px;width:calc(100% - 24px);height:262px;border:1px solid rgba(183,218,244,.2);border-radius:31px;background:rgba(226,242,254,.025);backdrop-filter:blur(2px) saturate(101%);clip-path:none;opacity:.6;filter:none;transform:translate3d(13px,3px,-36px) scale(.985)}.capability-deck::after{right:-25px;opacity:.28;filter:blur(2px);transform:translate3d(24px,6px,-70px) scale(.97)}.capability-scene-mark{top:-18px;right:13px;opacity:.72}.capability-vector-a{right:-42px;width:176px}.capability-vector-b{right:-32px;width:152px}.capability-viewport{height:270px}
.capability-card{overflow:hidden;border:1px solid rgba(214,235,250,.5);border-radius:29px;background:linear-gradient(112deg,rgba(244,250,255,.1),rgba(205,229,247,.035));box-shadow:0 26px 54px -38px rgba(8,35,60,.72),inset 0 1px rgba(255,255,255,.56),inset 0 0 0 1px rgba(122,177,218,.035);backdrop-filter:blur(3px) saturate(103%);clip-path:none;filter:blur(28px) saturate(.86);transform:translate3d(390px,-4px,-125px) rotateY(-18deg) scale(.86);transition:opacity .72s ease,filter 1.2s cubic-bezier(.2,.72,.2,1),transform 1.5s cubic-bezier(.12,.86,.18,1),visibility 0s linear 1.5s}.capability-card::before{border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.1),transparent 34%),radial-gradient(circle at 88% 13%,rgba(102,174,232,.065),transparent 48%)}.capability-card.is-active{filter:blur(0) saturate(1);transform:none}.capability-card.is-entering{filter:blur(30px) saturate(.8);transform:translate3d(390px,-4px,-125px) rotateY(-18deg) scale(.86)}.capability-card.is-leaving{filter:blur(25px) saturate(.78);transform:translate3d(-286px,5px,-115px) rotateY(14deg) scale(.88)}
.capability-card>a{grid-template-columns:minmax(0,1fr) 116px;transform:none}.capability-copy{position:relative;z-index:5;padding:18px 0 15px 20px;transform:none}.capability-copy::before{position:absolute;inset:6px -12px 6px 6px;z-index:-1;border-radius:22px;background:linear-gradient(90deg,rgba(8,28,47,.25),rgba(9,31,52,.1) 76%,transparent);content:"";pointer-events:none}.capability-eyebrow,.capability-copy h2,.capability-copy p,.capability-details li,.capability-action{text-shadow:0 1px 2px rgba(0,18,34,.34),0 0 9px rgba(0,18,34,.12)}.capability-eyebrow{color:#b8d6ee}.capability-copy h2{margin-top:9px;color:#f4faff;font-size:22px}.capability-copy p{max-width:332px;margin-top:7px;color:#d6e8f5;font-size:9.5px;font-weight:650;line-height:1.35;-webkit-line-clamp:2}.capability-tags{margin-top:8px}.capability-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 11px;margin:10px 0 0;padding:9px 0 0;border-top:1px solid rgba(89,144,190,.14);list-style:none}.capability-details li{position:relative;min-width:0;padding-left:9px;overflow:hidden;color:#dcecf7;font-size:7.5px;font-weight:720;line-height:1.22;white-space:normal}.capability-details li::before{position:absolute;top:.42em;left:0;width:4px;height:4px;border-radius:50%;background:#62b0ef;box-shadow:0 0 0 2px rgba(67,141,208,.09);content:""}.capability-action{margin-top:auto;color:#9fd1fb;font-size:8px}.capability-media{background:transparent;isolation:auto;mix-blend-mode:normal;transform:none}.capability-media::before{width:92px;height:92px;border-color:rgba(87,158,216,.12);background:conic-gradient(from 26deg,transparent 0 18%,rgba(77,157,226,.22) 18% 19%,transparent 19% 62%,rgba(77,157,226,.12) 62% 63%,transparent 63%),radial-gradient(circle,rgba(150,204,243,.055),transparent 70%)}.capability-media img{display:none}.capability-media::after{right:10px;bottom:14px;border-color:rgba(75,143,204,.13);background:rgba(239,248,255,.08);content:"MAUTO / LIVE"}.capability-media-code{position:relative;z-index:4;display:flex;width:88px;height:88px;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(91,157,213,.13);border-radius:50%;background:radial-gradient(circle,rgba(227,243,255,.12),transparent 66%);color:#b9ddf7;text-shadow:0 1px 2px rgba(0,24,45,.38)}.capability-media-code b{font-size:22px;font-weight:790;line-height:1;letter-spacing:-.045em}.capability-media-code i{width:30px;height:1px;margin:7px 0 6px;background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da))}.capability-media-code small{font-size:5px;font-weight:740;letter-spacing:.11em;text-transform:uppercase}
.capability-controls{grid-template-columns:48px minmax(0,1fr);gap:10px;height:34px;padding:8px 8px 0}.capability-buttons,.capability-rail{display:none}
.device-shell[data-device="tablet"] .hero-visual,.device-shell[data-device="tablet"] .scene-layer,.device-shell[data-device="tablet"] .matrix img{object-position:40% center}.device-shell[data-device="tablet"] .capability-deck{top:172px;left:28px;width:300px;height:314px}.device-shell[data-device="tablet"] .capability-card>a{grid-template-columns:minmax(0,1fr)}.device-shell[data-device="tablet"] .capability-media,.device-shell[data-device="tablet"] .capability-vector{display:none}
.device-shell[data-device="mobile"] .hero-visual{top:0;height:520px}.device-shell[data-device="mobile"] .capability-deck{display:none}
@media(prefers-reduced-motion:reduce){.capability-card{transition:opacity .2s ease}}

/* WordPress/Elementor runtime: preserve the approved composition without
   turning the shortcode into a second scrollable browser viewport. */
.mauto-home-runtime .preview-stage{width:100%;height:auto;min-height:0;padding:0;overflow:visible;background:transparent}
.mauto-home-runtime .device-shell{width:100%!important;height:auto!important;margin:0 auto;overflow:visible;border:0;border-radius:0;box-shadow:none;background:#fff}
.mauto-home-runtime .device-surface{width:100%!important;height:auto!important;min-height:100%;overflow:visible;transform:none!important}
.mauto-home-runtime #preview-status{display:none!important}
.mauto-home-runtime .mauto-footer-socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.mauto-home-runtime .mauto-footer-social{display:inline-flex;align-items:center;min-height:30px;padding:0 10px!important;border:1px solid rgba(117,213,181,.36)!important;border-radius:10px;color:#dffcf1!important;text-decoration:none}
.mauto-home-runtime .mauto-footer-social:hover,.mauto-home-runtime .mauto-footer-social:focus-visible{border-color:rgba(117,213,181,.7)!important;background:rgba(42,160,119,.16)!important;color:#fff!important}

/* v224 — readable white matte glass with canvas-free product art. */
.capability-deck{--capability-duration:3000ms;top:174px;left:47px;width:520px;height:250px}.capability-deck::before,.capability-deck::after,.capability-vector{display:none}.capability-scene-mark{top:-17px;right:11px;color:rgba(24,69,107,.64)}.capability-viewport{height:214px}
.capability-card{overflow:hidden;border:1px solid rgba(255,255,255,.92);border-radius:28px;background:linear-gradient(118deg,rgba(255,255,255,.92),rgba(247,251,255,.82)),rgba(255,255,255,.86);box-shadow:0 24px 52px -34px rgba(8,35,60,.58),0 9px 22px -18px rgba(35,92,143,.42),inset 0 1px #fff,inset 0 0 0 1px rgba(125,178,220,.06);backdrop-filter:blur(18px) saturate(112%);clip-path:none;filter:blur(15px) saturate(.9);transform:translate3d(235px,-2px,-80px) rotateY(-12deg) scale(.93);transition:opacity .42s ease,filter .7s cubic-bezier(.2,.72,.2,1),transform .86s cubic-bezier(.16,.86,.2,1),visibility 0s linear .86s}.capability-card::before{border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.72),transparent 34%),radial-gradient(circle at 88% 10%,rgba(82,158,224,.09),transparent 45%)}.capability-card::after{width:9%;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent)}.capability-card.is-active{filter:blur(0) saturate(1);transform:none}.capability-card.is-active::after{animation:capGlintV224 3s .55s ease-out 1}.capability-card.is-entering{filter:blur(16px) saturate(.86);transform:translate3d(235px,-2px,-80px) rotateY(-12deg) scale(.93)}.capability-card.is-leaving{filter:blur(14px) saturate(.86);transform:translate3d(-185px,3px,-70px) rotateY(10deg) scale(.94)}
.capability-card>a{grid-template-columns:minmax(0,1fr) 190px;min-height:214px;color:#102a43;transform:none}.capability-copy{padding:22px 0 18px 24px;transform:none}.capability-copy::before{display:none}.capability-eyebrow,.capability-copy h2,.capability-copy p,.capability-action{text-shadow:none}.capability-eyebrow{color:#55718d;font-size:7px;font-weight:760;letter-spacing:.09em}.capability-eyebrow b{border-color:rgba(48,125,194,.16);background:rgba(229,241,252,.76);color:var(--mauto-ds-color-primary,#3c78da)}.capability-copy h2{margin-top:12px;color:#102a43;font-size:25px;font-weight:790;line-height:1;letter-spacing:-.045em}.capability-copy p{max-width:276px;margin-top:9px;color:#4d6983;font-size:10px;font-weight:620;line-height:1.4;-webkit-line-clamp:2}.capability-tags{gap:5px;margin-top:12px}.capability-tags em{padding:5px 8px;border-color:rgba(61,126,184,.12);background:rgba(232,242,251,.72);color:#365f82;font-size:6.5px;font-weight:720}.capability-details{display:none}.capability-action{margin-top:auto;color:var(--mauto-ds-color-primary,#3c78da);font-size:8px;font-weight:780}
.capability-media{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 52%,rgba(212,232,248,.42),transparent 67%);isolation:isolate;mix-blend-mode:normal;transform:none}.capability-media::before{width:162px;height:162px;border:0;background:radial-gradient(circle,rgba(219,237,251,.45),transparent 70%);animation:none}.capability-media::after{display:none;content:none}.capability-media img{position:relative;z-index:2;display:block;width:192px;height:192px;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.025) saturate(1.025) drop-shadow(0 13px 12px rgba(19,48,73,.12));-webkit-mask-image:radial-gradient(ellipse 76% 72% at 50% 52%,#000 0 68%,rgba(0,0,0,.9) 78%,transparent 100%);mask-image:radial-gradient(ellipse 76% 72% at 50% 52%,#000 0 68%,rgba(0,0,0,.9) 78%,transparent 100%);animation:capObjectV224 3s ease-in-out infinite}.capability-media>small{position:absolute;right:14px;bottom:12px;z-index:4;color:rgba(48,102,148,.52);font-size:6px;font-weight:820;letter-spacing:.12em}.capability-media-code{display:none}.capability-controls{grid-template-columns:48px minmax(0,1fr);gap:10px;height:30px;padding:9px 8px 0}.capability-progress{height:2px;background:rgba(35,103,160,.12)}.capability-progress i{background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da))}
.device-shell[data-device="tablet"] .capability-deck{top:172px;left:28px;width:300px;height:228px}.device-shell[data-device="tablet"] .capability-viewport{height:198px}.device-shell[data-device="tablet"] .capability-card>a{grid-template-columns:minmax(0,1fr) 105px;min-height:198px}.device-shell[data-device="tablet"] .capability-copy{padding:16px 0 14px 17px}.device-shell[data-device="tablet"] .capability-copy h2{margin-top:9px;font-size:17px}.device-shell[data-device="tablet"] .capability-copy p{margin-top:7px;font-size:7.5px}.device-shell[data-device="tablet"] .capability-tags{margin-top:9px}.device-shell[data-device="tablet"] .capability-tags em{padding:4px 5px;font-size:5px}.device-shell[data-device="tablet"] .capability-media{display:grid}.device-shell[data-device="tablet"] .capability-media img{width:112px;height:112px}.device-shell[data-device="tablet"] .capability-media>small{right:8px;bottom:9px;font-size:5px}.device-shell[data-device="mobile"] .hero{background:#f7fbff}.device-shell[data-device="mobile"] .hero-visual{top:132px;height:388px}.device-shell[data-device="mobile"] .capability-deck{display:none}
@keyframes capGlintV224{0%,25%{left:-18%;opacity:0}38%{opacity:.52}72%,100%{left:116%;opacity:0}}@keyframes capObjectV224{0%,100%{transform:translate3d(0,1px,0) scale(1)}50%{transform:translate3d(0,-3px,0) scale(1.015)}}

/* v225 — readable typography without a large fog panel; no visible timer. */
.hero-copy h1{font-weight:850;-webkit-text-stroke:.7px rgba(255,255,255,.92);paint-order:stroke fill;text-shadow:0 1px 0 rgba(255,255,255,.98),0 0 4px rgba(255,255,255,.92),0 5px 16px rgba(255,255,255,.58),0 2px 3px rgba(4,27,48,.16)}.hero-copy p{display:inline-flex;width:max-content;max-width:520px;align-items:center;margin-top:9px;padding:6px 11px;border:1px solid rgba(255,255,255,.84);border-radius:999px;background:rgba(250,253,255,.82);box-shadow:0 8px 20px -16px rgba(8,38,67,.46),inset 0 1px rgba(255,255,255,.96);backdrop-filter:blur(8px) saturate(108%);color:#153550;font-size:14px;font-weight:720;line-height:1.15;text-shadow:none}.capability-deck{top:192px;height:214px}.capability-controls,.capability-count,.capability-progress{display:none}.device-shell[data-device="tablet"] .hero-copy h1{-webkit-text-stroke-width:.55px}.device-shell[data-device="tablet"] .hero-copy p{max-width:470px;padding:5px 9px;font-size:11px}.device-shell[data-device="tablet"] .capability-deck{top:194px;height:198px}.device-shell[data-device="mobile"] .hero-copy h1{-webkit-text-stroke-width:.45px}.device-shell[data-device="mobile"] .hero-copy p{width:auto;max-width:362px;padding:5px 8px;border-radius:12px;font-size:10px;line-height:1.25}

/* v226: temporary scan shell, clean internal cutaway, sharp light composite. */
@property --shell{syntax:"<number>";inherits:true;initial-value:0}@property --internals{syntax:"<number>";inherits:true;initial-value:0}
.hero-visual{--shell:0;--internals:0;animation-name:cinematicV226}.scene-layer.matrix{opacity:var(--shell)}.scene-layer.internals{z-index:3;opacity:var(--internals);filter:contrast(1.055) saturate(1.015) brightness(1.008);-webkit-mask:url("../img/redraw-v1/hero-car-mask-v185.svg") center/cover no-repeat;mask:url("../img/redraw-v1/hero-car-mask-v185.svg") center/cover no-repeat}.matrix-grid{opacity:calc(var(--shell)*var(--energy)*.34)}.scene-layer.normal{filter:contrast(1.045) saturate(1.012) brightness(1.008);transform:translateZ(0)}.scene-layer.lights{opacity:var(--light);mix-blend-mode:normal;filter:contrast(1.045) saturate(1.015) brightness(1.005)}
.hero::after{display:none;background:none;opacity:0}.hero-copy h1{-webkit-text-stroke:.62px rgba(255,255,255,.8);text-shadow:0 1px 0 rgba(255,255,255,.94),0 3px 11px rgba(255,255,255,.38),0 2px 3px rgba(5,28,50,.14)}.hero-copy p{display:block;width:auto;max-width:520px;margin-top:10px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;color:#153550;-webkit-text-stroke:.2px rgba(255,255,255,.72);text-shadow:0 1px 0 rgba(255,255,255,.92),0 2px 7px rgba(255,255,255,.72),0 1px 2px rgba(8,34,57,.2)}
.capability-card{border-color:rgba(255,255,255,.72);background:linear-gradient(118deg,rgba(255,255,255,.30),rgba(238,247,255,.18)),rgba(255,255,255,.12);box-shadow:0 24px 56px -36px rgba(6,31,54,.54),0 8px 22px -18px rgba(30,90,142,.28),inset 0 1px rgba(255,255,255,.76),inset 0 0 0 1px rgba(126,179,221,.06);backdrop-filter:blur(22px) saturate(110%)}.capability-card::before{background:linear-gradient(118deg,rgba(255,255,255,.22),transparent 34%),radial-gradient(circle at 86% 10%,rgba(100,174,235,.08),transparent 44%)}.capability-media{overflow:visible;background:transparent}.capability-media::before,.capability-media::after{display:none;background:none}.capability-media img{width:184px;height:184px;mix-blend-mode:multiply;filter:contrast(1.08) saturate(1.04) drop-shadow(0 11px 12px rgba(18,47,72,.12));-webkit-mask-image:radial-gradient(ellipse 69% 67% at 50% 51%,#000 0 64%,rgba(0,0,0,.88) 76%,rgba(0,0,0,.28) 90%,transparent 100%);mask-image:radial-gradient(ellipse 69% 67% at 50% 51%,#000 0 64%,rgba(0,0,0,.88) 76%,rgba(0,0,0,.28) 90%,transparent 100%)}
.phase-normal .hero-visual{--edge:-24%;--matrix:0;--shell:0;--internals:0;--energy:0;--light:0}.phase-matrix .hero-visual{--edge:124%;--matrix:1;--shell:0;--internals:1;--energy:0;--light:0}.phase-lights .hero-visual{--edge:-24%;--matrix:0;--shell:0;--internals:0;--energy:0;--light:1}
@keyframes cinematicV226{0%,6%{--edge:-24%;--matrix:0;--shell:0;--internals:0;--energy:0;--light:0}7%{--edge:-24%;--matrix:1;--shell:1;--internals:0;--energy:.16;animation-timing-function:cubic-bezier(.18,.72,.2,1)}12%{--shell:.92;--internals:.16;--energy:.48}23%{--shell:.68;--internals:.72;--energy:.58}32%{--edge:124%;--matrix:1;--shell:.12;--internals:1;--energy:.16}35%,43%{--edge:124%;--matrix:1;--shell:0;--internals:1;--energy:0}46%{--edge:124%;--matrix:1;--shell:.18;--internals:1;--energy:.14}57%{--edge:38%;--matrix:1;--shell:.7;--internals:.72;--energy:.5}66%{--edge:-24%;--matrix:1;--shell:.08;--internals:.08;--energy:.06}68%,76%{--edge:-24%;--matrix:0;--shell:0;--internals:0;--energy:0;--light:0}77%{--light:.04}79%{--light:.17}82%{--light:.74}85%,94%{--light:1}98%,100%{--matrix:0;--shell:0;--internals:0;--energy:0;--light:0}}

/* v227: crisp scan frontier, immutable wheels/lights/splitter and alarm flash. */
@property --rearGlow{syntax:"<number>";inherits:true;initial-value:0}

/* v231 — approved full-height phone is the only hero interface. */
.hero::after{display:block!important;background:radial-gradient(ellipse 26% 83% at 14% 48%,rgba(246,251,255,.72),rgba(236,247,255,.4) 48%,transparent 100%),linear-gradient(90deg,rgba(249,252,255,.3),rgba(249,252,255,.12) 24%,transparent 39%)!important;opacity:1!important}
.hero>.phone{top:13px!important;left:clamp(56px,5.6vw,112px)!important;z-index:20!important;display:block!important;width:328px!important;height:704px!important;transform:scale(.895)!important;transform-origin:top left!important;filter:drop-shadow(0 28px 25px rgba(19,48,76,.16))!important}
.hero>.phone::before{position:absolute;inset:42px 20px 28px;z-index:-1;border-radius:62px;background:linear-gradient(135deg,rgba(150,210,255,.3),transparent 46%,rgba(255,255,255,.34));filter:blur(22px);opacity:.76;content:"";pointer-events:none}
.phone-primary-card>img{animation:phoneCgiFloatV231 4.8s ease-in-out infinite;transform-origin:50% 62%}
.phone.is-tapping .phone-content>button{transform:translate3d(0,2px,0) scale(.982);filter:saturate(1.05) brightness(.98)}
.phone.is-tapping .phone-content>button::after{animation:phoneButtonGlintV231 .72s cubic-bezier(.2,.7,.2,1) both}
.phone-content>button{position:relative;overflow:hidden}.phone-content>button::after{position:absolute;inset:-35% auto -35% -42%;display:block;width:34%;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.76),transparent);opacity:0;transform:skewX(-16deg);content:"";pointer-events:none}
.notice-visible .notice-ring{animation:phoneSuccessV231 .62s cubic-bezier(.16,1.3,.3,1) both}
.phone.is-transitioning .phone-content{opacity:0;filter:blur(.8px);transform:translate3d(-18px,0,0) scale(.994)}
.phone-content{transition:opacity .48s cubic-bezier(.22,.78,.24,1),transform .62s cubic-bezier(.16,1,.3,1),filter .4s ease}
.interface-showcase{display:none!important}

.device-shell[data-device="tablet"] .hero>.phone{top:22px!important;left:38px!important;transform:scale(.78)!important;transform-origin:top left!important}
.device-shell[data-device="tablet"] .hero::after{background:radial-gradient(ellipse 40% 82% at 16% 47%,rgba(246,251,255,.76),rgba(236,247,255,.38) 52%,transparent 100%)!important}
.device-shell[data-device="mobile"] .hero{height:650px!important;background:radial-gradient(ellipse 88% 70% at 50% 47%,rgba(236,247,255,.94),transparent 72%),linear-gradient(180deg,#f9fcff,#eaf4fe)!important}
.device-shell[data-device="mobile"] .hero-visual{top:172px!important;height:478px!important;opacity:.34;filter:saturate(.82) contrast(.96) brightness(1.08)}
.device-shell[data-device="mobile"] .hero>.phone{top:11px!important;left:50%!important;width:328px!important;height:704px!important;transform:translateX(-50%) scale(.89)!important;transform-origin:top center!important}
.device-shell[data-device="mobile"] .hero::after{background:radial-gradient(ellipse 110% 90% at 50% 46%,rgba(246,251,255,.76),rgba(236,247,255,.32) 54%,transparent 100%)!important}

@keyframes phoneCgiFloatV231{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-3px,0) scale(1.012)}}
@keyframes phoneButtonGlintV231{0%{left:-42%;opacity:0}18%{opacity:.72}100%{left:116%;opacity:0}}
@keyframes phoneSuccessV231{0%{opacity:0;transform:scale(.72) rotate(-10deg)}62%{opacity:1;transform:scale(1.08) rotate(2deg)}100%{opacity:1;transform:scale(1)}}

/* v232 — reference typography replaces the hero phone. */
.hero>.phone{display:none!important}
.hero::after{display:block!important;background:radial-gradient(ellipse 42% 88% at 17% 50%,rgba(248,252,255,.91),rgba(239,247,255,.52) 60%,transparent 80%)!important;opacity:1!important}
.reference-copy{position:absolute;top:50%;left:clamp(42px,4.6vw,88px);z-index:20;display:flex;width:clamp(410px,31vw,590px);flex-direction:column;color:#102a46;transform:translateY(-50%)}
.reference-kicker{display:flex;align-items:center;gap:11px;margin:0 0 19px;color:var(--mauto-ds-color-primary,#3c78da);font-size:12px;font-weight:800;letter-spacing:.16em}.reference-kicker i{display:block;width:29px;height:2px;border-radius:2px;background:linear-gradient(90deg,#4296ef,#75b5f7)}
.reference-copy h1{margin:0;color:#0c2742;font-size:clamp(42px,3.55vw,67px);font-weight:760;line-height:.99;letter-spacing:-.058em}
.reference-summary{max-width:570px;margin:23px 0 0;color:#5d7895;font-size:clamp(14px,1.03vw,18px);font-weight:500;line-height:1.62}
.reference-points{display:grid;gap:10px;margin:25px 0 0;padding:0;list-style:none}.reference-points li{display:grid;min-height:64px;grid-template-columns:47px 1fr;align-items:center;gap:13px;padding:9px 15px;border:1px solid rgba(135,181,225,.34);border-radius:18px;background:linear-gradient(135deg,rgba(251,253,255,.89),rgba(238,247,255,.74));box-shadow:0 15px 27px -24px rgba(27,67,109,.34),inset 0 1px #fff;backdrop-filter:blur(13px)}.reference-points li>b{display:grid;width:47px;height:46px;place-items:center;border-radius:13px;background:linear-gradient(145deg,#edf6ff,#dcecff);color:var(--mauto-ds-color-primary,#3c78da);font-size:11px}.reference-points li>span{display:flex;min-width:0;flex-direction:column;gap:3px}.reference-points strong{color:#183650;font-size:14px;font-weight:760;line-height:1.15}.reference-points small{color:#6c87a4;font-size:10.5px;font-weight:500;line-height:1.35}
.device-shell[data-device="tablet"] .reference-copy{left:34px;width:390px}.device-shell[data-device="tablet"] .reference-copy h1{font-size:45px}.device-shell[data-device="tablet"] .reference-summary{margin-top:17px;font-size:13px;line-height:1.5}.device-shell[data-device="tablet"] .reference-points{margin-top:18px}.device-shell[data-device="tablet"] .reference-points li{min-height:57px;grid-template-columns:41px 1fr;padding:7px 11px}.device-shell[data-device="tablet"] .reference-points li>b{width:41px;height:40px}.device-shell[data-device="tablet"] .reference-points strong{font-size:12.5px}.device-shell[data-device="tablet"] .reference-points small{font-size:9px}
.device-shell[data-device="mobile"] .hero{height:665px!important;background:linear-gradient(180deg,#f8fbff,#edf6ff)!important}.device-shell[data-device="mobile"] .reference-copy{top:24px;left:18px;width:354px;transform:none}.device-shell[data-device="mobile"] .reference-kicker{margin-bottom:11px;font-size:9px}.device-shell[data-device="mobile"] .reference-kicker i{width:22px}.device-shell[data-device="mobile"] .reference-copy h1{font-size:37px}.device-shell[data-device="mobile"] .reference-summary{margin-top:12px;font-size:11.5px;line-height:1.44}.device-shell[data-device="mobile"] .reference-points{gap:7px;margin-top:13px}.device-shell[data-device="mobile"] .reference-points li{min-height:50px;grid-template-columns:36px 1fr;gap:9px;padding:6px 9px;border-radius:15px}.device-shell[data-device="mobile"] .reference-points li>b{width:36px;height:36px;border-radius:11px;font-size:9px}.device-shell[data-device="mobile"] .reference-points strong{font-size:11px}.device-shell[data-device="mobile"] .reference-points small{font-size:8.2px;line-height:1.24}.device-shell[data-device="mobile"] .hero-visual{top:362px!important;height:303px!important;opacity:1!important;filter:none!important}

/* v232 — pearl frontier, clean internals and light-only mask. */
@property --pearl{syntax:"<number>";inherits:true;initial-value:0}.hero-visual{--pearl:0;animation-name:cinematicV232}.matrix-pixels::after,.scan-edge{display:none!important;opacity:0!important}.scene-layer.internals img{width:100%;height:100%;object-fit:fill;filter:contrast(1.075) saturate(1.01) brightness(1.006);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--edge) - 4%),rgba(0,0,0,.92) calc(var(--edge) - 1%),rgba(0,0,0,.3) calc(var(--edge) + 5%),transparent calc(var(--edge) + 10%),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--edge) - 4%),rgba(0,0,0,.92) calc(var(--edge) - 1%),rgba(0,0,0,.3) calc(var(--edge) + 5%),transparent calc(var(--edge) + 10%),transparent 100%)}.scene-layer.matrix::after{position:absolute;inset:0;display:block;background:radial-gradient(ellipse 8% 75% at var(--edge) 52%,rgba(235,249,255,.74),rgba(116,190,244,.27) 29%,rgba(28,93,160,.08) 56%,transparent 76%);mix-blend-mode:screen;opacity:calc(var(--pearl)*.82);filter:blur(5px);content:""}.scene-layer.matrix img{-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--edge) - 10%),rgba(0,0,0,.16) calc(var(--edge) - 7%),rgba(0,0,0,.58) calc(var(--edge) - 4%),#000 calc(var(--edge) - .3%),rgba(0,0,0,.78) calc(var(--edge) + 3%),rgba(0,0,0,.26) calc(var(--edge) + 7%),transparent calc(var(--edge) + 11%),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--edge) - 10%),rgba(0,0,0,.16) calc(var(--edge) - 7%),rgba(0,0,0,.58) calc(var(--edge) - 4%),#000 calc(var(--edge) - .3%),rgba(0,0,0,.78) calc(var(--edge) + 3%),rgba(0,0,0,.26) calc(var(--edge) + 7%),transparent calc(var(--edge) + 11%),transparent 100%);filter:contrast(1.075) saturate(.94) sepia(.05) hue-rotate(168deg) brightness(1.02)}.matrix-pixels{opacity:calc(var(--energy)*.74)}.matrix-pixels::before{background:radial-gradient(circle,rgba(44,117,180,.82) 0 1.15px,transparent 1.9px) 0 0/13px 13px,linear-gradient(rgba(34,91,150,.25) 1px,transparent 1px) 0 0/26px 26px,linear-gradient(90deg,rgba(34,91,150,.24) 1px,transparent 1px) 0 0/26px 26px,linear-gradient(90deg,transparent,rgba(26,76,135,.38),rgba(103,174,224,.23),transparent);filter:drop-shadow(0 0 3px rgba(43,107,171,.38));-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--edge) - 9%),rgba(0,0,0,.22) calc(var(--edge) - 6%),#000 calc(var(--edge) - 1%),rgba(0,0,0,.62) calc(var(--edge) + 4%),transparent calc(var(--edge) + 10%),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--edge) - 9%),rgba(0,0,0,.22) calc(var(--edge) - 6%),#000 calc(var(--edge) - 1%),rgba(0,0,0,.62) calc(var(--edge) + 4%),transparent calc(var(--edge) + 10%),transparent 100%)}
.scene-layer.lights{z-index:12;mix-blend-mode:screen;-webkit-mask:url("../img/redraw-v1/hero-main-lights-mask-v232.svg") center/cover no-repeat;mask:url("../img/redraw-v1/hero-main-lights-mask-v232.svg") center/cover no-repeat}.rear-amber-glow{background:radial-gradient(ellipse 7% 9% at 89.3% 50.5%,rgba(255,195,93,.44),rgba(255,161,45,.15) 39%,transparent 75%),radial-gradient(ellipse 13% 21% at 96% 52%,rgba(255,188,80,.19),rgba(255,147,36,.055) 47%,transparent 77%),radial-gradient(ellipse 16% 6% at 91% 79%,rgba(255,185,72,.17),transparent 73%);opacity:calc(var(--rearGlow)*.72)}
.phase-pixels .hero-visual{--edge:64%;--matrix:1;--shell:.78;--internals:1;--energy:.66;--light:0;--rearGlow:0;--pearl:1}.phase-matrix .hero-visual{--edge:124%;--matrix:0;--shell:0;--internals:1;--energy:0;--light:0;--rearGlow:0;--pearl:0}.phase-lights .hero-visual{--edge:-24%;--matrix:0;--shell:0;--internals:0;--energy:0;--light:.92;--rearGlow:.74;--pearl:0}
@keyframes cinematicV232{0%,6%{--edge:-24%;--matrix:0;--shell:0;--internals:0;--energy:0;--light:0;--rearGlow:0;--pearl:0}7%{--edge:-24%;--matrix:1;--shell:.78;--internals:1;--energy:.11;--pearl:.3}13%{--edge:10%;--shell:.82;--internals:1;--energy:.48;--pearl:.88}23%{--edge:70%;--shell:.7;--internals:1;--energy:.64;--pearl:1}32%{--edge:124%;--matrix:1;--shell:.05;--internals:1;--energy:.04;--pearl:.1}35%,43%{--edge:124%;--matrix:0;--shell:0;--internals:1;--energy:0;--pearl:0}46%{--edge:124%;--matrix:1;--shell:.28;--internals:1;--energy:.1;--pearl:.25}56%{--edge:43%;--shell:.74;--internals:1;--energy:.58;--pearl:.92}66%{--edge:-24%;--matrix:1;--shell:.03;--internals:1;--energy:.03;--pearl:.06}68%,76%{--edge:-24%;--matrix:0;--shell:0;--internals:0;--energy:0;--light:0;--rearGlow:0;--pearl:0}76.8%{--light:0;--rearGlow:0}77.2%{--light:.96;--rearGlow:.78}77.62%{--light:.04;--rearGlow:.04}78.06%{--light:.96;--rearGlow:.78}78.54%{--light:.14;--rearGlow:.12}79.1%,94%{--light:.92;--rearGlow:.74}95%,100%{--matrix:0;--shell:0;--internals:0;--energy:0;--light:0;--rearGlow:0;--pearl:0}}
.hero-visual{--rearGlow:0;animation-name:cinematicV227}.scene-layer.internals{overflow:hidden;-webkit-mask:url("../img/redraw-v1/hero-car-mask-v185.svg") center/cover no-repeat;mask:url("../img/redraw-v1/hero-car-mask-v185.svg") center/cover no-repeat}.scene-layer.internals img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.075) saturate(1.018) brightness(1.01);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--edge) - 1.2%),rgba(0,0,0,.72) var(--edge),transparent calc(var(--edge) + 1.2%),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--edge) - 1.2%),rgba(0,0,0,.72) var(--edge),transparent calc(var(--edge) + 1.2%),transparent 100%)}.scene-layer.matrix img{-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--edge) - 6%),rgba(0,0,0,.55) calc(var(--edge) - 3%),#000 var(--edge),rgba(0,0,0,.45) calc(var(--edge) + 3%),transparent calc(var(--edge) + 6%),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--edge) - 6%),rgba(0,0,0,.55) calc(var(--edge) - 3%),#000 var(--edge),rgba(0,0,0,.45) calc(var(--edge) + 3%),transparent calc(var(--edge) + 6%),transparent 100%);filter:contrast(1.07) saturate(1.02) brightness(1.018)}
.matrix-pixels{position:absolute;inset:0;z-index:10;display:block;opacity:calc(var(--energy)*.96);pointer-events:none;clip-path:polygon(39% 79%,39% 59%,42% 45%,49% 35%,59% 30%,76% 29%,88% 36%,96% 48%,99% 64%,97% 77%,88% 83%,71% 86%,55% 85%,44% 80%)}.matrix-pixels::before{position:absolute;inset:0;background:radial-gradient(circle,#1495eb 0 1.4px,transparent 2.1px) 0 0/12px 12px,linear-gradient(rgba(23,143,224,.42) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(23,143,224,.4) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,transparent,rgba(22,139,224,.76),transparent);filter:drop-shadow(0 0 4px rgba(32,147,230,.62));-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--edge) - 5%),rgba(0,0,0,.55) calc(var(--edge) - 2.5%),#000 var(--edge),rgba(0,0,0,.55) calc(var(--edge) + 2.5%),transparent calc(var(--edge) + 5%),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--edge) - 5%),rgba(0,0,0,.55) calc(var(--edge) - 2.5%),#000 var(--edge),rgba(0,0,0,.55) calc(var(--edge) + 2.5%),transparent calc(var(--edge) + 5%),transparent 100%);content:""}
.matrix-pixels::after{position:absolute;top:25%;bottom:9%;left:var(--edge);width:3px;border-radius:999px;background:#43baff;box-shadow:0 0 8px rgba(40,161,238,.94),0 0 20px rgba(78,195,255,.58);content:"";transform:translateX(-50%)}
.protected-car{z-index:11;display:block;background:url("../img/redraw-v1/hero-normal.png") center/cover no-repeat;opacity:clamp(0,calc(var(--shell) + var(--internals)),1);pointer-events:none;-webkit-mask:url("../img/redraw-v1/hero-protected-parts-mask-v227b.svg") center/cover no-repeat;mask:url("../img/redraw-v1/hero-protected-parts-mask-v227b.svg") center/cover no-repeat}
.rear-amber-glow{z-index:13;display:block;background:radial-gradient(ellipse 25% 43% at 100% 53%,rgba(255,202,118,.28),rgba(255,168,62,.11) 43%,transparent 76%),radial-gradient(ellipse 27% 25% at 91% 49%,rgba(255,194,92,.24),rgba(255,155,48,.07) 48%,transparent 74%),radial-gradient(ellipse 34% 13% at 93% 83%,rgba(255,187,72,.23),transparent 74%);mix-blend-mode:screen;opacity:var(--rearGlow);pointer-events:none}.scene-layer.lights{z-index:12}
.phase-pixels .hero-visual{animation:none;--edge:64%;--matrix:1;--shell:.82;--internals:1;--energy:.8;--light:0;--rearGlow:0}.phase-matrix .hero-visual{--edge:124%;--matrix:1;--shell:0;--internals:1;--energy:0;--light:0;--rearGlow:0}.phase-lights .hero-visual{--edge:-24%;--matrix:0;--shell:0;--internals:0;--energy:0;--light:1;--rearGlow:1}
@keyframes cinematicV227{0%,6%{--edge:-24%;--matrix:0;--shell:0;--internals:0;--energy:0;--light:0;--rearGlow:0}7%{--edge:-24%;--matrix:1;--shell:.94;--internals:1;--energy:.16;--light:0;animation-timing-function:cubic-bezier(.18,.72,.2,1)}12%{--edge:8%;--shell:.9;--internals:1;--energy:.62}23%{--edge:72%;--shell:.78;--internals:1;--energy:.78}32%{--edge:124%;--matrix:1;--shell:.08;--internals:1;--energy:.08}35%,43%{--edge:124%;--matrix:1;--shell:0;--internals:1;--energy:0}46%{--edge:124%;--matrix:1;--shell:.42;--internals:1;--energy:.2}57%{--edge:42%;--matrix:1;--shell:.82;--internals:1;--energy:.72}66%{--edge:-24%;--matrix:1;--shell:.05;--internals:1;--energy:.04}68%,76%{--edge:-24%;--matrix:0;--shell:0;--internals:0;--energy:0;--light:0;--rearGlow:0}76.8%{--light:0;--rearGlow:0}77.35%{--light:1;--rearGlow:1}77.95%{--light:0;--rearGlow:0}78.55%{--light:1;--rearGlow:1}79.15%{--light:.08;--rearGlow:.08}79.75%,94%{--light:1;--rearGlow:1}95%{--light:0;--rearGlow:0}98%,100%{--matrix:0;--shell:0;--internals:0;--energy:0;--light:0;--rearGlow:0}}

/* v232 final cascade lock. Keep after all historical comparison rules. */
.hero-visual{--pearl:0;animation-name:cinematicV232!important}
.matrix-pixels::after,.scan-edge{display:none!important}
.scene-layer.internals{overflow:hidden!important;-webkit-mask:url("../img/redraw-v1/hero-car-mask-v185.svg") center/cover no-repeat!important;mask:url("../img/redraw-v1/hero-car-mask-v185.svg") center/cover no-repeat!important}
.scene-layer.internals img{object-fit:cover!important;object-position:center!important;filter:contrast(1.075) saturate(1.01) brightness(1.015)!important;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--edge) - 4.2%),rgba(0,0,0,.86) calc(var(--edge) - 1.4%),rgba(0,0,0,.38) calc(var(--edge) + 1.8%),transparent calc(var(--edge) + 5.4%),transparent 100%)!important;mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--edge) - 4.2%),rgba(0,0,0,.86) calc(var(--edge) - 1.4%),rgba(0,0,0,.38) calc(var(--edge) + 1.8%),transparent calc(var(--edge) + 5.4%),transparent 100%)!important}
.scene-layer.matrix img{-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--edge) - 11%),rgba(0,0,0,.3) calc(var(--edge) - 7%),#000 calc(var(--edge) - 1.5%),#000 calc(var(--edge) + 2.5%),rgba(0,0,0,.3) calc(var(--edge) + 8%),transparent calc(var(--edge) + 13%),transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--edge) - 11%),rgba(0,0,0,.3) calc(var(--edge) - 7%),#000 calc(var(--edge) - 1.5%),#000 calc(var(--edge) + 2.5%),rgba(0,0,0,.3) calc(var(--edge) + 8%),transparent calc(var(--edge) + 13%),transparent 100%)!important;filter:hue-rotate(5deg) saturate(1.34) brightness(.86) contrast(1.08)!important}
.matrix-pixels{clip-path:none!important;opacity:calc(var(--energy)*.72)!important;-webkit-mask:url("../img/redraw-v1/hero-car-mask-v185.svg") center/cover no-repeat!important;mask:url("../img/redraw-v1/hero-car-mask-v185.svg") center/cover no-repeat!important}
.matrix-pixels::before{background:radial-gradient(circle,rgba(24,92,151,.76) 0 1.1px,transparent 1.75px) 0 0/13px 13px,linear-gradient(rgba(16,74,132,.26) 1px,transparent 1px) 0 0/26px 26px,linear-gradient(90deg,rgba(16,74,132,.24) 1px,transparent 1px) 0 0/26px 26px,linear-gradient(105deg,transparent 0,rgba(74,153,214,.16) 36%,rgba(188,226,250,.56) 50%,rgba(47,116,178,.2) 64%,transparent 100%)!important;filter:drop-shadow(0 0 3px rgba(37,111,170,.28))!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--edge) - 12%),rgba(0,0,0,.42) calc(var(--edge) - 7%),#000 calc(var(--edge) - 2%),#000 calc(var(--edge) + 3%),rgba(0,0,0,.42) calc(var(--edge) + 8%),transparent calc(var(--edge) + 14%),transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--edge) - 12%),rgba(0,0,0,.42) calc(var(--edge) - 7%),#000 calc(var(--edge) - 2%),#000 calc(var(--edge) + 3%),rgba(0,0,0,.42) calc(var(--edge) + 8%),transparent calc(var(--edge) + 14%),transparent 100%)!important}
.hero::after{background:radial-gradient(ellipse 31% 61% at 75% 61%,rgba(8,33,63,.035),transparent 69%)!important}
.scene-layer.lights{z-index:12!important;mix-blend-mode:screen!important;-webkit-mask:url("../img/redraw-v1/hero-main-lights-mask-v232.svg") center/cover no-repeat!important;mask:url("../img/redraw-v1/hero-main-lights-mask-v232.svg") center/cover no-repeat!important}
.rear-amber-glow{background:radial-gradient(ellipse 7% 9% at 89.3% 50.5%,rgba(255,195,93,.44),rgba(255,161,45,.15) 39%,transparent 75%),radial-gradient(ellipse 13% 21% at 96% 52%,rgba(255,188,80,.19),rgba(255,147,36,.055) 47%,transparent 77%),radial-gradient(ellipse 16% 6% at 91% 79%,rgba(255,185,72,.17),transparent 73%)!important;opacity:calc(var(--rearGlow)*.72)!important}
.phase-normal .hero-visual{animation:none!important;--edge:-24%;--matrix:0;--shell:0;--internals:0;--energy:0;--light:0;--rearGlow:0;--pearl:0}
.phase-pixels .hero-visual{animation:none!important;--edge:64%;--matrix:1;--shell:.78;--internals:1;--energy:.62;--light:0;--rearGlow:0;--pearl:.92}
.phase-matrix .hero-visual{animation:none!important;--edge:124%;--matrix:0;--shell:0;--internals:1;--energy:0;--light:0;--rearGlow:0;--pearl:0}
.phase-lights .hero-visual{animation:none!important;--edge:-24%;--matrix:0;--shell:0;--internals:0;--energy:0;--light:.92;--rearGlow:.72;--pearl:0}

/* v233 final plate — never crop or double the user-approved CGI reference. */
.scene-layer.internals{overflow:visible!important;-webkit-mask:none!important;mask:none!important}
.scene-layer.internals img{object-fit:cover!important}
.protected-car{display:none!important;opacity:0!important}
.phase-matrix .scene-layer.internals img{-webkit-mask-image:none!important;mask-image:none!important}

/* v234 — normal and cutaway plates share one immutable showroom registration.
   Matrix, pearl diffusion and diagnostic pixels exist only on the main Porsche. */
.hero-visual{animation-name:cinematicV234!important}
.scene-layer.matrix,.matrix-pixels{clip-path:polygon(39.7% 84.4%,39.7% 69.5%,41.3% 59.5%,44.1% 50.6%,49.5% 42.9%,56.1% 37.9%,62.2% 32.1%,68.8% 29.1%,77.4% 29.9%,84.2% 34.8%,88.9% 42.9%,91.9% 53.2%,92.8% 65.6%,92.2% 75.2%,88.8% 81.6%,81.3% 85.1%,70.6% 86.4%,60.3% 85.6%,50% 84.8%,43.4% 84.4%)!important;-webkit-mask:url("../img/redraw-v1/hero-transition-mask-v234.png") center/cover no-repeat!important;mask:url("../img/redraw-v1/hero-transition-mask-v234.png") center/cover no-repeat!important;transform:none!important}
.scene-layer.matrix::after{background:radial-gradient(ellipse 5.8% 70% at var(--edge) 53%,rgba(239,250,255,.54),rgba(111,182,235,.2) 33%,rgba(26,79,137,.05) 62%,transparent 80%),linear-gradient(90deg,transparent 0,transparent calc(var(--edge) - 9%),rgba(145,205,246,.045) calc(var(--edge) - 6%),rgba(226,245,255,.19) var(--edge),rgba(42,105,171,.04) calc(var(--edge) + 7%),transparent calc(var(--edge) + 12%))!important;opacity:calc(var(--pearl)*.64)!important;filter:blur(7px) saturate(103%)!important}
.matrix-pixels{opacity:calc(var(--energy)*.56)!important}.matrix-pixels::before{background:radial-gradient(circle,rgba(28,91,151,.67) 0 1px,transparent 1.65px) 0 0/14px 14px,linear-gradient(rgba(19,70,124,.2) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(19,70,124,.19) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(103deg,transparent 0,rgba(34,100,165,.1) 37%,rgba(177,218,246,.38) 50%,rgba(31,91,151,.13) 63%,transparent 100%)!important;filter:drop-shadow(0 0 2px rgba(32,93,153,.24))!important;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--edge) - 8%),rgba(0,0,0,.64) calc(var(--edge) - 3%),rgba(0,0,0,.28) calc(var(--edge) + 5%),transparent calc(var(--edge) + 13%),transparent 100%)!important;mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--edge) - 8%),rgba(0,0,0,.64) calc(var(--edge) - 3%),rgba(0,0,0,.28) calc(var(--edge) + 5%),transparent calc(var(--edge) + 13%),transparent 100%)!important}
.scene-layer.internals,.scene-layer.internals img{inset:0!important;width:100%!important;height:100%!important;object-position:center!important;filter:none!important;transform:none!important}.scene-layer.internals{overflow:visible!important;-webkit-mask:none!important;mask:none!important}
.scene-layer.lights{-webkit-mask:url("../img/redraw-v1/hero-main-lights-mask-v234.svg") center/cover no-repeat!important;mask:url("../img/redraw-v1/hero-main-lights-mask-v234.svg") center/cover no-repeat!important}
.phase-normal .hero-visual{animation:none!important;--edge:-24%;--matrix:0;--shell:0;--internals:0;--energy:0;--light:0;--rearGlow:0;--pearl:0}.phase-pixels .hero-visual{animation:none!important;--edge:64%;--matrix:1;--shell:.74;--internals:1;--energy:.55;--light:0;--rearGlow:0;--pearl:.78}.phase-matrix .hero-visual{animation:none!important;--edge:124%;--matrix:0;--shell:0;--internals:1;--energy:0;--light:0;--rearGlow:0;--pearl:0}.phase-lights .hero-visual{animation:none!important;--edge:-24%;--matrix:0;--shell:0;--internals:0;--energy:0;--light:.98;--rearGlow:.68;--pearl:0}
@keyframes cinematicV234{0%,6%{--edge:-24%;--matrix:0;--shell:0;--internals:0;--energy:0;--light:0;--rearGlow:0;--pearl:0}7%{--edge:-24%;--matrix:1;--shell:.72;--internals:1;--energy:.09;--pearl:.22;animation-timing-function:cubic-bezier(.18,.72,.2,1)}13%{--edge:10%;--shell:.76;--internals:1;--energy:.4;--pearl:.68}23%{--edge:70%;--shell:.64;--internals:1;--energy:.55;--pearl:.82}32%{--edge:124%;--matrix:1;--shell:.04;--internals:1;--energy:.025;--pearl:.06}35%,43%{--edge:124%;--matrix:0;--shell:0;--internals:1;--energy:0;--pearl:0}46%{--edge:124%;--matrix:1;--shell:.22;--internals:1;--energy:.07;--pearl:.18}56%{--edge:43%;--shell:.68;--internals:1;--energy:.5;--pearl:.74}66%{--edge:-24%;--matrix:1;--shell:.025;--internals:1;--energy:.02;--pearl:.035}68%,76.8%{--edge:-24%;--matrix:0;--shell:0;--internals:0;--energy:0;--light:0;--rearGlow:0;--pearl:0}77.7%{--light:.98;--rearGlow:.68}78.45%,79.84%{--light:0;--rearGlow:0}80.74%{--light:.98;--rearGlow:.68}81.49%,100%{--matrix:0;--shell:0;--internals:0;--energy:0;--light:0;--rearGlow:0;--pearl:0}}
.matrix-grid{display:none!important;opacity:0!important;background:none!important}

/* v235 — whole-body Mauto matrix veil. No travelling strip, optical bulge,
   floor spill or background replacement. */
.hero-visual{animation-name:cinematicV235!important}
.scene-layer.matrix,.matrix-pixels{clip-path:none!important;-webkit-mask:url("../img/redraw-v1/hero-transition-mask-v235.svg") center/cover no-repeat!important;mask:url("../img/redraw-v1/hero-transition-mask-v235.svg") center/cover no-repeat!important;transform:none!important}
.scene-layer.matrix{z-index:7!important;display:none!important;opacity:0!important;mix-blend-mode:normal!important;filter:none!important}
.scene-layer.matrix::after,.matrix-pixels::after,.scan-edge{display:none!important;width:0!important;opacity:0!important;background:none!important;box-shadow:none!important;filter:none!important;transform:none!important}
.scene-layer.matrix img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:1!important;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important;transform:none!important}
.matrix-pixels{z-index:10!important;display:block!important;opacity:var(--energy)!important;overflow:hidden!important;mix-blend-mode:screen!important}
.matrix-pixels::before{position:absolute!important;inset:0!important;display:block!important;background:radial-gradient(circle,rgba(75,169,244,.92) 0 1px,transparent 1.55px) 0 0/16px 16px,linear-gradient(rgba(40,128,209,.22) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(40,128,209,.2) 1px,transparent 1px) 0 0/32px 32px,radial-gradient(ellipse 45% 54% at 69% 55%,rgba(73,166,240,.2),rgba(34,105,178,.08) 52%,transparent 78%)!important;content:""!important;opacity:.82!important;filter:drop-shadow(0 0 2px rgba(41,133,215,.34))!important;-webkit-mask-image:none!important;mask-image:none!important;transform:none!important;animation:none!important}
.scene-layer.internals,.scene-layer.internals img{inset:0!important;width:100%!important;height:100%!important;object-position:center!important;-webkit-mask:none!important;mask:none!important;-webkit-mask-image:none!important;mask-image:none!important;filter:none!important;transform:none!important}.scene-layer.internals{z-index:6!important;overflow:visible!important;opacity:var(--internals)!important}.scene-layer.internals img{object-fit:cover!important}
.phase-normal .hero-visual{animation:none!important;--matrix:0;--shell:0;--internals:0;--energy:0;--light:0;--rearGlow:0}.phase-pixels .hero-visual{animation:none!important;--matrix:1;--shell:.72;--internals:.52;--energy:.76;--light:0;--rearGlow:0}.phase-matrix .hero-visual{animation:none!important;--matrix:0;--shell:0;--internals:1;--energy:0;--light:0;--rearGlow:0}.phase-lights .hero-visual{animation:none!important;--matrix:0;--shell:0;--internals:0;--energy:0;--light:.98;--rearGlow:.68}
@keyframes cinematicV235{0%,7%{--matrix:0;--energy:0;--shell:0;--internals:0;--light:0;--rearGlow:0}10%{--matrix:1;--energy:.22;--shell:.24;--internals:.04;animation-timing-function:cubic-bezier(.22,.72,.23,1)}15%{--energy:.58;--shell:.62;--internals:.2}20%{--energy:.78;--shell:.78;--internals:.52}25%{--energy:.48;--shell:.44;--internals:.84}29%{--matrix:1;--energy:.1;--shell:.1;--internals:.98}32%,43%{--matrix:0;--energy:0;--shell:0;--internals:1}46%{--matrix:1;--energy:.18;--shell:.2;--internals:.97;animation-timing-function:cubic-bezier(.22,.72,.23,1)}51%{--energy:.58;--shell:.62;--internals:.8}56%{--energy:.78;--shell:.78;--internals:.48}61%{--energy:.46;--shell:.42;--internals:.16}65%{--matrix:1;--energy:.09;--shell:.08;--internals:.02}68%,76.8%{--matrix:0;--energy:0;--shell:0;--internals:0;--light:0;--rearGlow:0}77.7%{--light:.98;--rearGlow:.68}78.45%,79.84%{--light:0;--rearGlow:0}80.74%{--light:.98;--rearGlow:.68}81.49%,100%{--matrix:0;--energy:0;--shell:0;--internals:0;--light:0;--rearGlow:0}}

/* v236 — brighter Mauto-blue matrix, led across the intact body, with one
   continuous linear velocity through reveal and rebuild. */
.hero-visual{animation-name:cinematicV236!important;animation-timing-function:linear!important}
.matrix-pixels{opacity:var(--energy)!important;mix-blend-mode:screen!important;filter:none!important}
.matrix-pixels::before{background:radial-gradient(circle,rgba(92,190,255,.98) 0 1.25px,rgba(67,163,239,.52) 1.35px,transparent 2px) 0 0/18px 18px,linear-gradient(rgba(50,150,232,.52) 1px,transparent 1px) 0 0/36px 36px,linear-gradient(90deg,rgba(50,150,232,.48) 1px,transparent 1px) 0 0/36px 36px,linear-gradient(rgba(101,190,250,.18) 1px,transparent 1px) 0 0/18px 18px,linear-gradient(90deg,rgba(101,190,250,.16) 1px,transparent 1px) 0 0/18px 18px,radial-gradient(ellipse 46% 57% at 68% 55%,rgba(76,174,247,.28),rgba(29,111,190,.1) 54%,transparent 80%)!important;opacity:.94!important;filter:drop-shadow(0 0 2px rgba(45,151,235,.58)) drop-shadow(0 0 6px rgba(63,167,244,.2))!important}
.phase-pixels .hero-visual{--matrix:1;--energy:.94;--shell:0;--internals:.2!important}
@keyframes cinematicV236{0%,7%{--matrix:0;--energy:0;--shell:0;--internals:0;--light:0;--rearGlow:0}9%{--matrix:1;--energy:.12;--internals:0}12%{--energy:.4;--internals:0}15%{--energy:.72;--internals:.05}18%{--energy:.95;--internals:.22}21%{--energy:1;--internals:.5}24%{--energy:.84;--internals:.76}27%{--energy:.54;--internals:.91}30%{--energy:.2;--internals:.985}33%,43%{--matrix:0;--energy:0;--shell:0;--internals:1}45%{--matrix:1;--energy:.12;--internals:1}48%{--energy:.48;--internals:.98}51%{--energy:.82;--internals:.88}54%{--energy:1;--internals:.65}57%{--energy:.92;--internals:.38}60%{--energy:.74;--internals:.18}63%{--energy:.5;--internals:.06}66%{--energy:.26;--internals:0}69%,76.8%{--matrix:0;--energy:0;--shell:0;--internals:0;--light:0;--rearGlow:0}77.7%{--light:.98;--rearGlow:.68}78.45%,79.84%{--light:0;--rearGlow:0}80.74%{--light:.98;--rearGlow:.68}81.49%,100%{--matrix:0;--energy:0;--shell:0;--internals:0;--light:0;--rearGlow:0}}

/* v237 — registered cutaway + bidirectional contour flow. */
@property --v237edge{syntax:"<percentage>";inherits:true;initial-value:34%}
@property --v237fwd{syntax:"<number>";inherits:true;initial-value:0}
@property --v237rev{syntax:"<number>";inherits:true;initial-value:0}
.hero-visual{--v237edge:34%;--v237fwd:0;--v237rev:0;animation-name:cinematicV237!important;animation-timing-function:linear!important}
.scene-layer.internals{z-index:6!important;overflow:hidden!important;opacity:var(--internals)!important;-webkit-mask:url("../img/redraw-v1/hero-transition-mask-v237.svg") center/cover no-repeat!important;mask:url("../img/redraw-v1/hero-transition-mask-v237.svg") center/cover no-repeat!important}
.scene-layer.internals img{transform:translate3d(-.2%,.52%,0) scaleX(.98765)!important;transform-origin:50% 50%!important;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--v237edge) - 10%),rgba(0,0,0,.96) calc(var(--v237edge) - 6%),rgba(0,0,0,.7) calc(var(--v237edge) - 1%),rgba(0,0,0,.28) calc(var(--v237edge) + 5%),transparent calc(var(--v237edge) + 11%),transparent 100%)!important;mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--v237edge) - 10%),rgba(0,0,0,.96) calc(var(--v237edge) - 6%),rgba(0,0,0,.7) calc(var(--v237edge) - 1%),rgba(0,0,0,.28) calc(var(--v237edge) + 5%),transparent calc(var(--v237edge) + 11%),transparent 100%)!important}
.protected-car{z-index:11!important;display:block!important;opacity:var(--internals)!important;-webkit-mask:url("../img/redraw-v1/hero-protected-parts-mask-v227b.svg") center/cover no-repeat!important;mask:url("../img/redraw-v1/hero-protected-parts-mask-v227b.svg") center/cover no-repeat!important}
.matrix-pixels{z-index:10!important;display:block!important;inset:0!important;overflow:hidden!important;opacity:1!important;mix-blend-mode:screen!important;clip-path:none!important;-webkit-mask:url("../img/redraw-v1/hero-transition-mask-v237.svg") center/cover no-repeat!important;mask:url("../img/redraw-v1/hero-transition-mask-v237.svg") center/cover no-repeat!important}
.matrix-pixels::before,.matrix-pixels::after{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:radial-gradient(ellipse 10% 64% at var(--v237edge) 56%,rgba(207,240,255,.62),rgba(80,176,245,.27) 32%,rgba(35,119,197,.08) 63%,transparent 82%),radial-gradient(circle,rgba(100,198,255,.88) 0 1px,rgba(61,158,232,.34) 1.15px,transparent 1.75px) 0 0/21px 21px,repeating-radial-gradient(ellipse 57% 78% at 71% 55%,rgba(119,204,255,.22) 0 1px,transparent 1.5px 28px),linear-gradient(rgba(64,161,232,.12) 1px,transparent 1px) 0 0/42px 42px,linear-gradient(90deg,rgba(64,161,232,.1) 1px,transparent 1px) 0 0/42px 42px,linear-gradient(110deg,transparent 12%,rgba(43,131,208,.08) 35%,rgba(192,232,255,.3) 50%,rgba(46,137,215,.09) 66%,transparent 88%)!important;box-shadow:none!important;content:""!important;filter:drop-shadow(0 0 2px rgba(55,158,232,.36)) drop-shadow(0 0 7px rgba(75,174,244,.12))!important;transform:none!important}
.matrix-pixels::before{opacity:var(--v237fwd)!important;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--v237edge) - 17%),rgba(0,0,0,.92) calc(var(--v237edge) - 10%),rgba(0,0,0,.52) calc(var(--v237edge) - 1%),rgba(0,0,0,.14) calc(var(--v237edge) + 7%),transparent calc(var(--v237edge) + 15%),transparent 100%)!important;mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--v237edge) - 17%),rgba(0,0,0,.92) calc(var(--v237edge) - 10%),rgba(0,0,0,.52) calc(var(--v237edge) - 1%),rgba(0,0,0,.14) calc(var(--v237edge) + 7%),transparent calc(var(--v237edge) + 15%),transparent 100%)!important}
.matrix-pixels::after{opacity:var(--v237rev)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--v237edge) - 15%),rgba(0,0,0,.14) calc(var(--v237edge) - 7%),rgba(0,0,0,.52) calc(var(--v237edge) + 1%),rgba(0,0,0,.92) calc(var(--v237edge) + 10%),#000 calc(var(--v237edge) + 17%),#000 100%)!important;mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--v237edge) - 15%),rgba(0,0,0,.14) calc(var(--v237edge) - 7%),rgba(0,0,0,.52) calc(var(--v237edge) + 1%),rgba(0,0,0,.92) calc(var(--v237edge) + 10%),#000 calc(var(--v237edge) + 17%),#000 100%)!important}
.phase-normal .hero-visual{--v237edge:34%;--v237fwd:0;--v237rev:0;--internals:0}.phase-pixels .hero-visual{--v237edge:69%;--v237fwd:.96;--v237rev:0;--internals:1}.phase-matrix .hero-visual{--v237edge:102%;--v237fwd:0;--v237rev:0;--internals:1}
@keyframes cinematicV237{0%,6%{--v237edge:34%;--v237fwd:0;--v237rev:0;--matrix:0;--energy:0;--shell:0;--internals:0;--light:0;--rearGlow:0}7%{--v237edge:34%;--v237fwd:.08;--internals:1}9%{--v237edge:41%;--v237fwd:.38}12%{--v237edge:52%;--v237fwd:.75}16%{--v237edge:69%;--v237fwd:1}20%{--v237edge:85%;--v237fwd:.92}23%{--v237edge:98%;--v237fwd:.38}25%,43%{--v237edge:102%;--v237fwd:0;--v237rev:0;--internals:1}45%{--v237edge:102%;--v237rev:.12;--internals:1}48%{--v237edge:92%;--v237rev:.52}52%{--v237edge:77%;--v237rev:.92}56%{--v237edge:61%;--v237rev:1}59%{--v237edge:47%;--v237rev:.72}62%{--v237edge:34%;--v237rev:.18;--internals:1}64%,76.8%{--v237edge:34%;--v237fwd:0;--v237rev:0;--internals:0;--light:0;--rearGlow:0}77.7%{--light:.98;--rearGlow:.68}78.45%,79.84%{--light:0;--rearGlow:0}80.74%{--light:.98;--rearGlow:.68}81.49%,100%{--v237edge:34%;--v237fwd:0;--v237rev:0;--internals:0;--light:0;--rearGlow:0}}

/* v238 — Mauto Blue signature pearl. Geometry and timing remain v237. */
.matrix-pixels::before,.matrix-pixels::after{background:radial-gradient(ellipse 10% 64% at var(--v237edge) 56%,rgba(92,186,249,.72),rgba(57,157,232,.34) 32%,rgba(24,104,194,.12) 63%,transparent 82%),radial-gradient(circle,rgba(88,192,255,.92) 0 1px,rgba(48,147,230,.38) 1.15px,transparent 1.75px) 0 0/21px 21px,repeating-radial-gradient(ellipse 57% 78% at 71% 55%,rgba(83,179,247,.24) 0 1px,transparent 1.5px 28px),linear-gradient(rgba(54,151,229,.14) 1px,transparent 1px) 0 0/42px 42px,linear-gradient(90deg,rgba(54,151,229,.12) 1px,transparent 1px) 0 0/42px 42px,linear-gradient(110deg,transparent 12%,rgba(34,126,211,.1) 35%,rgba(98,190,250,.42) 50%,rgba(39,132,216,.11) 66%,transparent 88%)!important;filter:drop-shadow(0 0 2px rgba(42,145,229,.43)) drop-shadow(0 0 8px rgba(67,169,242,.16))!important}

/* v239 — symmetric, continuous frontier. The contour starts before the
   Porsche nose and clears the rear spoiler before its light reaches zero. */
.hero-visual{animation-name:cinematicV239!important}
.scene-layer.internals img{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--v237edge) - 11%),rgba(0,0,0,.96) calc(var(--v237edge) - 7%),rgba(0,0,0,.62) var(--v237edge),rgba(0,0,0,.18) calc(var(--v237edge) + 8%),transparent calc(var(--v237edge) + 13%),transparent 100%)!important;mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--v237edge) - 11%),rgba(0,0,0,.96) calc(var(--v237edge) - 7%),rgba(0,0,0,.62) var(--v237edge),rgba(0,0,0,.18) calc(var(--v237edge) + 8%),transparent calc(var(--v237edge) + 13%),transparent 100%)!important}
.matrix-pixels::before{-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--v237edge) - 30%),rgba(0,0,0,.12) calc(var(--v237edge) - 24%),rgba(0,0,0,.55) calc(var(--v237edge) - 14%),#000 calc(var(--v237edge) - 3%),rgba(0,0,0,.72) calc(var(--v237edge) + 7%),rgba(0,0,0,.18) calc(var(--v237edge) + 16%),transparent calc(var(--v237edge) + 25%),transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--v237edge) - 30%),rgba(0,0,0,.12) calc(var(--v237edge) - 24%),rgba(0,0,0,.55) calc(var(--v237edge) - 14%),#000 calc(var(--v237edge) - 3%),rgba(0,0,0,.72) calc(var(--v237edge) + 7%),rgba(0,0,0,.18) calc(var(--v237edge) + 16%),transparent calc(var(--v237edge) + 25%),transparent 100%)!important}
.matrix-pixels::after{-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--v237edge) - 25%),rgba(0,0,0,.18) calc(var(--v237edge) - 16%),rgba(0,0,0,.72) calc(var(--v237edge) - 7%),#000 calc(var(--v237edge) + 3%),rgba(0,0,0,.55) calc(var(--v237edge) + 14%),rgba(0,0,0,.12) calc(var(--v237edge) + 24%),transparent calc(var(--v237edge) + 30%),transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--v237edge) - 25%),rgba(0,0,0,.18) calc(var(--v237edge) - 16%),rgba(0,0,0,.72) calc(var(--v237edge) - 7%),#000 calc(var(--v237edge) + 3%),rgba(0,0,0,.55) calc(var(--v237edge) + 14%),rgba(0,0,0,.12) calc(var(--v237edge) + 24%),transparent calc(var(--v237edge) + 30%),transparent 100%)!important}
.phase-normal .hero-visual{--v237edge:20%;--v237fwd:0;--v237rev:0;--internals:0}.phase-pixels .hero-visual{--v237edge:66.5%;--v237fwd:1;--v237rev:0;--internals:1}.phase-matrix .hero-visual{--v237edge:113%;--v237fwd:0;--v237rev:0;--internals:1}
@keyframes cinematicV239{0%,6%{--v237edge:20%;--v237fwd:0;--v237rev:0;--matrix:0;--energy:0;--shell:0;--internals:0;--light:0;--rearGlow:0}7%{--v237edge:20%;--v237fwd:0;--internals:1}10%{--v237edge:35.5%;--v237fwd:.48}13%{--v237edge:51%;--v237fwd:.9}16%{--v237edge:66.5%;--v237fwd:1}19%{--v237edge:82%;--v237fwd:.9}22%{--v237edge:97.5%;--v237fwd:.48}25%,43%{--v237edge:113%;--v237fwd:0;--v237rev:0;--internals:1}45%{--v237edge:113%;--v237rev:0;--internals:1}48%{--v237edge:97.5%;--v237rev:.48}51%{--v237edge:82%;--v237rev:.9}54%{--v237edge:66.5%;--v237rev:1}57%{--v237edge:51%;--v237rev:.9}60%{--v237edge:35.5%;--v237rev:.48}63%{--v237edge:20%;--v237rev:0;--internals:1}64%,76.8%{--v237edge:20%;--v237fwd:0;--v237rev:0;--matrix:0;--energy:0;--shell:0;--internals:0;--light:0;--rearGlow:0}77.7%{--light:.98;--rearGlow:.68}78.45%,79.84%{--light:0;--rearGlow:0}80.74%{--light:.98;--rearGlow:.68}81.49%,100%{--v237edge:20%;--v237fwd:0;--v237rev:0;--internals:0;--light:0;--rearGlow:0}}

/* v240 — product copy and automatic nine-service glass rail. */
.reference-copy{top:clamp(48px,6.5vh,66px);width:clamp(430px,34vw,570px);transform:none;pointer-events:none}.reference-copy h1{font-size:clamp(43px,3.2vw,61px);font-weight:775;line-height:.98;letter-spacing:-.059em}.reference-kicker,.reference-summary,.reference-points{display:none}.eco-title{display:inline-flex;align-items:baseline;letter-spacing:-.065em}.eco-e{color:var(--mauto-ds-color-primary,#3c78da)}.eco-k,.eco-o{color:#28a568}.eco-o{position:relative}.eco-o i{position:absolute;top:-.29em;left:.43em;z-index:2;width:.31em;height:.18em;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#63c986,#219459);box-shadow:0 2px 5px rgba(28,128,74,.18),0 0 0 1px rgba(255,255,255,.58);transform:rotate(-31deg)}.title-second{display:inline-block;margin-top:.06em;font-size:.79em;font-weight:690;letter-spacing:-.049em}
.hero-capability-deck{position:relative;width:min(100%,548px);height:226px;margin-top:22px;perspective:1200px}.hero-capability-card{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 190px;overflow:hidden;border:1px solid rgba(255,255,255,.92);border-radius:28px;background:linear-gradient(118deg,rgba(255,255,255,.9),rgba(241,248,254,.78));box-shadow:0 25px 56px -36px rgba(11,39,68,.58),0 9px 23px -19px rgba(37,92,144,.44),inset 0 1px #fff,inset 0 0 0 1px rgba(125,178,220,.07);backdrop-filter:blur(22px) saturate(112%);opacity:0;visibility:hidden;filter:blur(18px) saturate(.88);transform:translate3d(165px,-2px,-70px) rotateY(-7deg) scale(.965);transform-origin:right center;animation:heroCapabilityFlowV240 45s linear infinite;animation-delay:calc(var(--card-index)*5s);will-change:opacity,filter,transform}.hero-capability-card::after{position:absolute;inset:0;z-index:4;border-radius:inherit;background:linear-gradient(112deg,rgba(255,255,255,.42),transparent 29%),radial-gradient(circle at 86% 12%,rgba(93,170,235,.12),transparent 43%);content:"";pointer-events:none}.hero-capability-card>div{position:relative;z-index:6;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:25px 8px 24px 26px}.hero-capability-card>div>span{display:flex;align-items:center;gap:9px;color:#3978b3;font-size:10px;font-weight:820;line-height:1;letter-spacing:.13em;text-transform:uppercase}.hero-capability-card>div>span::before{width:24px;height:2px;border-radius:3px;background:linear-gradient(90deg,#3b91ec,#76b9f6);content:""}.hero-capability-card>div>strong{margin-top:16px;color:#102d49;font-size:22px;font-weight:785;line-height:1.08;letter-spacing:-.038em}.hero-capability-card>div>p{display:-webkit-box;max-width:310px;margin:12px 0 0;overflow:hidden;color:#5d7892;font-size:12px;font-weight:530;line-height:1.48;letter-spacing:-.006em;-webkit-box-orient:vertical;-webkit-line-clamp:3}.hero-capability-card>figure{position:relative;z-index:5;display:grid;min-width:0;height:100%;place-items:center;margin:0;overflow:hidden;background:radial-gradient(circle at 48% 51%,rgba(220,237,251,.34),transparent 68%)}.hero-capability-card>figure img{display:block;width:218px;height:218px;max-width:none;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.035) saturate(1.025) drop-shadow(0 14px 13px rgba(18,47,73,.12));-webkit-mask-image:radial-gradient(ellipse 82% 80% at 50% 50%,#000 0 70%,rgba(0,0,0,.96) 80%,transparent 100%);mask-image:radial-gradient(ellipse 82% 80% at 50% 50%,#000 0 70%,rgba(0,0,0,.96) 80%,transparent 100%)}
@keyframes heroCapabilityFlowV240{0%{z-index:4;opacity:0;visibility:visible;filter:blur(18px) saturate(.88);transform:translate3d(165px,-2px,-70px) rotateY(-7deg) scale(.965);animation-timing-function:cubic-bezier(.16,.86,.21,1)}1.9%,8.35%{z-index:4;opacity:1;visibility:visible;filter:blur(0) saturate(1);transform:translate3d(0,0,0) rotateY(0) scale(1)}8.35%{animation-timing-function:cubic-bezier(.43,0,.33,1)}11.11%{z-index:3;opacity:0;visibility:hidden;filter:blur(16px) saturate(.9);transform:translate3d(-150px,2px,-60px) rotateY(6deg) scale(.972);transform-origin:left center}11.12%,100%{z-index:1;opacity:0;visibility:hidden;filter:blur(18px) saturate(.88);transform:translate3d(165px,-2px,-70px) rotateY(-7deg) scale(.965)}}
.device-shell[data-device="tablet"] .reference-copy{top:46px;width:460px}.device-shell[data-device="tablet"] .reference-copy h1{font-size:47px}.device-shell[data-device="tablet"] .hero-capability-deck{width:446px;height:198px;margin-top:18px}.device-shell[data-device="tablet"] .hero-capability-card{grid-template-columns:minmax(0,1fr) 150px;border-radius:23px}.device-shell[data-device="tablet"] .hero-capability-card>div{padding:20px 4px 19px 21px}.device-shell[data-device="tablet"] .hero-capability-card>div>strong{margin-top:12px;font-size:18px}.device-shell[data-device="tablet"] .hero-capability-card>div>p{margin-top:9px;font-size:10px}.device-shell[data-device="tablet"] .hero-capability-card>figure img{width:172px;height:172px}
.device-shell[data-device="mobile"] .hero{height:690px!important}.device-shell[data-device="mobile"] .reference-copy{top:19px;left:14px;width:362px}.device-shell[data-device="mobile"] .reference-copy h1{font-size:35px}.device-shell[data-device="mobile"] .hero-capability-deck{width:100%;height:168px;margin-top:13px}.device-shell[data-device="mobile"] .hero-capability-card{grid-template-columns:minmax(0,1fr) 102px;border-radius:20px}.device-shell[data-device="mobile"] .hero-capability-card>div{padding:14px 2px 13px 15px}.device-shell[data-device="mobile"] .hero-capability-card>div>span{gap:6px;font-size:7.25px}.device-shell[data-device="mobile"] .hero-capability-card>div>span::before{width:15px}.device-shell[data-device="mobile"] .hero-capability-card>div>strong{margin-top:9px;font-size:14.5px}.device-shell[data-device="mobile"] .hero-capability-card>div>p{margin-top:7px;font-size:9px;line-height:1.34;-webkit-line-clamp:4}.device-shell[data-device="mobile"] .hero-capability-card>figure img{width:96px;height:96px}.device-shell[data-device="mobile"] .hero-visual{top:405px!important}
@media(prefers-reduced-motion:reduce){.hero-capability-card{animation:none}.hero-capability-card:first-child{opacity:1;visibility:visible;filter:none;transform:none}}

/* v241 — larger Mauto-blue service cards and full, uncropped artwork. */
.reference-copy{width:clamp(470px,40vw,610px)}
.hero-capability-deck{width:min(100%,610px);height:252px;margin-top:20px}
.hero-capability-card{grid-template-columns:minmax(0,1fr) 238px;border-color:rgba(170,205,237,.74);border-radius:28px;background:linear-gradient(122deg,rgba(241,248,255,.97),rgba(229,241,253,.93));box-shadow:0 26px 62px -38px rgba(20,58,96,.52),0 10px 26px -21px rgba(52,112,169,.35),inset 0 1px rgba(255,255,255,.96),inset 0 0 0 1px rgba(122,175,220,.08);backdrop-filter:blur(22px) saturate(108%);transform:translate3d(180px,-2px,-62px) rotateY(-6deg) scale(.97);animation-name:heroCapabilityFlowV241}
.hero-capability-card::after{background:linear-gradient(116deg,rgba(255,255,255,.34),transparent 31%),radial-gradient(circle at 87% 10%,rgba(102,172,233,.11),transparent 45%)}
.hero-capability-card>div{padding:28px 16px 27px 28px}
.hero-capability-card>div>span{display:block;color:#3a75aa;font-size:10px;letter-spacing:.14em}
.hero-capability-card>div>span::before{display:none;content:none}
.hero-capability-card>div>strong{margin-top:17px;font-size:23px}
.hero-capability-card>div>p{max-width:330px;margin-top:13px;font-size:12.25px;line-height:1.5}
.hero-capability-card>figure{padding:11px 9px;background:linear-gradient(90deg,rgba(251,253,255,.92),rgba(255,255,255,.98))}
.hero-capability-card>figure img{width:100%;height:100%;max-width:220px;max-height:220px;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.025) saturate(1.02) drop-shadow(0 13px 12px rgba(18,47,73,.1));-webkit-mask-image:none;mask-image:none}
@keyframes heroCapabilityFlowV241{0%{z-index:4;opacity:0;visibility:visible;filter:blur(18px) saturate(.9);transform:translate3d(180px,-2px,-62px) rotateY(-6deg) scale(.97);transform-origin:right center;animation-timing-function:cubic-bezier(.16,.84,.2,1)}2.02%,8.15%{z-index:4;opacity:1;visibility:visible;filter:blur(0) saturate(1);transform:translate3d(0,0,0) rotateY(0) scale(1)}8.15%{transform-origin:left center;animation-timing-function:cubic-bezier(.42,0,.25,1)}9.95%{z-index:4;opacity:.62;visibility:visible;filter:blur(5px) saturate(.97);transform:translate3d(-122px,1px,-24px) rotateY(2deg) scale(.988);transform-origin:left center}11.11%{z-index:3;opacity:0;visibility:hidden;filter:blur(14px) saturate(.9);transform:translate3d(-245px,2px,-55px) rotateY(5deg) scale(.974);transform-origin:left center}11.12%,100%{z-index:1;opacity:0;visibility:hidden;filter:blur(18px) saturate(.9);transform:translate3d(180px,-2px,-62px) rotateY(-6deg) scale(.97);transform-origin:right center}}
.device-shell[data-device="tablet"] .reference-copy{width:500px}.device-shell[data-device="tablet"] .hero-capability-deck{width:500px;height:220px}.device-shell[data-device="tablet"] .hero-capability-card{grid-template-columns:minmax(0,1fr) 184px}.device-shell[data-device="tablet"] .hero-capability-card>div{padding:22px 11px 21px 23px}.device-shell[data-device="tablet"] .hero-capability-card>div>strong{margin-top:13px;font-size:19px}.device-shell[data-device="tablet"] .hero-capability-card>div>p{margin-top:10px;font-size:10.5px}.device-shell[data-device="tablet"] .hero-capability-card>figure img{max-width:166px;max-height:166px}
.device-shell[data-device="mobile"] .hero-capability-deck{height:178px}.device-shell[data-device="mobile"] .hero-capability-card{grid-template-columns:minmax(0,1fr) 116px}.device-shell[data-device="mobile"] .hero-capability-card>div{padding:15px 5px 14px 16px}.device-shell[data-device="mobile"] .hero-capability-card>div>span{font-size:7.4px}.device-shell[data-device="mobile"] .hero-capability-card>div>strong{margin-top:10px;font-size:14.5px}.device-shell[data-device="mobile"] .hero-capability-card>div>p{margin-top:8px;font-size:8.8px;line-height:1.36}.device-shell[data-device="mobile"] .hero-capability-card>figure{padding:8px 6px}.device-shell[data-device="mobile"] .hero-capability-card>figure img{max-width:104px;max-height:104px}.device-shell[data-device="mobile"] .hero-visual{top:415px!important}

/* v242 — clean alpha artwork and compositor-safe motion. */
.reference-copy::before{inset:-26px -34px -22px -38px;border-radius:34px;background:linear-gradient(96deg,rgba(248,252,255,.95),rgba(241,248,255,.79) 56%,rgba(240,248,255,.36) 79%,transparent);filter:blur(10px)}
.reference-copy h1{color:#071f38;font-weight:795;letter-spacing:-.052em;-webkit-text-stroke:.34px rgba(255,255,255,.86);text-shadow:0 1px 0 #fff,0 3px 14px rgba(255,255,255,.76),0 2px 3px rgba(8,31,55,.14)}
.eco-title{letter-spacing:-.025em;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 2px 5px rgba(255,255,255,.92))}.eco-e{color:var(--mauto-ds-color-primary,#3c78da)}.eco-k,.eco-o{color:#219b5e}.eco-o i{top:-.11em;left:.54em;width:.31em;height:.19em;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#72d38e,#198e50);box-shadow:0 1px 3px rgba(16,114,61,.2);transform:rotate(-35deg);transform-origin:0 100%}.eco-o i::after{position:absolute;left:-.07em;bottom:-.035em;width:.16em;height:1px;border-radius:2px;background:#269b5c;content:"";transform:rotate(41deg);transform-origin:left center}.title-second{color:#0b2845;font-weight:735;letter-spacing:-.038em}
.hero-capability-card{opacity:0!important;visibility:hidden!important;filter:none!important;transform:translate3d(152px,0,0) scale(.995)!important;animation:none!important;transition:none!important;backface-visibility:hidden}.hero-capability-card.is-active,.hero-capability-card.is-leaving{z-index:4!important;visibility:visible!important}.hero-capability-card.is-active{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;transition:opacity .58s linear,transform .92s cubic-bezier(.19,.77,.22,1)!important}.hero-capability-card.is-leaving{z-index:3!important;opacity:0!important;transform:translate3d(-206px,0,0) scale(.987)!important;transition:opacity .76s linear,transform .92s cubic-bezier(.39,0,.28,1)!important}.hero-capability-card>figure{padding:9px 8px;background:transparent}.hero-capability-card>figure img{max-width:224px;max-height:224px;mix-blend-mode:normal;filter:drop-shadow(0 13px 12px rgba(18,47,73,.11));transform:translateZ(0)}
.brand-track{--brand-marquee-distance:0px;display:flex;flex-wrap:nowrap;width:max-content;animation:none;transform:translate3d(0,0,0);will-change:transform;backface-visibility:hidden}.brand-track.is-ready{animation:marquee 54s linear infinite}.brand-set{flex:0 0 max-content;width:max-content;padding-left:24px;padding-right:24px}
@media(prefers-reduced-motion:reduce){.brand-track.is-ready{animation:none}.hero-capability-card{transition:none!important}}

/* v243 — crisp semantic colour hierarchy and a leaf grown from the o. */
.reference-copy{z-index:30;isolation:isolate}
.reference-copy::before{inset:-24px -28px -20px -34px;border:1px solid rgba(255,255,255,.28);border-radius:30px;background:linear-gradient(100deg,rgba(249,252,255,.965),rgba(242,248,254,.90) 56%,rgba(239,247,254,.55) 79%,rgba(239,247,254,0));box-shadow:inset 0 1px rgba(255,255,255,.88),0 18px 48px -42px rgba(16,51,83,.35);filter:blur(8px)}
.reference-copy h1,.reference-copy h1 *{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0 transparent;paint-order:normal;mix-blend-mode:normal}
.reference-copy h1{color:#102b45;font-weight:790;letter-spacing:-.049em;text-shadow:0 1px 0 rgba(255,255,255,.96),0 8px 22px rgba(8,38,66,.10);transform:translateZ(0)}
.auto-word,.title-second{display:inline-block;white-space:nowrap}.auto-prefix{color:#102b45}.mobile-suffix,.app-word{color:var(--mauto-ds-color-primary,#3c78da)}.mobile-suffix{text-shadow:0 1px 0 rgba(255,255,255,.94),0 7px 18px rgba(24,112,202,.11)}
.eco-title{position:relative;z-index:2;letter-spacing:-.02em;filter:none}.eco-e{color:var(--mauto-ds-color-primary,#3c78da)}.eco-k,.eco-o{color:#239b5c}
.eco-o i{top:-.015em;left:.46em;width:.39em;height:.24em;overflow:visible;border:1px solid rgba(16,123,66,.38);border-radius:100% 0 100% 0;background:linear-gradient(142deg,#7bdc91 4%,#30ad67 48%,#17884d 100%);box-shadow:0 2px 5px rgba(18,119,65,.22),inset 0 1px rgba(255,255,255,.46);transform:rotate(-35deg);transform-origin:0 100%}
.eco-o i::before{position:absolute;left:13%;bottom:15%;width:82%;height:1px;border-radius:2px;background:rgba(241,255,245,.82);box-shadow:4px -3px 0 -.35px rgba(237,255,242,.7),7px 2px 0 -.35px rgba(237,255,242,.58);content:"";transform:rotate(-7deg);transform-origin:left center}.eco-o i::after{left:-.10em;bottom:-.095em;width:.23em;height:2px;background:#248f55;transform:rotate(43deg)}
.title-second{color:#173854;font-weight:720;letter-spacing:-.035em}.app-word{font-weight:775}
@media(max-width:640px){.device-shell[data-device="mobile"] .reference-copy h1{font-size:34px}}

/* v244 — nine compact 3D tiles without raster canvases. */
.ecosystem{min-height:0;padding:24px 32px 42px;background:#fff}
.ecosystem header{width:min(1440px,100%);margin:0 auto 17px;padding:0}.ecosystem header::before{display:none;content:none}.ecosystem h2{margin:0 0 5px;color:#112b44;font-size:35px;font-weight:785;line-height:1;letter-spacing:-.045em}.ecosystem header p{margin:0;color:#607991;font-size:14px;font-weight:540;line-height:1.35}
.ecosystem-count{display:inline-grid;width:1.22em;height:1.22em;margin-right:.16em;place-items:center;border:1px solid rgba(64,137,207,.22);border-radius:.36em;background:linear-gradient(145deg,#eef7ff,#dceeff);color:var(--mauto-ds-color-primary,#3c78da)!important;font-size:.67em;letter-spacing:0;vertical-align:.16em;box-shadow:inset 0 1px #fff,0 8px 18px -14px rgba(30,94,155,.45)}.ecosystem-mauto{color:var(--mauto-ds-color-primary,#3c78da)!important}
.ecosystem-eco{position:relative;display:inline-flex;align-items:baseline;font-weight:765;letter-spacing:-.025em}.ecosystem-eco-e{color:var(--mauto-ds-color-primary,#3c78da)}.ecosystem-eco-c,.ecosystem-eco-o{color:#239b5c}.ecosystem-eco-o{position:relative}.ecosystem-eco-o i{position:absolute;top:-.02em;left:.47em;width:.42em;height:.27em;border:1px solid rgba(15,119,63,.34);border-radius:100% 0 100% 0;background:linear-gradient(142deg,#7add90,#2fac68 50%,#17894c);box-shadow:0 2px 4px rgba(15,107,57,.2),inset 0 1px rgba(255,255,255,.48);transform:rotate(-35deg);transform-origin:0 100%}.ecosystem-eco-o i::before{position:absolute;left:13%;bottom:16%;width:80%;height:1px;border-radius:2px;background:rgba(242,255,246,.84);box-shadow:3px -2px 0 -.35px rgba(241,255,245,.7),5px 2px 0 -.35px rgba(241,255,245,.58);content:"";transform:rotate(-7deg)}.ecosystem-eco-o i::after{position:absolute;left:-.13em;bottom:-.11em;width:.28em;height:1.5px;border-radius:2px;background:#258e55;content:"";transform:rotate(43deg)}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(1440px,100%);margin:0 auto;perspective:1200px}.cards a{position:relative;display:grid;grid-template-columns:46% minmax(0,1fr);grid-template-rows:auto auto 1fr;min-width:0;min-height:198px;overflow:hidden;padding:20px 20px 18px 0;border:1px solid rgba(140,183,224,.52);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(241,248,255,.965) 58%,rgba(231,242,253,.98));box-shadow:0 28px 48px -36px rgba(20,54,89,.52),0 12px 24px -22px rgba(36,97,154,.42),inset 0 1px #fff,inset 1px 0 rgba(255,255,255,.76),inset 0 -1px rgba(89,148,203,.10);color:inherit;text-decoration:none;transform:translateZ(0);transition:transform .38s cubic-bezier(.2,.72,.2,1),box-shadow .38s ease,border-color .38s ease}.cards a::before{position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.76),transparent 29%),radial-gradient(circle at 87% 10%,rgba(89,161,225,.13),transparent 38%);content:"";pointer-events:none}.cards a::after{position:absolute;top:15px;right:16px;display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(70,138,200,.16);border-radius:50%;background:rgba(244,250,255,.82);color:var(--mauto-ds-color-primary,#3c78da);content:"↗";font-size:13px;font-weight:760;opacity:.7;transition:transform .35s ease,opacity .35s ease}.cards img{position:relative;z-index:2;grid-column:1;grid-row:1/4;align-self:center;width:94%;height:172px;max-width:206px;object-fit:contain;background:transparent;filter:drop-shadow(0 17px 14px rgba(21,49,76,.13));transform:translateZ(0);transition:transform .42s cubic-bezier(.2,.72,.2,1)}.cards strong,.cards small,.cards b{position:relative;z-index:3;grid-column:2;display:block}.cards strong{grid-row:1;align-self:end;margin:21px 0 0;color:#112b44;font-size:clamp(19px,1.5vw,24px);font-weight:785;line-height:1.06;letter-spacing:-.038em}.cards small{grid-row:2;margin-top:7px;color:#617a93;font-size:12px;font-weight:550;line-height:1.3}.cards b{grid-row:3;align-self:end;width:max-content;max-width:100%;margin-top:14px;padding:6px 9px;border:1px solid rgba(61,137,206,.14);border-radius:999px;background:rgba(231,243,254,.86);color:var(--mauto-ds-color-primary,#3c78da);font-size:9px;font-weight:740;line-height:1;box-shadow:inset 0 1px #fff}.cards a:hover{border-color:rgba(91,157,217,.70);box-shadow:0 36px 60px -35px rgba(22,61,99,.52),0 16px 29px -23px rgba(31,94,153,.42),inset 0 1px #fff;transform:translate3d(0,-5px,18px) rotateX(.8deg)}.cards a:hover::after{opacity:1;transform:translate3d(2px,-2px,0)}.cards a:hover img{transform:translate3d(0,-2%,0) scale(1.045)}
.device-shell[data-device="tablet"] .ecosystem{padding:21px 20px 36px}.device-shell[data-device="tablet"] .ecosystem h2{font-size:30px}.device-shell[data-device="tablet"] .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.device-shell[data-device="tablet"] .cards a{min-height:188px}.device-shell[data-device="tablet"] .cards img{height:155px}.device-shell[data-device="tablet"] .cards strong{font-size:19px}
.device-shell[data-device="mobile"] .ecosystem{padding:17px 12px 28px}.device-shell[data-device="mobile"] .ecosystem header{margin-bottom:13px}.device-shell[data-device="mobile"] .ecosystem h2{font-size:25px}.device-shell[data-device="mobile"] .ecosystem header p{font-size:11px;line-height:1.38}.device-shell[data-device="mobile"] .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.device-shell[data-device="mobile"] .cards a{grid-template-columns:1fr;grid-template-rows:98px auto auto auto;min-height:204px;padding:8px 11px 12px;border-radius:19px}.device-shell[data-device="mobile"] .cards img{grid-column:1;grid-row:1;width:100%;height:94px;max-width:132px;justify-self:center}.device-shell[data-device="mobile"] .cards strong,.device-shell[data-device="mobile"] .cards small,.device-shell[data-device="mobile"] .cards b{grid-column:1}.device-shell[data-device="mobile"] .cards strong{grid-row:2;margin:3px 0 0;font-size:15px}.device-shell[data-device="mobile"] .cards small{grid-row:3;margin-top:4px;font-size:9px}.device-shell[data-device="mobile"] .cards b{grid-row:4;margin-top:8px;padding:5px 7px;font-size:7.5px}.device-shell[data-device="mobile"] .cards a::after{top:9px;right:9px;width:22px;height:22px;font-size:10px}
@media(prefers-reduced-motion:reduce){.cards a,.cards img{transition:none}}

/* v245 — one statement, two lines; the service rail claims the freed space. */
.hero-capability-deck{margin-top:14px}
.device-shell[data-device="tablet"] .hero-capability-deck{margin-top:13px}
.device-shell[data-device="mobile"] .hero-capability-deck{margin-top:9px}

/* v246 — leaf seated on the o; one calm heading over the card grid. */
.eco-o i{top:.025em;left:.45em;transform:rotate(-37deg);transform-origin:0 100%}.eco-o i::after{display:none;content:none}
.ecosystem header{margin-bottom:13px}.ecosystem h2{margin:0;color:#18334e;font-size:clamp(24px,2.15vw,34px);font-weight:560;line-height:1.12;letter-spacing:-.036em}.ecosystem-eco{font-weight:620}.ecosystem-eco-o i{top:.02em;left:.45em;transform:rotate(-37deg);transform-origin:0 100%}.ecosystem-eco-o i::after{display:none;content:none}.ecosystem-mauto{font-weight:620}
.device-shell[data-device="mobile"] .ecosystem header{margin-bottom:11px}.device-shell[data-device="mobile"] .ecosystem h2{font-size:clamp(20px,6.25vw,25px);line-height:1.18}

/* v247 — Eco green; M blue; auto black. */
.ecosystem-eco-e,.ecosystem-eco-c,.ecosystem-eco-o{color:#239b5c!important}.ecosystem-mauto-m{color:var(--mauto-ds-color-primary,#3c78da)!important}.ecosystem-mauto-auto{color:#172c41!important}

/* v248 — complete service tiles with permanent 3D depth. */
.cards{gap:20px 18px;perspective:1500px}.cards a{--mauto-art-shift-x:0px;grid-template-columns:39% minmax(0,1fr);grid-template-rows:auto auto auto 1fr;min-height:262px;padding:24px 22px 22px 0;border-color:rgba(127,174,219,.58);border-bottom-color:rgba(75,137,196,.52);border-radius:27px;background:linear-gradient(112deg,rgba(255,255,255,.97),rgba(248,252,255,.94) 29%,rgba(232,244,255,.98));box-shadow:0 7px 0 -2px rgba(139,183,222,.42),0 9px 0 -3px rgba(78,139,196,.20),0 31px 52px -32px rgba(20,54,89,.50),0 16px 27px -23px rgba(36,97,154,.44),inset 0 1px rgba(255,255,255,.98),inset 1px 0 rgba(255,255,255,.82),inset 0 -2px rgba(88,147,202,.12);transform:translate3d(0,0,0);transform-origin:50% 100%}.cards a:is(#c1,#c3,#c6){--mauto-art-shift-x:8px}.cards a::before{background:linear-gradient(118deg,rgba(255,255,255,.92),rgba(255,255,255,.18) 31%,transparent 47%),radial-gradient(circle at 91% 4%,rgba(90,168,236,.18),transparent 42%),linear-gradient(180deg,transparent 76%,rgba(126,181,229,.08))}.cards img{grid-row:1/5;width:94%;height:212px;max-width:224px;filter:drop-shadow(0 18px 15px rgba(21,49,76,.15));transform:translate3d(var(--mauto-art-shift-x),0,0) scale(.98)}.cards strong,.cards small,.cards .card-features,.cards b{position:relative;z-index:3;grid-column:2;display:block}.cards strong{grid-row:1;margin:18px 34px 0 0;font-size:clamp(19px,1.36vw,23px);line-height:1.08}.cards small{grid-row:2;min-height:32px;margin:8px 5px 0 0;font-size:12px;line-height:1.34}.cards .card-features{grid-row:3;display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;margin:13px 4px 0 0}.cards .card-features i{display:inline-flex;min-height:24px;align-items:center;padding:0 8px;border:1px solid rgba(82,148,208,.18);border-radius:999px;background:rgba(255,255,255,.68);color:#426787;font-size:8.5px;font-style:normal;font-weight:680;line-height:1;white-space:nowrap;box-shadow:inset 0 1px rgba(255,255,255,.95),0 8px 15px -13px rgba(23,77,126,.34)}.cards b{grid-row:4;align-self:end;justify-self:start;display:inline-flex;min-height:34px;align-items:center;margin:15px 0 0;padding:0 14px;border:1px solid rgba(31,112,190,.34);border-radius:11px;background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da));color:#fff;font-size:10px;font-weight:760;line-height:1;text-shadow:0 1px 1px rgba(13,63,107,.24);box-shadow:inset 0 1px rgba(255,255,255,.42),0 11px 19px -13px rgba(24,103,174,.62)}.cards a:hover{border-color:rgba(75,148,215,.78);box-shadow:0 9px 0 -2px rgba(116,169,216,.48),0 11px 0 -3px rgba(61,126,185,.25),0 40px 62px -34px rgba(16,56,94,.54),0 20px 34px -25px rgba(27,91,151,.46),inset 0 1px #fff;transform:translate3d(0,-4px,22px) rotateX(1.15deg)}.cards a:hover img{transform:translate3d(var(--mauto-art-shift-x),-2px,0) scale(1.01)}
.device-shell[data-device="tablet"] .cards a{grid-template-columns:38% minmax(0,1fr);grid-template-rows:auto auto auto 1fr;min-height:248px;padding:22px 18px 20px 0}.device-shell[data-device="tablet"] .cards img{grid-row:1/5;height:194px}.device-shell[data-device="tablet"] .cards .card-features{display:flex}.device-shell[data-device="tablet"] .cards b{display:inline-flex}
.device-shell[data-device="mobile"] .cards{gap:13px 10px}.device-shell[data-device="mobile"] .cards a{--mauto-art-shift-x:0px;grid-template-columns:1fr;grid-template-rows:100px auto auto auto 1fr;min-height:306px;padding:8px 10px 14px;border-radius:20px;box-shadow:0 6px 0 -2px rgba(139,183,222,.42),0 22px 37px -28px rgba(20,54,89,.45),inset 0 1px #fff}.device-shell[data-device="mobile"] .cards img{grid-column:1;grid-row:1;width:100%;height:96px;max-width:137px;justify-self:center;transform:translate3d(0,0,0) scale(.97)}.device-shell[data-device="mobile"] .cards strong,.device-shell[data-device="mobile"] .cards small,.device-shell[data-device="mobile"] .cards .card-features,.device-shell[data-device="mobile"] .cards b{grid-column:1}.device-shell[data-device="mobile"] .cards strong{grid-row:2;margin:4px 0 0;font-size:14.5px}.device-shell[data-device="mobile"] .cards small{grid-row:3;min-height:31px;margin:5px 0 0;font-size:8.5px;line-height:1.3}.device-shell[data-device="mobile"] .cards .card-features{grid-row:4;display:flex;gap:4px;margin:8px 0 0}.device-shell[data-device="mobile"] .cards .card-features i{min-height:19px;padding:0 5px;font-size:6.6px}.device-shell[data-device="mobile"] .cards b{grid-row:5;display:inline-flex;width:100%;min-height:31px;justify-content:center;margin-top:10px;padding:0 6px;border-radius:9px;font-size:8px}.device-shell[data-device="mobile"] .cards a:hover img{transform:translate3d(0,-1px,0) scale(.99)}

/* v249 — the original Mauto finance flow restored directly after the ecosystem. */
.finance-preview{position:relative;padding:48px 32px 72px;background:linear-gradient(180deg,#edf5fe 0%,#f7fbff 100%);color:#112b44}.finance-preview::before{position:absolute;inset:0;background:radial-gradient(circle at 82% 0,rgba(137,194,245,.16),transparent 34rem);content:"";pointer-events:none}.finance-preview-heading,.finance-calculator{position:relative;width:min(1000px,100%);margin-right:auto;margin-left:auto}.finance-preview-heading{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:end;gap:42px;margin-bottom:18px}.finance-preview-heading>div>span{display:block;margin-bottom:10px;color:var(--mauto-ds-color-primary,#3c78da);font-size:11px;font-weight:740;letter-spacing:.15em;text-transform:uppercase}.finance-preview-heading h2{margin:0;color:#112b44;font-size:40px;font-weight:790;line-height:1;letter-spacing:-.05em}.finance-preview-heading p{max-width:600px;margin:0;padding:0 0 4px 22px;border-left:1px solid rgba(72,131,203,.25);color:#607991;font-size:14px;font-weight:540;line-height:1.5}.finance-calculator{padding:24px;border:1px solid rgba(115,160,210,.32);border-bottom-color:rgba(79,140,197,.42);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(235,246,255,.93));box-shadow:0 7px 0 -2px rgba(139,183,222,.34),0 30px 54px -38px rgba(20,54,89,.42),inset 0 1px #fff}.finance-tabs,.finance-category{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(480px,100%);gap:7px}.finance-category{width:min(360px,100%);margin-top:8px}.finance-tabs button,.finance-category button{min-height:40px;padding:0 14px;border:1px solid rgba(107,151,202,.22);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(228,239,251,.84));color:#61758e;font-size:13px;font-weight:600;box-shadow:inset 0 1px #fff;cursor:pointer}.finance-tabs button.is-active,.finance-category button.is-active{border-color:rgba(52,131,226,.38);background:linear-gradient(180deg,#fff,#dcecff);color:var(--mauto-ds-color-primary,#3c78da)}.finance-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}.finance-field{display:grid;gap:6px;min-width:0}.finance-field>span:first-child,.finance-term>div>span{color:#4f6681;font-size:12px;font-weight:720;line-height:1.2}.finance-input-shell{display:flex;height:44px;align-items:center;gap:9px;padding:0 13px;border:1px solid rgba(104,151,205,.28);border-radius:13px;background:rgba(255,255,255,.88)}.finance-input-shell:focus-within{border-color:#438be2;outline:2px solid rgba(67,139,226,.16);outline-offset:1px}.finance-input-shell input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:#173551;font-family:inherit;font-size:17px;font-weight:780;line-height:1}.finance-input-shell b{color:#61758e;font-size:14px}.finance-term{grid-column:1/-1;padding:10px 14px 9px;border:1px solid rgba(112,158,209,.23);border-radius:15px;background:rgba(244,248,253,.78)}.finance-term>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.finance-term strong{color:var(--mauto-ds-color-primary,#3c78da);font-size:13px}.finance-term input[type="range"]{width:100%;height:18px;margin:5px 0 0;accent-color:var(--mauto-ds-color-primary,#3c78da);background:linear-gradient(90deg,#3d8df0 0 var(--finance-progress,33%),#dce7f4 var(--finance-progress,33%) 100%) center/100% 3px no-repeat;cursor:pointer}.finance-result{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,2fr);align-items:center;gap:14px;margin-top:12px;padding:14px 16px;border:1px solid rgba(87,152,226,.26);border-radius:17px;background:linear-gradient(112deg,rgba(231,242,255,.94),rgba(205,229,255,.80))}.finance-result-main{display:grid;gap:2px}.finance-result-main>span,.finance-result-main>small{color:#607792;font-size:10px;line-height:1.2}.finance-result-main strong{color:var(--mauto-ds-color-primary,#3c78da);font-size:34px;font-weight:830;line-height:1;letter-spacing:-.04em}.finance-result dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0}.finance-result dl>div{min-width:0;padding:2px 12px;border-left:1px solid rgba(99,150,206,.24)}.finance-result :is(dt,dd){margin:0;overflow-wrap:anywhere}.finance-result dt{color:#657b94;font-size:9px;font-weight:650;line-height:1.2}.finance-result dd{margin-top:4px;color:#21476f;font-size:13px;font-weight:790;line-height:1.15}.finance-action{display:flex;width:min(390px,100%);min-height:44px;align-items:center;justify-content:center;gap:10px;margin:13px auto 0;padding:0 18px;border:1px solid rgba(255,255,255,.42);border-radius:14px;background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da));color:#fff;font-size:13px;font-weight:780;text-shadow:0 1px rgba(18,75,128,.24);box-shadow:inset 0 1px rgba(255,255,255,.38),0 14px 23px -16px rgba(24,103,174,.60);cursor:pointer}.finance-action:active{transform:translateY(1px)}.finance-disclaimer{margin:7px 0 0;color:#71849b;font-size:10px;font-weight:540;line-height:1.25;text-align:center}.finance-preview [hidden]{display:none!important}
.device-shell[data-device="tablet"] .finance-preview{padding:35px 20px 54px}.device-shell[data-device="tablet"] .finance-preview-heading{gap:25px}.device-shell[data-device="tablet"] .finance-preview-heading h2{font-size:34px}.device-shell[data-device="tablet"] .finance-calculator{padding:18px}.device-shell[data-device="tablet"] .finance-result-main strong{font-size:29px}
.device-shell[data-device="mobile"] .finance-preview{padding:30px 10px 42px}.device-shell[data-device="mobile"] .finance-preview-heading{display:block;margin-bottom:14px}.device-shell[data-device="mobile"] .finance-preview-heading>div>span{margin-bottom:7px;font-size:8px}.device-shell[data-device="mobile"] .finance-preview-heading h2{font-size:29px}.device-shell[data-device="mobile"] .finance-preview-heading p{margin-top:10px;padding-left:13px;font-size:10px;line-height:1.45}.device-shell[data-device="mobile"] .finance-calculator{padding:14px;border-radius:21px}.device-shell[data-device="mobile"] .finance-tabs,.device-shell[data-device="mobile"] .finance-category{width:100%}.device-shell[data-device="mobile"] .finance-tabs button,.device-shell[data-device="mobile"] .finance-category button{min-height:39px;padding:0 8px;font-size:10px}.device-shell[data-device="mobile"] .finance-fields{grid-template-columns:1fr;gap:10px;margin-top:12px}.device-shell[data-device="mobile"] .finance-field>span:first-child{font-size:10px}.device-shell[data-device="mobile"] .finance-input-shell{height:42px}.device-shell[data-device="mobile"] .finance-input-shell input{font-size:15px}.device-shell[data-device="mobile"] .finance-term{grid-column:auto}.device-shell[data-device="mobile"] .finance-term>div>span,.device-shell[data-device="mobile"] .finance-term strong{font-size:10px}.device-shell[data-device="mobile"] .finance-result{display:block;padding:14px}.device-shell[data-device="mobile"] .finance-result-main strong{font-size:28px}.device-shell[data-device="mobile"] .finance-result dl{margin-top:12px}.device-shell[data-device="mobile"] .finance-result dl>div{padding:2px 7px}.device-shell[data-device="mobile"] .finance-result dt{font-size:7px}.device-shell[data-device="mobile"] .finance-result dd{font-size:9px}.device-shell[data-device="mobile"] .finance-action{min-height:42px;font-size:10px}

/* v250 — the production expanded-parts-search flow placed before finance. */
.finance-category{height:48px;overflow-anchor:none}
.finance-category[hidden]{display:grid!important;visibility:hidden;opacity:0;pointer-events:none}
.finance-calculator,.advanced-search-preview{overflow-anchor:none}
.advanced-search-preview{position:relative;padding:52px 32px 44px;background:linear-gradient(180deg,#f4f9ff 0%,#edf5fe 100%);color:#112b44}.advanced-search-preview::before{position:absolute;inset:0;background:radial-gradient(circle at 14% 18%,rgba(120,184,242,.16),transparent 28rem);content:"";pointer-events:none}.advanced-search-heading,.advanced-search-form{position:relative;width:min(1000px,100%);margin-right:auto;margin-left:auto}.advanced-search-heading{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);align-items:end;gap:42px;margin-bottom:18px}.advanced-search-heading>div>span{display:block;margin-bottom:9px;color:var(--mauto-ds-color-primary,#3c78da);font-size:11px;font-weight:740;letter-spacing:.15em;text-transform:uppercase}.advanced-search-heading h2{margin:0;color:#112b44;font-size:38px;font-weight:790;line-height:1;letter-spacing:-.045em}.advanced-search-heading h2 b{color:var(--mauto-ds-color-primary,#3c78da)}.advanced-search-heading h2 em{color:#172c41;font-style:normal}.advanced-search-heading p{max-width:580px;margin:0;padding:0 0 4px 22px;border-left:1px solid rgba(72,131,203,.25);color:#607991;font-size:14px;font-weight:540;line-height:1.5}.advanced-search-form{padding:24px;border:1px solid rgba(115,160,210,.34);border-bottom-color:rgba(79,140,197,.44);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(235,246,255,.94));box-shadow:0 7px 0 -2px rgba(139,183,222,.34),0 30px 54px -38px rgba(20,54,89,.42),inset 0 1px #fff}.advanced-search-vehicle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.advanced-search-vehicle label,.advanced-search-panel{display:grid;gap:6px;min-width:0}.advanced-search-vehicle label>span,.advanced-search-panel>span:first-child{color:#4f6681;font-size:12px;font-weight:720;line-height:1.2}.advanced-search-vehicle select{width:100%;height:44px;padding:0 38px 0 13px;border:1px solid rgba(104,151,205,.28);border-radius:13px;outline:0;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(244,248,253,.93));color:#173551;font-family:inherit;font-size:14px;font-weight:680}.advanced-search-vehicle select:focus{border-color:#438be2;outline:2px solid rgba(67,139,226,.16);outline-offset:1px}.advanced-search-vehicle select:disabled{color:#91a1b3;cursor:not-allowed}.advanced-search-mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(560px,100%);gap:7px;margin-top:14px;padding:4px;border-radius:14px;background:#e8f0fa;box-shadow:inset 2px 2px 6px rgba(72,107,148,.10),inset -2px -2px 6px #fff}.advanced-search-mode button{min-height:38px;padding:0 12px;border:0;border-radius:11px;background:transparent;color:#61758e;font-family:inherit;font-size:12px;font-weight:760;cursor:pointer}.advanced-search-mode button.is-active{background:linear-gradient(180deg,#fff,#dcecff);color:var(--mauto-ds-color-primary,#3c78da);box-shadow:0 5px 13px rgba(37,92,144,.09),inset 0 1px #fff}.advanced-search-panels{margin-top:14px}.advanced-search-panel[hidden]{display:none!important}.advanced-search-input{display:flex;height:50px;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(104,151,205,.28);border-radius:14px;background:rgba(255,255,255,.92)}.advanced-search-input:focus-within{border-color:#438be2;outline:2px solid rgba(67,139,226,.16);outline-offset:1px}.advanced-search-input svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:#2d78b8;stroke-width:2}.advanced-search-input b{display:grid;width:42px;height:28px;place-items:center;border-radius:9px;background:#e4f1ff;color:var(--mauto-ds-color-primary,#3c78da);font-size:11px}.advanced-search-input input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:#173551;font-family:inherit;font-size:15px;font-weight:600}.advanced-search-photo>button{display:flex;width:100%;min-height:74px;align-items:center;gap:14px;padding:12px 15px;border:1px dashed rgba(65,135,202,.44);border-radius:15px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(228,241,255,.75));color:var(--mauto-ds-color-primary,#3c78da);font-family:inherit;text-align:left;cursor:pointer}.advanced-search-photo>button svg{width:31px;height:31px;flex:0 0 31px;fill:none;stroke:#2d81d1;stroke-width:1.7}.advanced-search-photo>button span{display:grid;gap:3px}.advanced-search-photo>button strong{font-size:13px}.advanced-search-photo>button small{color:#71869d;font-size:10px}.advanced-search-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px}.advanced-search-status{margin:0;color:#71849b;font-size:11px;font-weight:560;line-height:1.3}.advanced-search-status.is-error{color:#aa5528}.advanced-search-status.is-success{color:#1f7d50}.advanced-search-submit{display:flex;min-width:190px;min-height:44px;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:1px solid rgba(255,255,255,.42);border-radius:14px;background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da));color:#fff;font-family:inherit;font-size:13px;font-weight:780;text-shadow:0 1px rgba(18,75,128,.24);box-shadow:inset 0 1px rgba(255,255,255,.38),0 14px 23px -16px rgba(24,103,174,.60);cursor:pointer}.advanced-search-submit:active{transform:translateY(1px)}
.device-shell[data-device="tablet"] .advanced-search-preview{padding:38px 20px 38px}.device-shell[data-device="tablet"] .advanced-search-heading{grid-template-columns:.9fr 1.1fr;gap:25px}.device-shell[data-device="tablet"] .advanced-search-heading h2{font-size:31px}.device-shell[data-device="tablet"] .advanced-search-form{padding:18px}.device-shell[data-device="tablet"] .advanced-search-heading p{font-size:12px}.device-shell[data-device="mobile"] .advanced-search-preview{padding:30px 10px 32px}.device-shell[data-device="mobile"] .advanced-search-heading{display:block;margin-bottom:14px}.device-shell[data-device="mobile"] .advanced-search-heading>div>span{margin-bottom:7px;font-size:8px}.device-shell[data-device="mobile"] .advanced-search-heading h2{font-size:26px}.device-shell[data-device="mobile"] .advanced-search-heading p{margin-top:10px;padding-left:13px;font-size:10px;line-height:1.45}.device-shell[data-device="mobile"] .advanced-search-form{padding:14px;border-radius:21px}.device-shell[data-device="mobile"] .advanced-search-vehicle{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.device-shell[data-device="mobile"] .advanced-search-vehicle label:last-child{grid-column:1/-1}.device-shell[data-device="mobile"] .advanced-search-vehicle label>span,.device-shell[data-device="mobile"] .advanced-search-panel>span:first-child{font-size:9px}.device-shell[data-device="mobile"] .advanced-search-vehicle select{height:40px;padding-right:27px;font-size:10px}.device-shell[data-device="mobile"] .advanced-search-mode{gap:4px;margin-top:11px;padding:3px}.device-shell[data-device="mobile"] .advanced-search-mode button{min-height:35px;padding:0 4px;font-size:8.5px}.device-shell[data-device="mobile"] .advanced-search-panels{margin-top:11px}.device-shell[data-device="mobile"] .advanced-search-input{height:44px;padding:0 10px}.device-shell[data-device="mobile"] .advanced-search-input input{font-size:10px}.device-shell[data-device="mobile"] .advanced-search-photo>button{min-height:67px;padding:10px}.device-shell[data-device="mobile"] .advanced-search-photo>button strong{font-size:10px}.device-shell[data-device="mobile"] .advanced-search-photo>button small{font-size:7px}.device-shell[data-device="mobile"] .advanced-search-footer{display:grid;gap:10px}.device-shell[data-device="mobile"] .advanced-search-status{font-size:8.5px}.device-shell[data-device="mobile"] .advanced-search-submit{width:100%;min-width:0;min-height:42px;font-size:10px}
/* v251 — compact search bar and right-aligned finance workspace. */
.advanced-search-preview{padding:30px 20px 30px}.advanced-search-heading,.advanced-search-form{width:calc(100% - 40px);max-width:none}.advanced-search-heading{display:block;margin-bottom:13px}.advanced-search-heading h2{font-size:35px}.advanced-search-heading h2 b,.advanced-search-heading h2 em,.advanced-search-heading p,.advanced-search-heading>div>span{display:none}.advanced-search-form{padding:18px 20px 20px;border-radius:24px}.advanced-search-vehicle{gap:10px}.advanced-search-vehicle select{height:42px}.advanced-search-mode{grid-template-columns:repeat(2,minmax(0,1fr));width:min(440px,100%);margin-top:11px}.advanced-search-mode button{min-height:35px}.advanced-search-query-row{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:end;gap:10px;margin-top:11px}.advanced-search-panels{margin:0}.advanced-search-panel{gap:0}.advanced-search-panel>span:first-child{display:flex}.advanced-search-input{height:46px;padding:0 6px 0 13px}.advanced-search-camera{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;padding:0;border:0;border-radius:10px;background:linear-gradient(180deg,#eef7ff,#dcecff);color:var(--mauto-ds-color-primary,#3c78da);box-shadow:inset 0 1px #fff;cursor:pointer}.advanced-search-camera svg{width:21px;height:21px;stroke:currentColor}.advanced-search-camera.has-photo{background:linear-gradient(180deg,#e8fff1,#cef2dc);color:#18864e}.advanced-search-submit{width:100%;min-width:0;min-height:46px}.advanced-search-status{min-height:0;margin:7px 2px -7px}.advanced-search-status:empty{display:none}.advanced-search-footer,.advanced-search-photo{display:none!important}
.finance-preview{min-height:650px;padding:34px 20px 52px}.finance-preview-heading{display:block;width:calc(58% - 30px);margin:0 20px 12px auto}.finance-preview-heading>div>span{margin-bottom:7px}.finance-preview-heading h2{font-size:36px}.finance-preview-heading p{display:none}.finance-calculator{width:58%;max-width:800px;margin-right:20px;margin-left:auto;padding:18px;border-radius:24px}.finance-tabs,.finance-category{width:100%;gap:6px}.finance-category{margin-top:6px}.finance-tabs button,.finance-category button{min-height:37px}.finance-fields{gap:9px;margin-top:11px}.finance-input-shell{height:41px}.finance-term{padding:8px 12px 6px}.finance-result{gap:10px;margin-top:9px;padding:11px 13px}.finance-result-main strong{font-size:30px}.finance-action{min-height:41px;margin-top:10px}.finance-disclaimer{margin-top:5px}
.device-shell[data-device="tablet"] .advanced-search-preview{padding:28px 12px 30px}.device-shell[data-device="tablet"] .advanced-search-heading,.device-shell[data-device="tablet"] .advanced-search-form{width:calc(100% - 24px)}.device-shell[data-device="tablet"] .advanced-search-heading{display:block;margin-bottom:12px}.device-shell[data-device="tablet"] .advanced-search-heading h2{font-size:30px}.device-shell[data-device="tablet"] .advanced-search-form{padding:16px}.device-shell[data-device="tablet"] .finance-preview{min-height:610px;padding:30px 12px 46px}.device-shell[data-device="tablet"] .finance-preview-heading,.device-shell[data-device="tablet"] .finance-calculator{width:66%;margin-right:12px}.device-shell[data-device="tablet"] .finance-preview-heading{display:block}.device-shell[data-device="tablet"] .finance-preview-heading h2{font-size:32px}
.device-shell[data-device="mobile"] .advanced-search-preview{padding:24px 8px 27px}.device-shell[data-device="mobile"] .advanced-search-heading,.device-shell[data-device="mobile"] .advanced-search-form{width:100%}.device-shell[data-device="mobile"] .advanced-search-heading{margin-bottom:10px}.device-shell[data-device="mobile"] .advanced-search-heading h2{font-size:25px}.device-shell[data-device="mobile"] .advanced-search-form{padding:12px;border-radius:19px}.device-shell[data-device="mobile"] .advanced-search-mode{margin-top:9px}.device-shell[data-device="mobile"] .advanced-search-query-row{grid-template-columns:minmax(0,1fr) 106px;gap:7px;margin-top:9px}.device-shell[data-device="mobile"] .advanced-search-panels{margin:0}.device-shell[data-device="mobile"] .advanced-search-input{height:42px;padding:0 4px 0 9px}.device-shell[data-device="mobile"] .advanced-search-camera{width:33px;height:33px;flex-basis:33px}.device-shell[data-device="mobile"] .advanced-search-submit{min-height:42px;padding:0 7px;font-size:8px}.device-shell[data-device="mobile"] .advanced-search-status{margin:6px 1px -5px}.device-shell[data-device="mobile"] .finance-preview{min-height:0;padding:26px 8px 38px}.device-shell[data-device="mobile"] .finance-preview-heading,.device-shell[data-device="mobile"] .finance-calculator{width:100%;margin-right:0}.device-shell[data-device="mobile"] .finance-preview-heading{margin-bottom:11px}.device-shell[data-device="mobile"] .finance-calculator{padding:12px}.device-shell[data-device="mobile"] .finance-fields{gap:8px;margin-top:9px}.device-shell[data-device="mobile"] .finance-result{margin-top:8px}.device-shell[data-device="mobile"] .finance-action{margin-top:9px}
.device-shell[data-device="desktop"] .advanced-search-heading,.device-shell[data-device="desktop"] .advanced-search-form{width:calc(100% - 16px)}.device-shell[data-device="desktop"] .finance-preview{padding-right:8px;padding-left:8px}.device-shell[data-device="desktop"] .finance-preview-heading{width:58%;margin-right:0}.device-shell[data-device="desktop"] .finance-calculator{width:58%;max-width:835px;margin-right:0}
.finance-tabs{height:48px}.finance-tabs button,.finance-category button{height:37px;align-self:center}.device-shell[data-device="mobile"] .finance-tabs,.device-shell[data-device="mobile"] .finance-category{height:46px}.finance-calculator{scroll-margin:0}.finance-calculator :is(button,input){scroll-margin:0}

/* v252 — one continuous desktop workspace: compact search + calculator. */
.ecosystem{padding-bottom:24px}.tools-workspace{display:grid;grid-template-columns:minmax(480px,.78fr) minmax(690px,1.22fr);align-items:start;gap:18px;padding:20px 16px 48px;background:#fff;box-shadow:inset 0 1px rgba(255,255,255,.45)}.advanced-search-preview,.finance-preview{min-width:0;min-height:0;padding:0;background:none}.advanced-search-preview::before,.finance-preview::before{display:none}.advanced-search-heading,.advanced-search-form,.finance-preview-heading,.finance-calculator,.device-shell[data-device="desktop"] .advanced-search-heading,.device-shell[data-device="desktop"] .advanced-search-form,.device-shell[data-device="desktop"] .finance-preview-heading,.device-shell[data-device="desktop"] .finance-calculator{width:100%;margin-right:0;margin-left:0}.advanced-search-heading,.finance-preview-heading{height:45px;margin:0 0 10px}.advanced-search-heading{display:flex;align-items:end}.advanced-search-heading h2,.finance-preview-heading h2{font-size:30px}.finance-preview-heading>div>span{margin-bottom:3px;font-size:8px}.advanced-search-form,.finance-calculator{height:423px;padding:16px;border-radius:23px}.advanced-search-form{display:flex;flex-direction:column}.advanced-search-vehicle{grid-template-columns:1.15fr 1.15fr .7fr;gap:7px}.advanced-search-vehicle select{height:40px;padding-right:28px;font-size:12px}.advanced-search-vehicle label>span{font-size:10px}.advanced-search-mode{width:220px;gap:4px;margin-top:10px;padding:3px}.advanced-search-mode button{min-height:32px;padding:0 7px;font-size:10px}.advanced-search-query-row{display:block;margin-top:8px}.advanced-search-input{height:45px}.advanced-search-input input{font-size:12px}.advanced-search-submit{width:100%;min-height:43px;margin-top:9px}.advanced-search-status{margin:8px 2px 0;font-size:9px}.finance-calculator{padding:16px}.finance-tabs,.finance-category{height:43px}.finance-category{margin-top:4px}.finance-tabs button,.finance-category button{height:34px;min-height:34px;font-size:11px}.finance-fields{gap:7px;margin-top:8px}.finance-field>span:first-child,.finance-term>div>span{font-size:10px}.finance-input-shell{height:38px}.finance-input-shell input{font-size:15px}.finance-term{padding:6px 10px 4px}.finance-result{margin-top:7px;padding:9px 11px}.finance-result-main strong{font-size:26px}.finance-result dl>div{padding-right:8px;padding-left:8px}.finance-action{min-height:38px;margin-top:8px}.finance-disclaimer{margin-top:4px}
.device-shell[data-device="tablet"] .ecosystem{padding-bottom:20px}.device-shell[data-device="tablet"] .tools-workspace{grid-template-columns:minmax(280px,.82fr) minmax(430px,1.18fr);gap:12px;padding:18px 12px 40px}.device-shell[data-device="tablet"] .advanced-search-preview,.device-shell[data-device="tablet"] .finance-preview{min-height:0;padding:0}.device-shell[data-device="tablet"] .advanced-search-heading,.device-shell[data-device="tablet"] .advanced-search-form,.device-shell[data-device="tablet"] .finance-preview-heading,.device-shell[data-device="tablet"] .finance-calculator{width:100%;margin-right:0;margin-left:0}.device-shell[data-device="tablet"] .advanced-search-heading,.device-shell[data-device="tablet"] .finance-preview-heading{height:41px;margin-bottom:8px}.device-shell[data-device="tablet"] .advanced-search-heading h2,.device-shell[data-device="tablet"] .finance-preview-heading h2{font-size:25px}.device-shell[data-device="tablet"] .advanced-search-form,.device-shell[data-device="tablet"] .finance-calculator{height:405px;padding:12px}.device-shell[data-device="tablet"] .advanced-search-vehicle{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.device-shell[data-device="tablet"] .advanced-search-vehicle label:last-child{grid-column:1/-1}.device-shell[data-device="tablet"] .advanced-search-vehicle select{height:36px;font-size:9px}.device-shell[data-device="tablet"] .advanced-search-mode{width:100%;margin-top:8px}.device-shell[data-device="tablet"] .advanced-search-query-row{display:block;margin-top:7px}.device-shell[data-device="tablet"] .advanced-search-input{height:40px}.device-shell[data-device="tablet"] .advanced-search-submit{min-height:39px;margin-top:7px}.device-shell[data-device="tablet"] .finance-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.device-shell[data-device="tablet"] .finance-result-main strong{font-size:23px}
.device-shell[data-device="mobile"] .ecosystem{padding-bottom:16px}.device-shell[data-device="mobile"] .tools-workspace{display:block;padding:16px 8px 34px}.device-shell[data-device="mobile"] .advanced-search-preview,.device-shell[data-device="mobile"] .finance-preview{min-height:0;padding:0}.device-shell[data-device="mobile"] .advanced-search-heading,.device-shell[data-device="mobile"] .advanced-search-form,.device-shell[data-device="mobile"] .finance-preview-heading,.device-shell[data-device="mobile"] .finance-calculator{width:100%;height:auto;margin-right:0;margin-left:0}.device-shell[data-device="mobile"] .advanced-search-heading,.device-shell[data-device="mobile"] .finance-preview-heading{height:auto;margin-bottom:9px}.device-shell[data-device="mobile"] .advanced-search-heading h2,.device-shell[data-device="mobile"] .finance-preview-heading h2{font-size:24px}.device-shell[data-device="mobile"] .advanced-search-form{padding:12px}.device-shell[data-device="mobile"] .advanced-search-vehicle{grid-template-columns:repeat(2,minmax(0,1fr))}.device-shell[data-device="mobile"] .advanced-search-vehicle label:last-child{grid-column:1/-1}.device-shell[data-device="mobile"] .advanced-search-query-row{display:block}.device-shell[data-device="mobile"] .advanced-search-submit{margin-top:7px}.device-shell[data-device="mobile"] .finance-preview{margin-top:27px}.device-shell[data-device="mobile"] .finance-calculator{padding:12px}.device-shell[data-device="mobile"] .finance-fields{grid-template-columns:1fr}.device-shell[data-device="mobile"] .finance-tabs,.device-shell[data-device="mobile"] .finance-category{height:43px}
.ecosystem{padding-bottom:16px}.tools-workspace{padding-top:12px;box-shadow:none}

/* v253 — priority search workspace and compact responsive calculator. */
.tools-workspace{grid-template-columns:minmax(720px,1.48fr) minmax(500px,.92fr);align-items:start;gap:16px;padding:12px 16px 32px}
.advanced-search-form,.finance-calculator{height:auto!important;min-height:0;padding:14px;border-radius:21px}
.advanced-search-heading,.finance-preview-heading{height:42px;margin-bottom:8px}
.advanced-search-heading h2,.finance-preview-heading h2{font-size:29px}
.advanced-search-vehicle{grid-template-columns:190px 190px 108px;justify-content:start;gap:7px}
.advanced-search-vehicle select{height:38px;padding-right:25px;font-size:11px}
.advanced-search-mode{width:212px;margin-top:8px}
.advanced-search-mode button{min-height:30px}
.advanced-search-query-row{display:grid;grid-template-columns:minmax(0,1fr) 172px;align-items:end;gap:8px;margin-top:7px}
.advanced-search-input{height:42px}
.advanced-search-submit{min-height:42px;margin-top:0}
.advanced-search-status{margin:6px 2px -2px}
.finance-tabs,.finance-category{grid-template-columns:repeat(2,112px);width:max-content;max-width:100%;height:auto;gap:6px}
.finance-category{height:auto;margin-top:6px}
.finance-category[hidden]{display:none!important;visibility:visible;opacity:1;pointer-events:auto}
.finance-tabs button,.finance-category button{width:112px;height:32px;min-height:32px;padding:0 9px;font-size:10px}
.finance-fields{gap:6px;margin-top:8px}
.finance-field{gap:4px}
.finance-field>span:first-child,.finance-term>div>span{font-size:9px}
.finance-input-shell{height:35px;padding:0 9px}
.finance-input-shell input{font-size:13px}
.finance-term{padding:5px 9px 3px;border-radius:12px}
.finance-term strong{font-size:10px}
.finance-term input[type="range"]{height:15px;margin-top:3px}
.finance-result{grid-template-columns:126px minmax(0,1fr);gap:6px;margin-top:6px;padding:8px 9px;border-radius:14px}
.finance-result-main strong{font-size:22px}
.finance-result dl>div{padding:1px 5px}
.finance-result dt{font-size:7px}
.finance-result dd{margin-top:2px;font-size:10px}
.finance-action{width:min(236px,100%);min-height:35px;margin-top:7px;padding:0 12px;font-size:10px}
.finance-disclaimer{display:none}
.device-shell[data-device="tablet"] .tools-workspace{grid-template-columns:1fr;gap:18px;padding:12px 12px 30px}
.device-shell[data-device="tablet"] .advanced-search-preview{width:100%}
.device-shell[data-device="tablet"] .finance-preview{width:74%;margin-top:0;margin-left:auto}
.device-shell[data-device="tablet"] .advanced-search-heading,.device-shell[data-device="tablet"] .finance-preview-heading{height:39px;margin-bottom:7px}
.device-shell[data-device="tablet"] .advanced-search-heading h2,.device-shell[data-device="tablet"] .finance-preview-heading h2{font-size:25px}
.device-shell[data-device="tablet"] .advanced-search-form,.device-shell[data-device="tablet"] .finance-calculator{height:auto!important;padding:12px}
.device-shell[data-device="tablet"] .advanced-search-vehicle{grid-template-columns:180px 180px 100px}
.device-shell[data-device="tablet"] .advanced-search-vehicle label:last-child{grid-column:auto}
.device-shell[data-device="tablet"] .advanced-search-mode{width:204px}
.device-shell[data-device="tablet"] .advanced-search-query-row{display:grid;grid-template-columns:minmax(0,1fr) 150px}
.device-shell[data-device="tablet"] .advanced-search-submit{margin-top:0}
.device-shell[data-device="tablet"] .finance-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.device-shell[data-device="mobile"] .tools-workspace{display:block;padding:12px 8px 28px}
.device-shell[data-device="mobile"] .advanced-search-form,.device-shell[data-device="mobile"] .finance-calculator{height:auto!important}
.device-shell[data-device="mobile"] .advanced-search-vehicle{grid-template-columns:repeat(2,minmax(0,1fr))}
.device-shell[data-device="mobile"] .advanced-search-vehicle label:last-child{grid-column:1/-1}
.device-shell[data-device="mobile"] .advanced-search-query-row{display:block}
.device-shell[data-device="mobile"] .advanced-search-submit{margin-top:7px}
.device-shell[data-device="mobile"] .finance-preview{width:100%;margin-top:24px;margin-left:0}
.device-shell[data-device="mobile"] .finance-tabs,.device-shell[data-device="mobile"] .finance-category{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:auto}
.device-shell[data-device="mobile"] .finance-tabs button,.device-shell[data-device="mobile"] .finance-category button{width:auto}
.device-shell[data-device="mobile"] .finance-fields{grid-template-columns:1fr}
.device-shell[data-device="mobile"] .finance-result{display:block}

/* v254 — denser ecosystem tiles and stable tactile controls. */
.cards{gap:13px 14px}
.cards a{min-height:204px;padding:13px 18px 13px 0}
.cards img{height:164px;max-width:204px}
.cards strong{margin-top:8px}
.cards small{min-height:0;margin-top:6px}
.cards .card-features{margin-top:9px}
.cards b{align-self:start;margin:11px 0 0}
.cards b{align-self:start;margin-top:11px;transform:none}
.cards .card-features{min-height:24px;margin-bottom:0}
.advanced-search-mode button,.finance-tabs button,.finance-category button{border:1px solid rgba(112,155,202,.18);background:linear-gradient(180deg,#f9fcff,#e1ebf6);box-shadow:inset 0 1px rgba(255,255,255,.9),0 5px 10px -9px rgba(25,76,123,.5);transition:background .2s ease,box-shadow .2s ease,color .2s ease,transform .16s ease}
.advanced-search-mode button.is-active,.finance-tabs button.is-active,.finance-category button.is-active{border-color:rgba(69,139,216,.24);background:linear-gradient(180deg,#dbe9f8,#f5faff);color:var(--mauto-ds-color-primary,#3c78da);box-shadow:inset 2px 2px 6px rgba(70,111,153,.17),inset -2px -2px 6px rgba(255,255,255,.9)}
.advanced-search-mode button:active,.finance-tabs button:active,.finance-category button:active{transform:translateY(1px);box-shadow:inset 3px 3px 7px rgba(59,103,149,.2),inset -1px -1px 4px rgba(255,255,255,.8)}
.advanced-search-vehicle select,.advanced-search-input input,.finance-input-shell input{scroll-margin:0}
.device-shell[data-device="tablet"] .cards a{min-height:204px;padding:13px 16px 13px 0}.device-shell[data-device="tablet"] .cards img{height:164px}.device-shell[data-device="tablet"] .cards strong{margin-top:7px}.device-shell[data-device="tablet"] .cards .card-features{min-height:24px;margin:8px 0 0}.device-shell[data-device="tablet"] .cards b{margin-top:10px;transform:none}
.device-shell[data-device="mobile"] .cards a{min-height:282px}.device-shell[data-device="mobile"] .cards strong{margin-top:4px}.device-shell[data-device="mobile"] .cards .card-features{min-height:0;margin:7px 0 0}.device-shell[data-device="mobile"] .cards b{align-self:end;margin-top:9px;transform:none}
/* v255 — cinematic client dialogue and finished Mauto platform footer. */
.qa-cinematic{position:relative;padding:54px max(44px,calc((100% - 1280px)/2)) 60px;overflow:hidden;background:radial-gradient(circle at 50% 54%,rgba(78,157,244,.18),transparent 24rem),linear-gradient(180deg,#f7fbff,#edf6ff 55%,#f8fbff)}
.qa-cinematic::before{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(78,137,200,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(78,137,200,.045) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(180deg,transparent,#000 22%,#000 80%,transparent);content:""}
.qa-cinematic-heading{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);align-items:end;gap:42px;width:min(1280px,100%);margin:0 auto 28px}
.qa-cinematic-heading>div>span{display:block;margin-bottom:8px;color:var(--mauto-ds-color-primary,#3c78da);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.qa-cinematic-heading h2{margin:0;color:#102942;font-size:40px;line-height:1.03;letter-spacing:-.052em}.qa-cinematic-heading h2 em{color:var(--mauto-ds-color-primary,#3c78da);font-style:normal}.qa-cinematic-heading p{max-width:510px;margin:0;color:#647c94;font-size:13px;line-height:1.65}
.qa-cinematic-stage{position:relative;z-index:2;width:min(1280px,100%);height:560px;margin:0 auto;overflow:hidden;border:1px solid rgba(119,170,224,.4);border-radius:32px;background:radial-gradient(circle at 50% 47%,rgba(70,149,239,.2),transparent 19rem),linear-gradient(145deg,rgba(255,255,255,.95),rgba(229,241,253,.92));box-shadow:0 34px 70px -42px rgba(18,61,108,.48),inset 0 1px rgba(255,255,255,.92);isolation:isolate}
.qa-cinematic-stage::before,.qa-cinematic-stage::after{position:absolute;pointer-events:none;content:""}.qa-cinematic-stage::before{inset:56px 0 0;background-image:radial-gradient(rgba(64,139,218,.19) .8px,transparent .9px);background-size:15px 15px;opacity:.32;mask-image:radial-gradient(ellipse at center,#000,transparent 74%)}.qa-cinematic-stage::after{inset:56px 0 82px;background:linear-gradient(90deg,transparent,rgba(105,179,255,.12) 49.8%,rgba(255,255,255,.5) 50%,rgba(105,179,255,.12) 50.2%,transparent);opacity:.85}
.qa-stage-bar{position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 24px;border-bottom:1px solid rgba(105,156,211,.16);background:rgba(255,255,255,.58);backdrop-filter:blur(16px)}.qa-stage-bar span{display:flex;align-items:center;color:#274766;font-size:10px;font-weight:750}.qa-stage-bar i{display:block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:#35b46f;box-shadow:0 0 0 5px rgba(53,180,111,.1)}.qa-stage-bar b{color:#7692ae;font-size:9px;letter-spacing:.1em}
.qa-light-core{position:absolute;z-index:2;top:218px;left:50%;display:grid;width:106px;height:106px;place-items:center;border:1px solid rgba(101,180,255,.44);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.96),rgba(157,211,255,.38) 34%,rgba(53,133,227,.12) 57%,transparent 70%);box-shadow:0 0 45px rgba(79,161,248,.38),0 0 90px rgba(79,161,248,.15);transform:translateX(-50%)}.qa-light-core::before,.qa-light-core::after{position:absolute;border:1px solid rgba(75,153,237,.25);border-radius:50%;content:"";animation:qaCorePulse 3.2s ease-out infinite}.qa-light-core::before{inset:-22px}.qa-light-core::after{inset:-42px;animation-delay:.7s}.qa-light-core i{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff,0 0 36px #6fb7ff}
.qa-data-line{position:absolute;z-index:1;top:270px;width:calc(50% - 70px);height:1px;background:linear-gradient(90deg,transparent,rgba(61,148,239,.52));transform-origin:right center}.qa-data-line-one{left:0}.qa-data-line-two{right:0;background:linear-gradient(90deg,rgba(61,148,239,.52),transparent);transform-origin:left center}
.qa-conversation{position:absolute;z-index:4;inset:90px 50px 98px;display:grid;grid-template-columns:minmax(0,1fr) 118px minmax(0,1fr);align-items:center}
.qa-message{display:flex;align-items:flex-end;gap:11px;min-width:0;transition:opacity .34s ease,transform .58s cubic-bezier(.16,1,.3,1),filter .42s ease}.qa-message-client{grid-column:1;flex-direction:row-reverse;justify-self:end}.qa-message-mauto{grid-column:3;justify-self:start}.qa-message[hidden]{display:flex;visibility:hidden;opacity:0;pointer-events:none}.qa-message.is-entering{visibility:visible;opacity:1;filter:none}.qa-message-client.is-entering{animation:qaClientIn .55s cubic-bezier(.16,1,.3,1) both}.qa-message-mauto.is-entering{animation:qaMautoIn .62s cubic-bezier(.16,1,.3,1) both}.qa-message.is-leaving{opacity:0;filter:blur(8px)}.qa-message-client.is-leaving{transform:translate3d(-48px,-8px,0) scale(.97)}.qa-message-mauto.is-leaving{transform:translate3d(48px,-8px,0) scale(.97)}
.qa-avatar{display:grid;width:54px;height:54px;flex:0 0 54px;place-items:center;overflow:hidden;border:1px solid rgba(93,149,207,.3);border-radius:18px;background:linear-gradient(145deg,#fff,#e4f1ff);box-shadow:0 15px 28px -18px rgba(28,73,120,.48),inset 0 1px #fff}.qa-avatar img{display:block;width:100%;height:100%;object-fit:cover}.qa-client-avatar img{object-position:50% 18%;transform:scale(1.12)}.qa-mauto-avatar{border-radius:50%;background:rgba(235,246,255,.96);box-shadow:0 0 0 5px rgba(69,145,231,.08),0 17px 30px -19px rgba(21,82,154,.6)}.qa-mauto-avatar img{object-fit:contain;transform:scale(1.18)}
.qa-bubble{width:min(460px,100%);min-height:124px;padding:19px 21px;border:1px solid rgba(110,159,210,.24);box-shadow:0 20px 45px -30px rgba(28,65,106,.5),inset 0 1px rgba(255,255,255,.88)}.qa-client-bubble{border-radius:24px 24px 7px 24px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,247,255,.94))}.qa-mauto-bubble{min-height:178px;border-color:rgba(66,132,207,.4);border-radius:24px 24px 24px 7px;background:radial-gradient(circle at 95% 0,rgba(116,190,255,.28),transparent 46%),linear-gradient(145deg,#1261bb,#2e83dc);box-shadow:0 28px 58px -32px rgba(13,76,149,.74),inset 0 1px rgba(255,255,255,.24)}
.qa-message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.qa-message-meta strong{color:#1d405f;font-size:12px}.qa-message-meta span{color:#7b96b2;font-size:8px;font-weight:760;letter-spacing:.09em;text-transform:uppercase}.qa-mauto-bubble .qa-message-meta strong{color:#fff}.qa-mauto-bubble .qa-message-meta span{color:rgba(220,239,255,.68)}
.qa-bubble p{margin:0;color:#2c4966;font-size:13px;font-weight:590;line-height:1.58}.qa-mauto-bubble p{color:#fff;font-size:12.5px;font-weight:520;line-height:1.62}.qa-bubble p[hidden],.qa-answer-content[hidden]{display:none}.qa-bubble p.is-entering,.qa-answer-content.is-entering{animation:qaTextReveal .48s cubic-bezier(.16,1,.3,1) both}
.qa-typing{display:flex;align-items:center;gap:5px;width:62px;height:34px;padding:0 13px;border:1px solid rgba(108,157,209,.18);border-radius:14px;background:rgba(255,255,255,.85)}.qa-typing[hidden]{display:none}.qa-typing i{display:block;width:6px;height:6px;border-radius:50%;background:#6b89a7;animation:qaTypingDot .9s ease-in-out infinite}.qa-typing i:nth-child(2){animation-delay:.12s}.qa-typing i:nth-child(3){animation-delay:.24s}.qa-typing-light{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.11)}.qa-typing-light i{background:#d9edff}
.qa-answer-content button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:156px;height:36px;margin-top:15px;padding:0 14px;border:1px solid rgba(255,255,255,.38);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 11px 24px -16px rgba(0,37,91,.7),inset 0 1px #fff;color:var(--mauto-ds-color-primary,#3c78da);font:inherit;font-size:10px;font-weight:790;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.qa-answer-content button:hover{transform:translateY(-2px);box-shadow:0 14px 27px -15px rgba(0,37,91,.85),inset 0 1px #fff}.qa-answer-content button:active{transform:translateY(1px);box-shadow:inset 2px 2px 7px rgba(44,95,145,.2)}
.qa-topic-rail{position:absolute;z-index:7;right:18px;bottom:17px;left:18px;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;padding:6px;border:1px solid rgba(103,153,208,.18);border-radius:17px;background:rgba(247,251,255,.76);box-shadow:0 15px 30px -26px rgba(26,64,107,.56),inset 0 1px rgba(255,255,255,.98);backdrop-filter:blur(14px)}.qa-topic-rail button{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:5px;min-width:0;height:42px;padding:0 7px;border:1px solid transparent;border-radius:12px;background:transparent;color:#647f99;font:inherit;text-align:left;cursor:pointer;transition:background .22s ease,box-shadow .22s ease,color .22s ease,transform .16s ease}.qa-topic-rail button b{display:grid;width:22px;height:22px;place-items:center;border-radius:8px;background:rgba(225,240,255,.78);color:var(--mauto-ds-color-primary,#3c78da);font-size:7px}.qa-topic-rail button span{overflow:hidden;font-size:7.5px;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.qa-topic-rail button.is-active{border-color:rgba(91,151,216,.2);background:linear-gradient(145deg,#dbeeff,#f8fbff);box-shadow:inset 2px 2px 7px rgba(66,111,158,.14),inset -2px -2px 6px #fff;color:var(--mauto-ds-color-primary,#3c78da)}.qa-topic-rail button:active{transform:translateY(1px)}
.qa-cinematic-stage.is-paused .qa-stage-bar b::after{margin-left:8px;color:#7f98b2;font-size:7px;content:"ПАУЗА"}
.mauto-site-footer{position:relative;overflow:hidden;border-top:1px solid rgba(119,175,231,.27);border-radius:34px 34px 0 0;background:radial-gradient(circle at 7% 120%,rgba(65,143,237,.25),transparent 34%),radial-gradient(circle at 93% -10%,rgba(97,174,255,.23),transparent 36%),linear-gradient(150deg,#081c31,#102e4e 58%,#17406c);box-shadow:0 -18px 54px -40px rgba(22,64,111,.65),inset 0 1px rgba(255,255,255,.09);color:#fff}.mauto-site-footer-main{display:grid;grid-template-columns:1.25fr .72fr .72fr 1fr;gap:44px;min-height:290px;padding:52px max(54px,calc((100% - 1280px)/2))}.mauto-site-footer-brand,.mauto-site-footer nav,.mauto-site-footer-contact{display:flex;flex-direction:column;align-items:flex-start}.mauto-site-footer-brand>a{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.mauto-site-footer-brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 11px 15px rgba(0,60,137,.34))}.mauto-site-footer-brand>a strong{font-size:20px;letter-spacing:-.03em}.mauto-site-footer-brand>a strong span{color:#5fa5f5}.mauto-site-footer-brand p{margin:28px 0 17px;color:#ecf5ff;font-size:16px;font-weight:600;line-height:1.5}.mauto-site-footer-brand small{color:rgba(211,229,248,.56);font-size:9px;letter-spacing:.09em;text-transform:uppercase}.mauto-site-footer nav>strong,.mauto-site-footer-contact>strong{margin:5px 0 20px;color:#8dc2fc;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.mauto-site-footer nav>a,.mauto-site-footer-contact>span,.mauto-site-footer-contact>a{margin-bottom:12px;color:rgba(228,240,253,.76);font-size:11px;line-height:1.45;text-decoration:none;transition:color .2s ease,transform .2s ease}.mauto-site-footer nav>a:hover,.mauto-site-footer-contact>a:hover{color:#fff;transform:translateX(3px)}.mauto-site-footer-contact>a{display:inline-flex;align-items:center;gap:10px;min-height:38px;margin-top:8px;padding:0 13px;border:1px solid rgba(137,197,255,.2);border-radius:12px;background:rgba(79,156,235,.1);color:#b9ddff}.mauto-site-footer-bottom{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:62px;padding:0 max(54px,calc((100% - 1280px)/2));border-top:1px solid rgba(173,210,252,.1);background:rgba(0,11,24,.14);color:rgba(208,226,246,.48);font-size:8.5px}.mauto-site-footer-bottom span:nth-child(2){text-align:center}
@keyframes qaTypingDot{0%,60%,100%{opacity:.32;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}
@keyframes qaCorePulse{0%{opacity:.7;transform:scale(.78)}75%,100%{opacity:0;transform:scale(1.15)}}
@keyframes qaClientIn{from{opacity:0;filter:blur(10px);transform:translate3d(52px,16px,0) scale(.97)}to{opacity:1;filter:none;transform:none}}
@keyframes qaMautoIn{from{opacity:0;filter:blur(10px);transform:translate3d(-52px,16px,0) scale(.97)}to{opacity:1;filter:none;transform:none}}
@keyframes qaTextReveal{from{opacity:0;filter:blur(6px);transform:translateY(9px)}to{opacity:1;filter:none;transform:none}}
.device-shell[data-device="tablet"] .qa-cinematic{padding:40px 24px 48px}.device-shell[data-device="tablet"] .qa-cinematic-heading{grid-template-columns:1fr;gap:12px;margin-bottom:22px}.device-shell[data-device="tablet"] .qa-cinematic-heading h2{font-size:34px}.device-shell[data-device="tablet"] .qa-cinematic-heading p{font-size:11px}.device-shell[data-device="tablet"] .qa-cinematic-stage{height:590px}.device-shell[data-device="tablet"] .qa-conversation{inset:84px 28px 122px;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)}.device-shell[data-device="tablet"] .qa-light-core{top:235px;width:82px;height:82px}.device-shell[data-device="tablet"] .qa-bubble{padding:16px;min-height:140px}.device-shell[data-device="tablet"] .qa-bubble p,.device-shell[data-device="tablet"] .qa-mauto-bubble p{font-size:10px}.device-shell[data-device="tablet"] .qa-avatar{width:44px;height:44px;flex-basis:44px;border-radius:15px}.device-shell[data-device="tablet"] .qa-mauto-avatar{border-radius:50%}.device-shell[data-device="tablet"] .qa-topic-rail{grid-template-columns:repeat(5,minmax(0,1fr))}.device-shell[data-device="tablet"] .qa-topic-rail button{height:34px}.device-shell[data-device="tablet"] .mauto-site-footer-main{grid-template-columns:1.2fr 1fr 1fr;gap:28px;padding:42px 32px}.device-shell[data-device="tablet"] .mauto-site-footer-contact{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,auto);align-items:center;gap:18px}.device-shell[data-device="tablet"] .mauto-site-footer-contact>*{margin:0}.device-shell[data-device="tablet"] .mauto-site-footer-bottom{padding:0 32px}
.device-shell[data-device="mobile"] .qa-cinematic{padding:32px 12px 38px}.device-shell[data-device="mobile"] .qa-cinematic-heading{display:block;margin-bottom:18px}.device-shell[data-device="mobile"] .qa-cinematic-heading h2{font-size:29px}.device-shell[data-device="mobile"] .qa-cinematic-heading p{margin-top:12px;font-size:10px}.device-shell[data-device="mobile"] .qa-cinematic-stage{height:690px;border-radius:24px}.device-shell[data-device="mobile"] .qa-stage-bar{height:50px;padding:0 15px}.device-shell[data-device="mobile"] .qa-light-core{top:306px;width:68px;height:68px}.device-shell[data-device="mobile"] .qa-data-line{display:none}.device-shell[data-device="mobile"] .qa-conversation{inset:74px 14px 158px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:74px}.device-shell[data-device="mobile"] .qa-message{width:100%;max-width:100%}.device-shell[data-device="mobile"] .qa-message-client{align-self:flex-end}.device-shell[data-device="mobile"] .qa-message-mauto{align-self:flex-start}.device-shell[data-device="mobile"] .qa-avatar{width:42px;height:42px;flex-basis:42px;border-radius:14px}.device-shell[data-device="mobile"] .qa-mauto-avatar{border-radius:50%}.device-shell[data-device="mobile"] .qa-bubble{width:calc(100% - 53px);min-height:0;padding:14px 15px}.device-shell[data-device="mobile"] .qa-mauto-bubble{min-height:164px}.device-shell[data-device="mobile"] .qa-bubble p,.device-shell[data-device="mobile"] .qa-mauto-bubble p{font-size:10px}.device-shell[data-device="mobile"] .qa-message-meta strong{font-size:10px}.device-shell[data-device="mobile"] .qa-message-meta span{font-size:6.5px}.device-shell[data-device="mobile"] .qa-topic-rail{grid-template-columns:repeat(3,minmax(0,1fr));right:9px;bottom:9px;left:9px}.device-shell[data-device="mobile"] .qa-topic-rail button{height:35px}.device-shell[data-device="mobile"] .qa-topic-rail button span{font-size:6.5px}.device-shell[data-device="mobile"] .mauto-site-footer{border-radius:25px 25px 0 0}.device-shell[data-device="mobile"] .mauto-site-footer-main{grid-template-columns:1fr 1fr;gap:28px 20px;padding:36px 24px}.device-shell[data-device="mobile"] .mauto-site-footer-brand,.device-shell[data-device="mobile"] .mauto-site-footer-contact{grid-column:1/-1}.device-shell[data-device="mobile"] .mauto-site-footer-brand p{font-size:14px}.device-shell[data-device="mobile"] .mauto-site-footer-bottom{grid-template-columns:1fr;gap:6px;padding:16px 24px;text-align:left}.device-shell[data-device="mobile"] .mauto-site-footer-bottom span:nth-child(2){text-align:left}
@media (prefers-reduced-motion:reduce){.qa-light-core::before,.qa-light-core::after,.qa-typing i{animation:none!important}.qa-message,.qa-bubble p,.qa-answer-content{animation-duration:1ms!important;transition-duration:1ms!important}}
.qa-message-client{align-items:flex-end;flex-direction:row;justify-self:start}.qa-message-mauto{align-items:flex-end;justify-self:end}.qa-conversation{grid-template-columns:minmax(0,1fr) 118px minmax(0,1fr)}
.device-shell[data-device="mobile"] .qa-message-client{align-self:flex-start}.device-shell[data-device="mobile"] .qa-message-mauto{align-self:flex-end}

/* v256 — full-width search above compact automatic Q&A and calculator. */
.tools-workspace{display:block;padding:15px 16px 42px;background:#fff}
.advanced-search-preview{width:min(1320px,100%);margin:0 auto}
.advanced-search-heading{height:48px;margin-bottom:9px}.advanced-search-heading h2{font-size:34px}
.advanced-search-form{padding:20px 22px 21px;border-radius:25px;box-shadow:0 18px 32px -27px rgba(25,74,122,.46),0 6px 0 -2px rgba(118,174,224,.2),inset 0 1px rgba(255,255,255,.96)}
.advanced-search-vehicle{grid-template-columns:260px 260px 160px;gap:10px}.advanced-search-vehicle select{height:45px;font-size:12px}.advanced-search-vehicle label>span{font-size:10px}
.advanced-search-mode{width:330px;margin-top:12px;padding:4px}.advanced-search-mode button{min-height:35px;font-size:10px}
.advanced-search-query-row{grid-template-columns:minmax(0,1fr) 218px;gap:10px;margin-top:11px}.advanced-search-input{height:50px}.advanced-search-input input{font-size:13px}.advanced-search-submit{min-height:50px;font-size:12px}
.tools-secondary-row{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(500px,.9fr);align-items:start;gap:18px;width:min(1320px,100%);margin:30px auto 0}
.tools-secondary-row>.finance-preview,.qa-compact{min-width:0;padding:0;background:none}
.tools-secondary-row .finance-preview-heading,.qa-compact-heading{display:flex;align-items:end;height:45px;margin:0 0 9px}.tools-secondary-row .finance-preview-heading h2,.qa-compact-heading h2{margin:0;color:#102942;font-size:29px;line-height:1;letter-spacing:-.045em}.qa-compact-heading h2 span{color:var(--mauto-ds-color-primary,#3c78da)}
.tools-secondary-row .finance-preview-heading p{display:none}.tools-secondary-row .finance-calculator{width:100%;margin:0;padding:15px;border-radius:22px}
.qa-compact-window{position:relative;display:flex;height:286px;flex-direction:column;justify-content:center;gap:16px;overflow:hidden;padding:18px 22px;border:1px solid rgba(108,164,220,.31);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(231,243,255,.9));box-shadow:0 22px 42px -32px rgba(21,67,113,.54),0 6px 0 -2px rgba(118,174,224,.18),inset 0 1px rgba(255,255,255,.98)}
.qa-compact-message{display:flex;align-items:flex-end;gap:10px;min-width:0;transition:opacity .3s ease,transform .52s cubic-bezier(.16,1,.3,1),filter .36s ease}.qa-compact-message[hidden]{display:flex;visibility:hidden;opacity:0;pointer-events:none}.qa-compact-message.is-entering{visibility:visible;opacity:1}.qa-compact-message.is-leaving{opacity:0;filter:blur(7px)}.qa-compact-client{align-self:flex-start}.qa-compact-client.is-leaving{transform:translate3d(-38px,0,0)}.qa-compact-mauto{align-self:flex-end;justify-content:flex-end}.qa-compact-mauto.is-leaving{transform:translate3d(38px,0,0)}
.qa-compact-avatar{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;overflow:hidden;border:1px solid rgba(93,149,207,.27);border-radius:14px;background:#f4faff;box-shadow:0 13px 24px -17px rgba(28,73,120,.58),inset 0 1px #fff}.qa-compact-avatar img{display:block;width:100%;height:100%;object-fit:cover}.qa-compact-avatar .is-team-crop{object-position:80% 30%;transform:scale(2.15)}.qa-compact-mauto-avatar{order:2;border-radius:50%;background:rgba(235,246,255,.98);box-shadow:0 0 0 4px rgba(69,145,231,.07),0 14px 25px -17px rgba(21,82,154,.65)}.qa-compact-mauto-avatar img{object-fit:contain;transform:scale(1.16)}
.qa-compact-bubble{width:min(510px,calc(100% - 54px));min-height:90px;padding:13px 16px;border:1px solid rgba(110,159,210,.24);box-shadow:0 18px 38px -29px rgba(28,65,106,.56),inset 0 1px rgba(255,255,255,.9)}.qa-compact-client-bubble{border-radius:20px 20px 20px 6px;background:linear-gradient(145deg,#fff,#eff7ff)}.qa-compact-mauto-bubble{order:1;min-height:110px;border-color:rgba(66,132,207,.38);border-radius:20px 20px 6px 20px;background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da));box-shadow:0 24px 46px -29px rgba(13,76,149,.72),inset 0 1px rgba(255,255,255,.24)}
.qa-compact-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.qa-compact-meta strong{color:#1d405f;font-size:11px}.qa-compact-meta span{color:#7b96b2;font-size:7.5px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.qa-compact-mauto-bubble .qa-compact-meta strong{color:#fff}.qa-compact-mauto-bubble .qa-compact-meta span{color:rgba(220,239,255,.7)}
.qa-compact-bubble p{margin:0;color:#2c4966;font-size:11.5px;font-weight:580;line-height:1.5}.qa-compact-mauto-bubble p{color:#fff;font-size:10.8px;font-weight:520;line-height:1.55}.qa-compact-bubble p[hidden]{display:none}.qa-compact-bubble p.is-entering{animation:qaTextReveal .42s cubic-bezier(.16,1,.3,1) both}
.qa-compact-window .qa-typing{width:56px;height:30px;padding:0 11px}.qa-compact-window .qa-typing i{width:5px;height:5px}.qa-compact-window .qa-typing-light{border-color:rgba(255,255,255,.23);background:rgba(255,255,255,.11)}
.tools-secondary-row .finance-tabs,.tools-secondary-row .finance-category{grid-template-columns:repeat(2,104px)}.tools-secondary-row .finance-tabs button,.tools-secondary-row .finance-category button{width:104px}.tools-secondary-row .finance-fields{margin-top:7px}.tools-secondary-row .finance-result{margin-top:6px}.tools-secondary-row .finance-action{margin-top:7px}
.device-shell[data-device="tablet"] .tools-workspace{display:block;padding:14px 12px 34px}.device-shell[data-device="tablet"] .advanced-search-preview{width:100%;margin:0}.device-shell[data-device="tablet"] .advanced-search-heading{height:42px}.device-shell[data-device="tablet"] .advanced-search-heading h2{font-size:28px}.device-shell[data-device="tablet"] .advanced-search-form{padding:16px}.device-shell[data-device="tablet"] .advanced-search-vehicle{grid-template-columns:210px 210px 120px}.device-shell[data-device="tablet"] .advanced-search-mode{width:270px}.device-shell[data-device="tablet"] .tools-secondary-row{grid-template-columns:1fr;gap:22px;margin-top:24px}.device-shell[data-device="tablet"] .qa-compact-window{height:310px}.device-shell[data-device="tablet"] .finance-preview{width:76%;margin:0 0 0 auto}.device-shell[data-device="tablet"] .finance-preview-heading,.device-shell[data-device="tablet"] .finance-calculator{width:100%;margin-right:0;margin-left:0}
.device-shell[data-device="mobile"] .tools-workspace{display:block;padding:13px 8px 30px}.device-shell[data-device="mobile"] .advanced-search-preview{width:100%;margin:0}.device-shell[data-device="mobile"] .advanced-search-heading{height:auto;margin-bottom:9px}.device-shell[data-device="mobile"] .advanced-search-heading h2{font-size:25px}.device-shell[data-device="mobile"] .advanced-search-form{padding:12px}.device-shell[data-device="mobile"] .advanced-search-vehicle{grid-template-columns:repeat(2,minmax(0,1fr))}.device-shell[data-device="mobile"] .advanced-search-vehicle label:last-child{grid-column:1/-1}.device-shell[data-device="mobile"] .advanced-search-mode{width:100%;margin-top:9px}.device-shell[data-device="mobile"] .advanced-search-query-row{display:block;margin-top:8px}.device-shell[data-device="mobile"] .advanced-search-submit{min-height:42px;margin-top:7px}.device-shell[data-device="mobile"] .tools-secondary-row{display:flex;width:100%;flex-direction:column;gap:24px;margin-top:22px}.device-shell[data-device="mobile"] .qa-compact{order:1}.device-shell[data-device="mobile"] .finance-preview{order:2;width:100%;margin:0}.device-shell[data-device="mobile"] .qa-compact-heading,.device-shell[data-device="mobile"] .finance-preview-heading{height:auto;margin-bottom:9px}.device-shell[data-device="mobile"] .qa-compact-heading h2,.device-shell[data-device="mobile"] .finance-preview-heading h2{font-size:24px}.device-shell[data-device="mobile"] .qa-compact-window{height:420px;gap:30px;padding:20px 12px;border-radius:20px}.device-shell[data-device="mobile"] .qa-compact-avatar{width:40px;height:40px;flex-basis:40px;border-radius:13px}.device-shell[data-device="mobile"] .qa-compact-mauto-avatar{border-radius:50%}.device-shell[data-device="mobile"] .qa-compact-bubble{width:calc(100% - 48px);padding:13px 14px}.device-shell[data-device="mobile"] .qa-compact-bubble p{font-size:9.5px}.device-shell[data-device="mobile"] .qa-compact-mauto-bubble p{font-size:9px}.device-shell[data-device="mobile"] .finance-preview-heading,.device-shell[data-device="mobile"] .finance-calculator{width:100%;margin-right:0;margin-left:0}
@media (prefers-reduced-motion:reduce){.qa-compact-message,.qa-compact-bubble p{animation-duration:1ms!important;transition-duration:1ms!important}}

/* v257 — lighter Mauto headings and installment categories beside service cost. */
.advanced-search-heading h2,.qa-compact-heading h2{font-weight:620;letter-spacing:-.035em}
.advanced-search-heading h2 span,.qa-compact-heading h2 span{color:var(--mauto-ds-color-primary,#3c78da);font-weight:620}
.finance-fields>.finance-category{grid-column:2/4;align-self:end;width:max-content;height:35px;margin:0;padding:0}
.finance-fields>.finance-category button{height:35px;min-height:35px}
.finance-fields>.finance-category[hidden]{display:none!important}
.device-shell[data-device="tablet"] .finance-fields>.finance-category{grid-column:2/4}
.device-shell[data-device="mobile"] .finance-fields>.finance-category{grid-column:1;width:100%;margin-top:0}
.device-shell[data-device="mobile"] .finance-fields>.finance-category button{width:auto}

/* v258 — frameless typing, stable financing range, compact footer and unified M-Auto wordmark. */
.mauto-wordmark{display:inline-flex;align-items:baseline;white-space:nowrap}.mauto-wordmark i,.mauto-wordmark b{color:inherit;font:inherit;font-style:normal}.mauto-wordmark i{color:var(--mauto-ds-color-primary,#3c78da)}.mauto-wordmark b{color:#102942}.mauto-wordmark.is-on-dark b{color:#fff}
.advanced-search-heading h2>.mauto-wordmark,.qa-compact-heading h2>.mauto-wordmark{font-weight:620}.advanced-search-heading .mauto-wordmark b,.qa-compact-heading .mauto-wordmark b{color:#102942}
.qa-compact-message.is-typing .qa-compact-bubble{width:auto;min-width:42px;min-height:24px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
.qa-compact-message.is-typing .qa-compact-meta{display:none}
.qa-compact-message.is-typing .qa-typing{width:auto;height:24px;gap:6px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.qa-compact-message.is-typing .qa-typing i{width:6px;height:6px;background:#7896b5;box-shadow:0 0 9px rgba(78,141,208,.18)}
.qa-compact-message.is-typing .qa-typing-light i{background:#2b82de;box-shadow:0 0 9px rgba(43,130,222,.24)}
.qa-compact-message:not(.is-typing) .qa-compact-bubble{animation:qaCompactBubbleReveal .42s cubic-bezier(.16,1,.3,1) both}
.finance-term input[type="range"]{touch-action:none;overscroll-behavior:none}
.mauto-site-footer-main{min-height:0;gap:36px;padding:34px max(54px,calc((100% - 1280px)/2)) 28px}
.mauto-site-footer-brand p{margin:20px 0 12px}.mauto-site-footer nav>strong,.mauto-site-footer-contact>strong{margin:3px 0 15px}.mauto-site-footer nav>a,.mauto-site-footer-contact>span,.mauto-site-footer-contact>a{margin-bottom:9px}.mauto-site-footer-contact>a{margin-top:3px}.mauto-site-footer-bottom{min-height:44px}
.mauto-site-footer-brand>a strong.mauto-wordmark{font-size:20px}.mauto-site-footer-contact .mauto-wordmark,.mauto-site-footer-bottom .mauto-wordmark{display:inline-flex;font-size:inherit}
@keyframes qaCompactBubbleReveal{from{opacity:0;filter:blur(5px);transform:translateY(6px) scale(.985)}to{opacity:1;filter:none;transform:none}}
.device-shell[data-device="tablet"] .mauto-site-footer-main{gap:22px;padding:30px 26px 24px}.device-shell[data-device="tablet"] .mauto-site-footer-bottom{min-height:44px;padding:0 26px}
.device-shell[data-device="mobile"] .mauto-site-footer-main{gap:22px 18px;padding:28px 22px 22px}.device-shell[data-device="mobile"] .mauto-site-footer-brand p{margin:17px 0 10px}.device-shell[data-device="mobile"] .mauto-site-footer-bottom{min-height:0;padding:13px 22px}

/* v259 — original Insurance path, fixed dialogue geometry, discrete tactile range and finished footer. */
.insurance-flow{padding:5px 16px 24px;background:linear-gradient(180deg,#f7fbff,#edf5fe)}
.insurance-flow-shell{display:grid;grid-template-columns:minmax(330px,.7fr) minmax(0,1.55fr);align-items:center;gap:16px;width:min(1320px,100%);margin:0 auto;padding:14px;border:1px solid rgba(107,160,214,.3);border-radius:26px;background:radial-gradient(circle at 12% 25%,rgba(207,233,255,.7),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(230,243,255,.94));box-shadow:0 20px 40px -31px rgba(19,64,110,.62),0 6px 0 -2px rgba(115,174,225,.18),inset 0 1px #fff}
.insurance-trigger{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;min-height:86px;padding:12px 15px;border:1px solid rgba(70,139,213,.27);border-radius:19px;background:linear-gradient(145deg,#fff,#e9f4ff);box-shadow:0 14px 28px -23px rgba(28,83,143,.72),inset 0 1px #fff;color:#153451;font-family:inherit;text-align:left;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.insurance-trigger:hover,.insurance-trigger:focus-visible{border-color:rgba(45,129,224,.5);outline:0;box-shadow:0 18px 32px -23px rgba(19,94,174,.74),0 0 0 3px rgba(53,139,234,.08),inset 0 1px #fff;transform:translateY(-1px)}
.insurance-trigger-icon{display:grid;width:52px;height:52px;grid-row:1/3;place-items:center;border:1px solid rgba(61,139,226,.24);border-radius:17px;background:linear-gradient(145deg,#fff,#dfeeff);box-shadow:0 11px 22px -16px rgba(30,103,185,.76),inset 0 1px #fff}.insurance-trigger-icon svg,.insurance-panel-shield svg{width:29px;height:29px;fill:rgba(43,130,222,.08);stroke:#2b82de;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.insurance-trigger>span:nth-child(2){display:grid;gap:2px;min-width:0}.insurance-trigger small{color:#5b7691;font-size:8px;font-weight:680;letter-spacing:.08em;text-transform:uppercase}.insurance-trigger strong{color:#153451;font-size:18px;font-weight:680;line-height:1.05;letter-spacing:-.035em}.insurance-trigger em{color:#678097;font-size:9px;font-style:normal;font-weight:520}.insurance-trigger-action{grid-column:2;display:inline-flex;align-items:center;gap:8px;color:var(--mauto-ds-color-primary,#3c78da);font-size:9px;font-weight:740}
.insurance-stages{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.insurance-stages::before{position:absolute;top:27px;right:10%;left:10%;height:1px;background:linear-gradient(90deg,rgba(57,136,225,.16),rgba(57,136,225,.48) 45%,rgba(57,136,225,.2) 78%,transparent);content:""}.insurance-stages li{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;min-height:58px;padding:7px 8px;border:1px solid rgba(100,154,209,.22);border-radius:16px;background:rgba(255,255,255,.76);box-shadow:0 12px 24px -22px rgba(24,70,113,.6),inset 0 1px #fff}.insurance-stages li>span{z-index:1;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(67,140,225,.24);border-radius:12px;background:linear-gradient(145deg,#fff,#e0efff);color:var(--mauto-ds-color-primary,#3c78da);font-size:10px;font-weight:780;box-shadow:0 8px 15px -13px rgba(31,102,182,.8)}.insurance-stages li.is-complete>span{border-color:rgba(50,177,117,.34);background:linear-gradient(145deg,#f7fff9,#dff7e9);color:#179b60}.insurance-stages li div{display:grid;gap:3px;min-width:0}.insurance-stages strong{color:#1b3955;font-size:10px;font-weight:720}.insurance-stages small{color:#6a8197;font-size:7px;font-weight:520;line-height:1.25}
body.insurance-open{overflow:hidden}.insurance-modal[hidden]{display:none!important}.insurance-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px;box-sizing:border-box;opacity:0;transition:opacity .28s ease}.insurance-modal.is-open{opacity:1}.insurance-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(9,24,42,.46);backdrop-filter:blur(18px) saturate(.9);cursor:default}.insurance-panel{position:relative;z-index:1;width:min(840px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;border:1px solid rgba(131,181,233,.65);border-radius:28px;outline:0;background:radial-gradient(circle at 95% 0,rgba(152,205,255,.22),transparent 34%),linear-gradient(145deg,#fff,#edf6ff 68%,#fbfdff);box-shadow:0 48px 100px rgba(2,19,38,.3),0 15px 35px rgba(12,43,75,.17),inset 0 1px #fff;opacity:0;transform:translateY(16px) scale(.975);transition:opacity .3s ease,transform .34s cubic-bezier(.2,.78,.22,1)}.insurance-modal.is-open .insurance-panel{opacity:1;transform:none}
.insurance-panel-header{display:grid;grid-template-columns:52px minmax(0,1fr) 40px;align-items:center;gap:14px;padding:23px 26px 19px;border-bottom:1px solid rgba(91,142,196,.14)}.insurance-panel-shield{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(61,139,226,.24);border-radius:17px;background:linear-gradient(145deg,#fff,#e4f1ff);box-shadow:0 12px 24px -17px rgba(28,96,177,.7)}.insurance-panel-header small{display:block;margin-bottom:3px;color:var(--mauto-ds-color-primary,#3c78da);font-size:9px;font-weight:740;letter-spacing:.11em;text-transform:uppercase}.insurance-panel-header h2{margin:0;color:#102942;font-size:25px;font-weight:680;line-height:1.05;letter-spacing:-.04em}.insurance-panel-header p{margin:5px 0 0;color:#667f98;font-size:11px;font-weight:520}.insurance-close{display:grid;width:40px;height:40px;place-items:center;padding:0;border:1px solid rgba(95,145,196,.22);border-radius:13px;background:linear-gradient(145deg,#fff,#e8f2fd);box-shadow:0 9px 17px -14px rgba(30,75,121,.75);color:#29445f;font:600 24px/1 inherit;cursor:pointer}
.insurance-modal-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 26px 16px}.insurance-modal-stages article{position:relative;min-height:118px;padding:17px 18px;border:1px solid rgba(111,161,211,.22);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(237,246,255,.86));box-shadow:0 12px 24px -22px rgba(27,68,109,.58),inset 0 1px #fff}.insurance-modal-stages article>span{position:absolute;top:14px;right:15px;color:rgba(42,102,166,.42);font-size:11px;font-weight:760}.insurance-modal-stages h3{margin:0 34px 7px 0;color:#183754;font-size:14px;font-weight:700}.insurance-modal-stages p,.insurance-modal-note p{margin:0;color:#617991;font-size:10.5px;font-weight:520;line-height:1.5}.insurance-modal-note{display:grid;grid-template-columns:64px minmax(0,1fr);gap:13px;margin:0 26px;padding:14px 17px;border:1px solid rgba(55,128,215,.17);border-radius:16px;background:rgba(225,240,255,.64)}.insurance-modal-note strong{color:var(--mauto-ds-color-primary,#3c78da);font-size:10px;font-weight:760;text-transform:uppercase}.insurance-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 26px 23px}.insurance-panel-footer>span{color:#71869b;font-size:9.5px}.insurance-understood{min-width:126px;height:42px;border:1px solid rgba(255,255,255,.4);border-radius:13px;background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da));box-shadow:0 13px 24px -17px rgba(26,94,171,.75),inset 0 1px rgba(255,255,255,.35);color:#fff;font:720 11px/1 inherit;cursor:pointer}
.tools-secondary-row .finance-preview-heading h2,.qa-compact-heading h2{font-family:inherit;font-weight:620;letter-spacing:-.035em}.qa-compact-heading h2{font-size:25px}.qa-compact-heading h2>.mauto-wordmark{font-size:1.08em;font-weight:760}.finance-preview-heading h2{font-size:29px;font-weight:620}
.qa-compact-window{display:grid;grid-template-rows:104px 122px;align-content:center;gap:12px}.qa-compact-message{align-self:stretch;height:100%}.qa-compact-client{align-self:stretch}.qa-compact-mauto{align-self:stretch}.qa-compact-bubble{box-sizing:border-box}.qa-compact-client .qa-compact-bubble{height:100%;min-height:0}.qa-compact-mauto .qa-compact-bubble{height:100%;min-height:0}.qa-compact-message.is-typing{align-items:center}.qa-compact-message.is-typing .qa-compact-bubble{height:24px}.qa-compact-message.is-typing .qa-compact-avatar{visibility:hidden}.qa-compact-message:not(.is-typing) .qa-compact-avatar{visibility:visible}
.finance-range{position:relative;width:100%;height:18px;margin:3px 0 0;padding:0;border:0;background:transparent;cursor:pointer;touch-action:none;overscroll-behavior:none}.finance-range::before{position:absolute;top:50%;right:0;left:0;height:4px;border-radius:99px;background:linear-gradient(90deg,#3d8df0 0 var(--finance-progress,33%),#28323e var(--finance-progress,33%) 100%);box-shadow:inset 0 1px 2px rgba(0,0,0,.23);content:"";transform:translateY(-50%);transition:background .18s ease}.finance-range>span{position:absolute;top:50%;left:var(--finance-progress,33%);width:20px;height:20px;border:3px solid rgba(255,255,255,.8);border-radius:50%;background:#3d8df0;box-shadow:0 5px 12px -6px rgba(27,101,188,.8),0 0 0 1px rgba(34,116,211,.2);transform:translate(-50%,-50%);transition:left .22s cubic-bezier(.2,.75,.2,1),transform .15s ease}.finance-range.is-snapping>span{transform:translate(-50%,-50%) scale(1.08)}.finance-range:focus-visible{outline:2px solid rgba(43,130,222,.35);outline-offset:4px;border-radius:10px}
.mauto-site-footer{border-radius:0 0 30px 30px}.mauto-site-footer nav>a{transition:color .28s ease,transform .28s cubic-bezier(.16,1,.3,1),text-shadow .28s ease}.mauto-site-footer nav>a:hover,.mauto-site-footer nav>a:focus-visible{color:#fff;outline:0;text-shadow:0 0 17px rgba(162,214,255,.58);transform:translateX(4px)}.mauto-site-footer-contact>a{border-color:rgba(91,222,161,.38);background:linear-gradient(145deg,rgba(73,206,143,.19),rgba(38,143,111,.11));box-shadow:inset 0 1px rgba(220,255,241,.18),0 12px 26px -20px rgba(49,213,142,.72);color:#dfffee;transition:border-color .28s ease,background .28s ease,box-shadow .28s ease,transform .28s ease}.mauto-site-footer-contact>a:hover,.mauto-site-footer-contact>a:focus-visible{border-color:rgba(111,239,181,.65);outline:0;background:linear-gradient(145deg,rgba(75,223,154,.29),rgba(34,160,117,.17));box-shadow:0 0 0 3px rgba(75,221,154,.08),0 14px 28px -19px rgba(47,227,148,.74);color:#fff;transform:translateY(-1px)}
.device-shell[data-device="tablet"] .insurance-flow{padding:4px 12px 20px}.device-shell[data-device="tablet"] .insurance-flow-shell{grid-template-columns:1fr;padding:12px}.device-shell[data-device="tablet"] .insurance-trigger{width:100%}.device-shell[data-device="tablet"] .insurance-stages li{min-height:54px}.device-shell[data-device="tablet"] .qa-compact-window{grid-template-rows:112px 132px}
.device-shell[data-device="mobile"] .insurance-flow{padding:2px 8px 17px}.device-shell[data-device="mobile"] .insurance-flow-shell{display:block;padding:9px;border-radius:20px}.device-shell[data-device="mobile"] .insurance-trigger{width:100%;min-height:78px;padding:10px}.device-shell[data-device="mobile"] .insurance-trigger-icon{width:46px;height:46px}.device-shell[data-device="mobile"] .insurance-trigger strong{font-size:15px}.device-shell[data-device="mobile"] .insurance-stages{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:9px}.device-shell[data-device="mobile"] .insurance-stages::before{display:none}.device-shell[data-device="mobile"] .insurance-modal-stages{grid-template-columns:1fr;padding:15px}.device-shell[data-device="mobile"] .insurance-panel-header{grid-template-columns:44px minmax(0,1fr) 36px;padding:17px 15px}.device-shell[data-device="mobile"] .insurance-panel-shield{width:44px;height:44px}.device-shell[data-device="mobile"] .insurance-panel-header h2{font-size:20px}.device-shell[data-device="mobile"] .insurance-modal-note{grid-template-columns:1fr;margin:0 15px}.device-shell[data-device="mobile"] .insurance-panel-footer{align-items:stretch;flex-direction:column;padding:15px}.device-shell[data-device="mobile"] .qa-compact-heading h2{font-size:21px}.device-shell[data-device="mobile"] .qa-compact-window{grid-template-rows:170px 190px;gap:18px}.device-shell[data-device="mobile"] .mauto-site-footer{border-radius:0 0 24px 24px}
@media (prefers-reduced-motion:reduce){.insurance-trigger,.insurance-panel,.finance-range>span,.mauto-site-footer nav>a,.mauto-site-footer-contact>a{transition-duration:1ms!important}}

/* v260 — footer response polish and off-screen animation budget. */
.hero.is-offscreen,.hero.is-offscreen *,.hero.is-offscreen::before,.hero.is-offscreen::after,.brand-strip.is-offscreen,.brand-strip.is-offscreen *,.brand-strip.is-offscreen::before,.brand-strip.is-offscreen::after{animation-play-state:paused!important}
.hero.is-offscreen *,.brand-strip.is-offscreen *{will-change:auto!important}
.mauto-site-footer-contact>a{border-color:rgba(103,226,169,.34);background:linear-gradient(145deg,rgba(75,207,145,.15),rgba(34,148,108,.09));box-shadow:inset 0 1px rgba(226,255,244,.2),0 11px 24px -20px rgba(49,213,142,.66)}
.mauto-site-footer-contact .footer-phone{
  color:#f4f9ff;
  font:inherit;
  font-weight:700;
  line-height:inherit;
  text-decoration:none;
  white-space:nowrap;
  transition:color .2s ease,text-shadow .2s ease;
}

/* v123.1 — restore the real desktop/tablet category anchors; mobile stays approved. */
.device-shell[data-device="desktop"] .ecosystem > header,
.device-shell[data-device="tablet"] .ecosystem > header {
  margin-bottom: 12px !important;
}

.device-shell[data-device="desktop"] .ecosystem .cards,
.device-shell[data-device="tablet"] .ecosystem .cards {
  display: grid !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  grid-auto-flow: row !important;
  align-items: stretch !important;
}

.device-shell[data-device="desktop"] .ecosystem .cards {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.device-shell[data-device="tablet"] .ecosystem .cards {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.device-shell[data-device="desktop"] .ecosystem .cards > a,
.device-shell[data-device="tablet"] .ecosystem .cards > a {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.device-shell[data-device="desktop"] .ecosystem .cards > a {
  height: 214px !important;
  min-height: 214px !important;
  border-radius: 22px !important;
}

.device-shell[data-device="tablet"] .ecosystem .cards > a {
  height: 178px !important;
  min-height: 178px !important;
  border-radius: 19px !important;
}

.device-shell[data-device="desktop"] .ecosystem .cards > a .card-category-icon {
  top: 13px !important;
  left: 13px !important;
  width: 34px !important;
  height: 34px !important;
}

.device-shell[data-device="tablet"] .ecosystem .cards > a .card-category-icon {
  top: 11px !important;
  left: 11px !important;
  width: 30px !important;
  height: 30px !important;
}

.device-shell[data-device="desktop"] .ecosystem .cards > a > strong {
  top: 15px !important;
  left: 56px !important;
  right: 40px !important;
  font-size: 18px !important;
  line-height: 1.08 !important;
}

.device-shell[data-device="tablet"] .ecosystem .cards > a > strong {
  top: 12px !important;
  left: 49px !important;
  right: 35px !important;
  font-size: 15px !important;
  line-height: 1.08 !important;
}

.device-shell[data-device="desktop"] .ecosystem .cards > a > small {
  top: 42px !important;
  left: 56px !important;
  right: 16px !important;
  font-size: 11px !important;
  line-height: 1.22 !important;
}

.device-shell[data-device="tablet"] .ecosystem .cards > a > small {
  top: 35px !important;
  left: 49px !important;
  right: 12px !important;
  font-size: 9.5px !important;
  line-height: 1.18 !important;
}

.device-shell[data-device="desktop"] .ecosystem .cards > a > img {
  left: 7% !important;
  right: 7% !important;
  bottom: 4px !important;
  width: 86% !important;
  height: 75% !important;
  object-fit: contain !important;
}

.device-shell[data-device="tablet"] .ecosystem .cards > a > img {
  left: 6% !important;
  right: 6% !important;
  bottom: 2px !important;
  width: 88% !important;
  height: 73% !important;
  object-fit: contain !important;
}

.device-shell[data-device="desktop"] .ecosystem .cards > a > b,
.device-shell[data-device="tablet"] .ecosystem .cards > a > b {
  display: none !important;
}

.device-shell[data-device="desktop"] .ecosystem .cards > #c9,
.device-shell[data-device="tablet"] .ecosystem .cards > #c9 {
  grid-column: 1 / -1 !important;
}

.device-shell[data-device="desktop"] .ecosystem .cards > #c9 {
  height: 150px !important;
  min-height: 150px !important;
}

.device-shell[data-device="tablet"] .ecosystem .cards > #c9 {
  height: 132px !important;
  min-height: 132px !important;
}

.device-shell[data-device="desktop"] .ecosystem .cards > #c9 > img,
.device-shell[data-device="tablet"] .ecosystem .cards > #c9 > img {
  left: 43% !important;
  right: 4% !important;
  width: 53% !important;
  height: 96% !important;
  bottom: 0 !important;
}
.mauto-site-footer-contact .footer-phone:hover,
.mauto-site-footer-contact .footer-phone:focus-visible{
  color:#fff;
  outline:0;
  text-shadow:0 0 14px rgba(151,211,255,.58);
}

/* v261 — compact protection path, stable dialogue typing and unified tool headings. */
.insurance-flow{padding:4px 16px 12px}
.insurance-flow-shell{grid-template-columns:minmax(270px,.58fr) minmax(0,1.7fr);gap:12px;width:min(1320px,100%);padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.insurance-trigger{grid-template-columns:44px minmax(0,1fr);gap:10px;min-height:62px;padding:7px 10px;border-color:rgba(72,177,124,.2);border-radius:17px;background:linear-gradient(145deg,rgba(250,255,252,.94),rgba(229,248,238,.78));box-shadow:0 15px 27px -25px rgba(25,101,70,.58),inset 0 1px rgba(255,255,255,.96)}
.insurance-trigger:hover,.insurance-trigger:focus-visible{border-color:rgba(53,178,112,.38);box-shadow:0 16px 29px -23px rgba(22,112,72,.58),0 0 0 3px rgba(61,188,123,.07),inset 0 1px #fff}
.insurance-trigger-icon{width:44px;height:44px;grid-row:1/3;border-color:rgba(49,176,106,.31);border-radius:15px;background:linear-gradient(145deg,rgba(250,255,252,.96),rgba(211,248,226,.9));box-shadow:0 10px 20px -16px rgba(23,132,77,.62),inset 0 1px #fff}
.insurance-trigger-icon svg,.insurance-panel-shield svg{fill:rgba(96,223,145,.14);stroke:#21a363}
.insurance-trigger>span:nth-child(2){display:block}.insurance-trigger strong{font-size:17px;font-weight:680}.insurance-gold{color:#a77825;font:inherit;text-shadow:0 1px rgba(255,255,255,.75)}
.insurance-trigger-action{grid-column:2;font-size:8.5px}
.insurance-stages{gap:10px}.insurance-stages::before{display:none}
.insurance-stages li{grid-template-columns:34px minmax(0,1fr);gap:7px;min-height:52px;padding:6px 7px;border-color:rgba(106,159,210,.2);border-radius:15px;background:rgba(255,255,255,.82)}
.insurance-stages li:not(:last-child)::after{position:absolute;z-index:0;top:50%;left:100%;width:11px;height:1px;background:linear-gradient(90deg,rgba(52,133,225,.62),rgba(52,133,225,.28));content:""}
.insurance-stages li>span{width:34px;height:34px;border-radius:11px}.insurance-stages strong{font-size:9.5px}.insurance-stages small{font-size:6.7px}
.advanced-search-heading{height:36px;margin-bottom:7px}.advanced-search-heading h2{font-size:25px;font-weight:620;letter-spacing:-.035em}.tools-workspace{padding-top:12px}
.qa-compact-message{width:100%;align-self:stretch}.qa-compact-client{justify-content:flex-start}.qa-compact-mauto{justify-content:flex-end}
.qa-compact-message.is-typing{align-items:center}.qa-compact-message.is-typing .qa-compact-avatar{visibility:visible}.qa-compact-message.is-typing .qa-compact-bubble{display:flex;height:24px;flex:0 0 auto;align-items:center}
.qa-compact-client.is-typing .qa-compact-bubble{transform-origin:left center}.qa-compact-mauto.is-typing .qa-compact-bubble{transform-origin:right center}
.insurance-backdrop{background:rgba(8,31,28,.45);backdrop-filter:blur(18px) saturate(.92)}
.insurance-panel{border-color:rgba(100,190,140,.55);background:radial-gradient(circle at 96% 0,rgba(137,232,177,.22),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.99),rgba(235,250,242,.97) 68%,rgba(250,255,252,.99));box-shadow:0 48px 100px rgba(2,32,23,.28),0 15px 35px rgba(12,70,49,.14),inset 0 1px #fff}
.insurance-panel-header{border-bottom-color:rgba(63,163,108,.14)}.insurance-panel-shield{border-color:rgba(45,175,103,.34);background:linear-gradient(145deg,rgba(252,255,253,.98),rgba(207,247,224,.94));box-shadow:0 12px 24px -17px rgba(20,126,70,.65)}
.insurance-panel-header small{color:#198f56}.insurance-panel-header p{color:#58766a}.insurance-close{border-color:rgba(75,158,111,.2);background:linear-gradient(145deg,#fff,#e5f7ed)}
.insurance-modal-stages article{border-color:rgba(91,170,126,.22);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(235,249,241,.9));box-shadow:0 12px 24px -22px rgba(19,87,56,.5),inset 0 1px #fff}.insurance-modal-stages article>span{color:rgba(33,133,79,.46)}.insurance-modal-stages p,.insurance-modal-note p{color:#5a7669}
.insurance-modal-note{border-color:rgba(49,158,98,.18);background:rgba(221,247,232,.64)}.insurance-modal-note strong{color:#188c54}
.insurance-panel-footer{justify-content:flex-end;padding-top:14px}.insurance-understood{background:linear-gradient(145deg,#43b77a,#218f59);box-shadow:0 13px 24px -17px rgba(25,131,78,.72),inset 0 1px rgba(255,255,255,.36)}
.device-shell[data-device="tablet"] .insurance-flow{padding:4px 12px 11px}.device-shell[data-device="tablet"] .insurance-flow-shell{grid-template-columns:1fr;padding:0}.device-shell[data-device="tablet"] .advanced-search-heading{height:34px;margin-bottom:7px}.device-shell[data-device="tablet"] .advanced-search-heading h2{font-size:23px}
.device-shell[data-device="mobile"] .insurance-flow{padding:2px 8px 10px}.device-shell[data-device="mobile"] .insurance-flow-shell{display:block;padding:0;border-radius:0}.device-shell[data-device="mobile"] .insurance-trigger{min-height:62px;padding:7px 9px}.device-shell[data-device="mobile"] .insurance-trigger-icon{width:42px;height:42px}.device-shell[data-device="mobile"] .insurance-stages{gap:7px;margin-top:8px}.device-shell[data-device="mobile"] .insurance-stages li:not(:last-child)::after{display:none}.device-shell[data-device="mobile"] .advanced-search-heading{height:auto;margin-bottom:7px}.device-shell[data-device="mobile"] .advanced-search-heading h2{font-size:21px}.device-shell[data-device="mobile"] .insurance-panel-footer{align-items:flex-end;flex-direction:row}

/* v262 — canonical MAUTO wordmark. The circular M mark is used wherever a
   logo is present; text-only signatures follow the graphite/white rule. */
.mauto-wordmark,.mauto-wordmark i,.mauto-wordmark b{font-family:"Arial Black","Avenir Next","Helvetica Neue",Arial,sans-serif;font-style:normal;font-weight:800;line-height:.86;letter-spacing:.015em;text-transform:uppercase}
.mauto-wordmark{display:inline-flex;align-items:baseline;margin:0;color:#303238;white-space:nowrap}
.mauto-wordmark i,.mauto-wordmark b{color:#303238}
.mauto-wordmark.is-on-dark,.mauto-wordmark.is-on-dark i,.mauto-wordmark.is-on-dark b{color:#fff}
.preview-heading strong .mauto-wordmark{display:inline-flex;margin:0;color:#303238;font-size:inherit}

/* v263 — one physically coherent depth system.
   Large surfaces use ambient occlusion and a soft contact shadow instead of
   the decorative blue "shelf" that previously read as a second card. */
:root{
  --depth-surface-rest:0 22px 44px -36px rgba(14,45,76,.44),0 7px 17px -15px rgba(48,91,132,.18),inset 0 1px rgba(255,255,255,.96);
  --depth-surface-hover:0 30px 58px -38px rgba(12,48,82,.50),0 12px 25px -20px rgba(44,91,136,.22),inset 0 1px rgba(255,255,255,.98);
  --depth-surface-compact:0 16px 32px -28px rgba(15,49,82,.38),0 5px 13px -13px rgba(47,91,133,.14),inset 0 1px rgba(255,255,255,.95);
  --depth-surface-green:0 17px 34px -29px rgba(19,91,62,.34),0 5px 13px -13px rgba(44,122,83,.13),inset 0 1px rgba(255,255,255,.96);
}
.cards a{
  border-bottom-color:rgba(105,158,208,.42);
  box-shadow:var(--depth-surface-rest);
}
.cards a:hover{
  border-color:rgba(80,150,214,.68);
  box-shadow:var(--depth-surface-hover);
  transform:translate3d(0,-4px,16px) rotateX(.7deg);
}
.advanced-search-form,.finance-calculator,.qa-compact-window{
  border-bottom-color:rgba(102,155,206,.34);
  box-shadow:var(--depth-surface-rest);
}
.insurance-trigger{
  box-shadow:var(--depth-surface-green);
}
.insurance-trigger:hover,.insurance-trigger:focus-visible{
  box-shadow:0 23px 42px -31px rgba(17,105,68,.40),0 8px 18px -16px rgba(43,137,90,.18),0 0 0 3px rgba(61,188,123,.06),inset 0 1px #fff;
}
.insurance-stages li,.insurance-modal-stages article,.interface-points article,.phone-primary-card,.phone-cards article{
  box-shadow:var(--mauto-ds-action-depth);
}
.insurance-trigger-icon,.insurance-panel-shield{
  box-shadow:0 13px 26px -21px rgba(18,111,68,.46),inset 0 1px rgba(255,255,255,.98);
}
.qa-compact-client-bubble{
  box-shadow:0 18px 36px -30px rgba(25,65,105,.42),0 5px 13px -13px rgba(47,91,133,.12),inset 0 1px rgba(255,255,255,.92);
}
.qa-compact-mauto-bubble{
  box-shadow:0 22px 43px -31px rgba(11,69,137,.58),0 7px 17px -15px rgba(31,103,176,.22),inset 0 1px rgba(255,255,255,.24);
}
.hero-capability-card{
  box-shadow:0 28px 58px -43px rgba(11,39,68,.48),0 9px 20px -19px rgba(37,92,144,.20),inset 0 1px rgba(255,255,255,.97),inset 0 0 0 1px rgba(122,175,220,.06);
}
.device-shell[data-device="mobile"] .cards a{
  box-shadow:0 18px 34px -29px rgba(16,49,81,.40),0 5px 12px -12px rgba(47,91,133,.14),inset 0 1px rgba(255,255,255,.96);
}
@media (prefers-reduced-motion:reduce){
  .cards a{transition-duration:1ms!important}
}

/* v284 frozen desktop copy system — complete 01/09 capability content while
   preserving the approved card geometry, media, colour and motion language. */
.device-shell[data-device="desktop"] .hero-capability-card>div{
  justify-content:flex-start;
  padding:19px 12px 17px 24px;
}
.device-shell[data-device="desktop"] .hero-capability-card>div>span{
  color:#3978b3;
  font-size:9px;
  line-height:1.1;
  letter-spacing:.105em;
}
.device-shell[data-device="desktop"] .hero-capability-card>div>strong{
  margin-top:10px;
  font-size:19px;
  line-height:1.08;
  letter-spacing:-.03em;
}
.device-shell[data-device="desktop"] .hero-capability-card>div>p{
  max-width:338px;
  margin-top:8px;
  font-size:10.25px;
  line-height:1.34;
  -webkit-line-clamp:5;
}
.device-shell[data-device="desktop"] .hero-card-features{
  display:block;
  margin-top:8px;
  color:#4f7090;
  font-size:8.75px;
  font-weight:690;
  line-height:1.2;
  letter-spacing:.005em;
  white-space:nowrap;
}
.device-shell[data-device="desktop"] .hero-card-action{
  display:inline-flex;
  min-height:26px;
  align-items:center;
  align-self:flex-start;
  margin-top:8px;
  padding:0 11px;
  border:1px solid rgba(100,160,216,.3);
  border-radius:9px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(219,237,253,.9));
  color:var(--mauto-ds-color-primary,#3c78da);
  font-size:8.75px;
  font-weight:790;
  line-height:1;
  box-shadow:0 9px 17px -15px rgba(24,91,150,.5),inset 0 1px #fff;
}
.ecosystem h2>.mauto-wordmark,.advanced-search-heading h2>.mauto-wordmark,.qa-compact-heading h2>.mauto-wordmark{color:#303238}
.ecosystem h2>.mauto-wordmark i,.ecosystem h2>.mauto-wordmark b,.advanced-search-heading h2>.mauto-wordmark i,.advanced-search-heading h2>.mauto-wordmark b,.qa-compact-heading h2>.mauto-wordmark i,.qa-compact-heading h2>.mauto-wordmark b{color:#303238}
.interface-kicker .mauto-wordmark,.interface-kicker .mauto-wordmark i,.interface-kicker .mauto-wordmark b{color:#303238;font-size:1em}

/* v285 — concise desktop capability cards: less empty height, semantic line
   wrapping and a restrained translucent Mauto-blue glass surface. */
.device-shell[data-device="desktop"] .hero-capability-deck{
  height:218px;
}
.device-shell[data-device="desktop"] .hero-capability-card{
  grid-template-columns:minmax(0,1fr) 228px;
  border-color:rgba(154,198,235,.62);
  background:linear-gradient(122deg,rgba(242,249,255,.88),rgba(218,237,253,.76));
  backdrop-filter:blur(24px) saturate(112%);
  -webkit-backdrop-filter:blur(24px) saturate(112%);
}
.device-shell[data-device="desktop"] .hero-capability-card>div{
  justify-content:center;
  padding:15px 12px 14px 24px;
}
.device-shell[data-device="desktop"] .hero-capability-card>div>span{
  font-size:9.5px;
  line-height:1.15;
  letter-spacing:.125em;
  text-wrap:balance;
}
.device-shell[data-device="desktop"] .hero-capability-card>div>strong{
  margin-top:7px;
  font-size:19px;
  line-height:1.09;
  text-wrap:balance;
}
.device-shell[data-device="desktop"] .hero-capability-card>div>p{
  max-width:344px;
  margin-top:6px;
  font-size:10.4px;
  line-height:1.36;
  text-wrap:pretty;
  hyphens:none;
  overflow-wrap:normal;
  word-break:normal;
  -webkit-line-clamp:4;
}
.device-shell[data-device="desktop"] .hero-card-features{
  margin-top:6px;
  line-height:1.18;
  text-wrap:balance;
}
.device-shell[data-device="desktop"] .hero-card-action{
  margin-top:6px;
}
.device-shell[data-device="desktop"] .hero-capability-card>figure{
  padding:7px 8px;
}
.device-shell[data-device="desktop"] .hero-capability-card>figure img{
  max-width:204px;
  max-height:204px;
}

/* v264 — the term already lives in the slider label, so the payment summary
   keeps only one information layer and uses a tighter vertical rhythm. */
.finance-result{
  min-height:0;
  padding-top:6px;
  padding-bottom:6px;
}
.finance-result-main{
  align-content:center;
  gap:1px;
}
.finance-result-main>span{
  line-height:1.1;
}
.device-shell[data-device="mobile"] .finance-result{
  padding:10px 11px;
}

/* v265 — the second title line begins exactly below the «о» in «Авто».
   A restrained optical shadow protects it from the bright workshop without
   introducing another glass panel. */
.reference-copy h1{
  --eco-line-indent:1.638em;
}
.eco-line{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:baseline;
  margin-left:var(--eco-line-indent);
  white-space:nowrap;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.98)) drop-shadow(0 6px 12px rgba(10,40,68,.14));
}
.system-title{
  color:#102b45;
}

/* v266 — the requested stagger is preserved on every device.  The second
   line is optically lifted above the busy workshop without adding a panel. */
.eco-line{
  text-shadow:
    0 1px 0 rgba(255,255,255,1),
    0 0 9px rgba(255,255,255,.98),
    0 5px 16px rgba(8,39,68,.16);
}

/* v267 — Insurance remains unmistakably Mauto: the product surface is blue,
   while green is reserved for protection, confirmation and safety states. */
.insurance-trigger{
  border-color:rgba(80,148,215,.30);
  background:
    radial-gradient(circle at 10% 10%,rgba(255,255,255,.98),transparent 44%),
    linear-gradient(145deg,rgba(250,253,255,.98),rgba(225,241,255,.94));
  box-shadow:0 18px 34px -28px rgba(20,79,137,.48),inset 0 1px #fff;
}
.insurance-trigger:hover,.insurance-trigger:focus-visible{
  border-color:rgba(45,129,224,.50);
  box-shadow:0 22px 39px -28px rgba(18,91,168,.53),0 0 0 3px rgba(53,139,234,.07),inset 0 1px #fff;
}
.insurance-backdrop{
  background:rgba(8,25,43,.47);
  backdrop-filter:blur(18px) saturate(.94);
}
.insurance-panel{
  border-color:rgba(112,169,225,.62);
  background:
    radial-gradient(circle at 96% 0,rgba(149,205,255,.27),transparent 36%),
    linear-gradient(145deg,rgba(255,255,255,.99),rgba(231,244,255,.97) 69%,rgba(248,252,255,.99));
  box-shadow:0 48px 100px rgba(2,19,38,.30),0 15px 35px rgba(12,49,83,.16),inset 0 1px #fff;
}
.insurance-panel-header{border-bottom-color:rgba(73,139,202,.17)}
.insurance-panel-header p{color:#607991}
.insurance-close{
  border-color:rgba(83,148,210,.23);
  background:linear-gradient(145deg,#fff,#e4f1fd);
}
.insurance-modal-stages article{
  border-color:rgba(104,160,214,.25);
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(233,245,255,.91));
  box-shadow:0 14px 27px -23px rgba(22,70,115,.50),inset 0 1px #fff;
}
.insurance-modal-stages article>span{
  display:grid;
  width:30px;
  height:23px;
  place-items:center;
  border:1px solid rgba(54,174,108,.24);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(248,255,251,.98),rgba(219,247,231,.94));
  color:#24975b;
  box-shadow:inset 0 1px #fff;
}
.insurance-modal-stages p{color:#607991}

/* The supplied raster is the master wordmark. Multiply removes its white
   field on light surfaces. On dark surfaces the source is inverted first:
   its white field becomes black (neutral for screen blending), while the
   exact MAUTO letterforms become white without a rectangular backing. */
.mauto-wordmark{
  position:relative;
  display:inline-block!important;
  width:3.48em;
  height:.70em;
  flex:0 0 auto;
  margin:0;
  overflow:hidden;
  background:url("../approved-v365/brand/mauto-wordmark-original-v267.png") center/contain no-repeat;
  color:transparent!important;
  font-size:1em!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  vertical-align:-.055em;
  mix-blend-mode:multiply;
}
.mauto-wordmark>i,.mauto-wordmark>b{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  border:0!important;
  white-space:nowrap!important;
}
.mauto-wordmark.is-on-dark{
  filter:grayscale(1) invert(1) brightness(2.35) contrast(1.08);
  mix-blend-mode:screen;
}
.mauto-site-footer-brand>a strong.mauto-wordmark{font-size:24px!important}
.mauto-site-footer-contact .mauto-wordmark{font-size:14px!important}
.mauto-site-footer-bottom .mauto-wordmark{font-size:12px!important}

/* v268 — fixed dialogue anchors. Avatars never travel through the scene:
   typing and message reveal originate from their final positions. */
.qa-compact-window{
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:104px 122px;
  align-content:center;
  justify-content:stretch;
  gap:12px;
}
.qa-compact-message{
  width:100%;
  height:100%;
  align-items:flex-end;
  gap:10px;
  transform:none;
}
.qa-compact-client{
  justify-content:flex-start;
}
.qa-compact-mauto{
  justify-content:flex-end;
}
.qa-compact-message.is-waiting{
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}
.qa-compact-message.is-typing{
  align-items:flex-end;
}
.qa-compact-message.is-typing .qa-compact-avatar{
  visibility:visible;
  opacity:1;
  transform:none;
}
.qa-compact-message.is-typing .qa-compact-bubble{
  display:none;
}
.qa-compact-message .qa-typing{
  flex:0 0 auto;
  width:auto;
  height:28px;
  gap:6px;
  padding:0 2px;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  margin-bottom:8px;
}
.qa-compact-message .qa-typing i{
  width:6px;
  height:6px;
  background:#7896b5;
  box-shadow:0 0 9px rgba(78,141,208,.18);
}
.qa-compact-message .qa-typing-light i{
  background:#2b82de;
  box-shadow:0 0 9px rgba(43,130,222,.24);
}
.qa-compact-client .qa-compact-bubble{
  transform-origin:left bottom;
  animation:qaClientBubbleOpen .52s cubic-bezier(.16,1,.3,1) both!important;
}
.qa-compact-mauto .qa-compact-bubble{
  transform-origin:right bottom;
  animation:qaMautoBubbleOpen .52s cubic-bezier(.16,1,.3,1) both!important;
}
.qa-compact-client.is-leaving,.qa-compact-mauto.is-leaving{
  transform:none;
}
@keyframes qaClientBubbleOpen{
  from{opacity:0;clip-path:inset(0 100% 0 0 round 20px);filter:blur(4px);transform:translateX(-8px) scale(.992)}
  to{opacity:1;clip-path:inset(0 0 0 0 round 20px);filter:none;transform:none}
}
@keyframes qaMautoBubbleOpen{
  from{opacity:0;clip-path:inset(0 0 0 100% round 20px);filter:blur(4px);transform:translateX(8px) scale(.992)}
  to{opacity:1;clip-path:inset(0 0 0 0 round 20px);filter:none;transform:none}
}
.device-shell[data-device="tablet"] .qa-compact-window{
  grid-template-rows:112px 132px;
}
.device-shell[data-device="mobile"] .qa-compact-window{
  grid-template-rows:170px 190px;
  gap:18px;
}
@media (prefers-reduced-motion:reduce){
  .qa-compact-client .qa-compact-bubble,.qa-compact-mauto .qa-compact-bubble{animation-duration:1ms!important}
}

/* v270 — seamless brand rail. The track creates enough identical sets to
   cover wide screens through the full loop. Compact emblem-only marks use
   half of the standard inter-item spacing; wordmarks keep the established
   rhythm, including across the animation seam. */
.brand-set{
  gap:0;
  padding-inline:0;
}
.brand-set>*{
  margin-inline:14px;
}
.brand-set>.brand-icon{
  margin-inline:7px;
}
.device-shell[data-device="mobile"] .brand-set{
  gap:0;
  padding-inline:0;
}
.device-shell[data-device="mobile"] .brand-set>*{
  margin-inline:8.5px;
}
.device-shell[data-device="mobile"] .brand-set>.brand-icon{
  margin-inline:4.25px;
}

/* v271 — the advanced-search title belongs to the search surface. It now
   follows the card inset and uses the canonical MAUTO wordmark. Search modes
   remain tactile independent controls without a redundant shared tray. */
.advanced-search-form>.advanced-search-heading,
.device-shell[data-device="desktop"] .advanced-search-form>.advanced-search-heading{
  position:relative;
  z-index:2;
  display:flex;
  width:auto;
  height:auto;
  flex:0 0 auto;
  align-items:center;
  margin:0 0 16px 18px;
}
.advanced-search-form>.advanced-search-heading h2{
  display:flex;
  align-items:baseline;
  gap:.28em;
  margin:0;
  color:#102942;
  font-size:23px;
  font-weight:620;
  line-height:1;
  letter-spacing:-.035em;
}
.advanced-search-form>.advanced-search-heading .mauto-wordmark{
  font-size:.94em!important;
}
.advanced-search-mode,
.device-shell[data-device="desktop"] .advanced-search-mode{
  gap:8px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.advanced-search-mode button{
  border:1px solid rgba(112,155,202,.2);
}
.device-shell[data-device="tablet"] .advanced-search-form>.advanced-search-heading{
  width:auto;
  height:auto;
  margin:0 0 14px 12px;
}
.device-shell[data-device="tablet"] .advanced-search-form>.advanced-search-heading h2{
  font-size:21px;
}
.device-shell[data-device="tablet"] .advanced-search-mode{
  gap:7px;
  padding:0;
  background:transparent;
  box-shadow:none;
}
.device-shell[data-device="mobile"] .advanced-search-form>.advanced-search-heading{
  width:auto;
  height:auto;
  margin:0 0 12px 4px;
}
.device-shell[data-device="mobile"] .advanced-search-form>.advanced-search-heading h2{
  font-size:18px;
}
.device-shell[data-device="mobile"] .advanced-search-mode{
  gap:7px;
  padding:0;
  background:transparent;
  box-shadow:none;
}

/* v272 — compact content-led dialogue and a shared baseline with finance. */
.qa-compact-heading h2{
  display:flex;
  align-items:baseline;
  gap:.34em;
  font-size:20px;
  font-weight:620;
  letter-spacing:-.032em;
}
.qa-compact-heading h2>.mauto-wordmark{
  font-size:1.5em!important;
}
.qa-compact-window{
  height:269px;
  grid-template-rows:auto auto;
  align-content:center;
  gap:12px;
  padding:16px 20px;
}
.qa-compact-message,
.qa-compact-message:not(.is-typing){
  height:auto;
  min-height:0;
}
.qa-compact-client .qa-compact-bubble,
.qa-compact-mauto .qa-compact-bubble{
  width:fit-content;
  max-width:min(510px,calc(100% - 54px));
  height:auto;
  min-height:0;
  padding:11px 15px;
}
.qa-compact-client .qa-compact-bubble{
  min-width:min(310px,calc(100% - 54px));
}
.qa-compact-mauto .qa-compact-bubble{
  width:min(510px,calc(100% - 54px));
}
.qa-compact-meta{
  margin-bottom:7px;
}
.finance-preview-heading>div{
  display:flex;
  width:100%;
  align-items:baseline;
  gap:14px;
}
.finance-preview-heading>div>span{
  order:2;
  margin:0;
  padding:0;
  font-size:8px;
  white-space:nowrap;
}
.finance-preview-heading h2{
  order:1;
}
.device-shell[data-device="tablet"] .qa-compact-heading h2{
  font-size:19px;
}
.device-shell[data-device="tablet"] .qa-compact-window{
  height:280px;
  grid-template-rows:auto auto;
  gap:13px;
}
.device-shell[data-device="mobile"] .qa-compact-heading h2{
  font-size:18px;
}
.device-shell[data-device="mobile"] .qa-compact-heading h2>.mauto-wordmark{
  font-size:1.42em!important;
}
.device-shell[data-device="mobile"] .qa-compact-window{
  height:330px;
  grid-template-rows:auto auto;
  gap:18px;
  padding:16px 12px;
}
.device-shell[data-device="mobile"] .qa-compact-client .qa-compact-bubble,
.device-shell[data-device="mobile"] .qa-compact-mauto .qa-compact-bubble{
  width:calc(100% - 48px);
  max-width:calc(100% - 48px);
  min-width:0;
  height:auto;
  min-height:0;
  padding:12px 13px;
}
.device-shell[data-device="mobile"] .finance-preview-heading>div{
  gap:9px;
}
.device-shell[data-device="mobile"] .finance-preview-heading>div>span{
  font-size:6.5px;
  letter-spacing:.1em;
}

/* v273 — one heading hierarchy across ecosystem, search, dialogue and finance. */
.ecosystem header{
  box-sizing:border-box;
  padding-left:16px;
}
.ecosystem h2{
  font-size:21px;
  font-weight:620;
  letter-spacing:-.032em;
}
.ecosystem h2>.mauto-wordmark{
  margin-left:.28em;
  font-size:1.45em!important;
}
.ecosystem-eco-e{
  color:var(--mauto-ds-color-primary,#3c78da)!important;
}
.ecosystem-eco-c,.ecosystem-eco-o{
  color:#239b5c!important;
}
.advanced-search-form>.advanced-search-heading h2{
  font-size:20px;
}
.advanced-search-form>.advanced-search-heading .mauto-wordmark{
  font-size:1.5em!important;
}
.qa-compact-heading{
  box-sizing:border-box;
  padding-left:18px;
}
.tools-secondary-row .finance-preview-heading h2{
  font-size:20px;
  font-weight:620;
  letter-spacing:-.032em;
}
.device-shell[data-device="tablet"] .ecosystem h2,
.device-shell[data-device="tablet"] .advanced-search-form>.advanced-search-heading h2,
.device-shell[data-device="tablet"] .qa-compact-heading h2,
.device-shell[data-device="tablet"] .tools-secondary-row .finance-preview-heading h2{
  font-size:19px;
}
.device-shell[data-device="mobile"] .ecosystem header{
  padding-left:6px;
}
.device-shell[data-device="mobile"] .ecosystem h2,
.device-shell[data-device="mobile"] .advanced-search-form>.advanced-search-heading h2,
.device-shell[data-device="mobile"] .qa-compact-heading h2,
.device-shell[data-device="mobile"] .tools-secondary-row .finance-preview-heading h2{
  font-size:18px;
}
.device-shell[data-device="mobile"] .ecosystem h2>.mauto-wordmark,
.device-shell[data-device="mobile"] .advanced-search-form>.advanced-search-heading .mauto-wordmark{
  font-size:1.42em!important;
}
.device-shell[data-device="mobile"] .qa-compact-heading{
  padding-left:6px;
}

/* v274 — reduce repeated branding and rebalance the remaining wordmarks. */
.ecosystem h2>.mauto-wordmark{
  margin-left:.1em;
}
.insurance-trigger #insurance-flow-title>.mauto-wordmark{
  font-size:1.22em!important;
}
#insurance-modal-title>.mauto-wordmark{
  font-size:1.16em!important;
}

/* v275 — calculator title follows the same inset as the dialogue title. */
.tools-secondary-row .finance-preview-heading{
  box-sizing:border-box;
  padding-left:18px;
}
.device-shell[data-device="mobile"] .tools-secondary-row .finance-preview-heading{
  padding-left:6px;
}

/* v276 — fixed dialogue lanes. Revealing the MAUTO answer never recentres
   or moves the already visible client question and avatar. */
.qa-compact-window{
  grid-template-rows:88px 125px;
  align-content:center;
  gap:12px;
}
.qa-compact-message,
.qa-compact-message:not(.is-typing){
  height:100%;
  min-height:0;
  align-self:stretch;
  align-items:flex-end;
}
.qa-compact-client,
.qa-compact-mauto{
  align-self:stretch;
}
.device-shell[data-device="tablet"] .qa-compact-window{
  grid-template-rows:94px 128px;
  gap:13px;
}
.device-shell[data-device="mobile"] .qa-compact-window{
  grid-template-rows:110px 152px;
  gap:18px;
}

/* v277 — the hero wordmark and the MAUTO emblem form one restrained lockup.
   The mark spans both headline lines without introducing a white raster canvas. */
.reference-copy{
  width:clamp(510px,43vw,660px);
}
.hero-title-lockup{
  display:grid;
  width:max-content;
  max-width:100%;
  grid-template-columns:max-content auto;
  align-items:center;
  gap:clamp(12px,1.25vw,19px);
}
.hero-title-mark{
  position:relative;
  display:grid;
  width:clamp(78px,6.3vw,96px);
  aspect-ratio:1;
  flex:0 0 auto;
  place-items:center;
  border:1px solid rgba(105,163,220,.25);
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 27%,rgba(255,255,255,.98),rgba(232,243,255,.80) 46%,rgba(196,222,248,.54) 73%,rgba(171,207,241,.28));
  box-shadow:
    0 18px 36px -28px rgba(18,76,134,.62),
    0 5px 14px -10px rgba(42,121,197,.34),
    inset 0 1px rgba(255,255,255,.98),
    inset 0 0 0 5px rgba(255,255,255,.22);
  isolation:isolate;
}
.hero-title-mark::before{
  position:absolute;
  inset:7%;
  z-index:-1;
  border:1px solid rgba(86,151,216,.14);
  border-radius:50%;
  background:linear-gradient(145deg,rgba(255,255,255,.52),rgba(190,219,248,.13));
  content:"";
}
.hero-title-mark img{
  display:block;
  width:91%;
  height:91%;
  object-fit:contain;
  filter:saturate(.96) contrast(1.035) drop-shadow(0 5px 6px rgba(21,74,128,.13));
  transform:translateZ(0);
}
.device-shell[data-device="tablet"] .reference-copy{
  width:548px;
}
.device-shell[data-device="tablet"] .hero-title-lockup{
  gap:12px;
}
.device-shell[data-device="tablet"] .hero-title-mark{
  width:78px;
}
.device-shell[data-device="mobile"] .reference-copy{
  width:362px;
}
.device-shell[data-device="mobile"] .hero-title-lockup{
  gap:7px;
}
.device-shell[data-device="mobile"] .hero-title-mark{
  width:55px;
  box-shadow:0 12px 25px -21px rgba(18,76,134,.58),inset 0 1px rgba(255,255,255,.98),inset 0 0 0 3px rgba(255,255,255,.2);
}
.device-shell[data-device="mobile"] .hero-title-mark::before{
  inset:6%;
}

/* v278 — two-layer hero emblem: the original blue medallion plus one
   dissolving atmospheric ring. The oversized third perimeter is removed. */
.hero-title-mark,
.device-shell[data-device="mobile"] .hero-title-mark{
  border:0;
  background:transparent;
  box-shadow:none;
}
.hero-title-mark::before,
.device-shell[data-device="mobile"] .hero-title-mark::before{
  inset:2%;
  border:1px solid rgba(92,158,221,.24);
  background:radial-gradient(circle,rgba(225,241,255,.18) 0 54%,rgba(175,214,248,.12) 66%,rgba(160,205,244,.045) 78%,transparent 100%);
  box-shadow:0 15px 30px -25px rgba(24,93,157,.48),inset 0 1px rgba(255,255,255,.58);
}

/* v279 — concise footer guidance set in the same quiet typographic register
   as the dialogue copy. It stays on one line where space permits. */
.mauto-site-footer-brand p{
  width:max-content;
  max-width:100%;
  margin:20px 0 12px;
  color:rgba(232,243,255,.84);
  font-size:12px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:-.008em;
  white-space:nowrap;
}
.device-shell[data-device="tablet"] .mauto-site-footer-brand p{
  font-size:11px;
}
.device-shell[data-device="mobile"] .mauto-site-footer-brand p{
  width:auto;
  margin:17px 0 10px;
  font-size:10.5px;
  line-height:1.45;
  white-space:normal;
  text-wrap:balance;
}

/* v280 — footer adopts the approved two-circle Mauto emblem and Eco lockup. */
.mauto-footer-mark{
  position:relative;
  display:grid;
  width:58px;
  height:58px;
  flex:0 0 58px;
  place-items:center;
  isolation:isolate;
}
.mauto-footer-mark::before{
  position:absolute;
  inset:0;
  z-index:-1;
  border:1px solid rgba(126,187,242,.32);
  border-radius:50%;
  background:radial-gradient(circle,rgba(206,232,255,.10) 0 57%,rgba(130,188,239,.07) 70%,transparent 100%);
  box-shadow:0 13px 28px -22px rgba(85,171,244,.72),inset 0 1px rgba(255,255,255,.18);
}
.mauto-site-footer-brand .mauto-footer-mark img{
  width:50px;
  height:50px;
  filter:saturate(.96) contrast(1.035) drop-shadow(0 7px 10px rgba(0,60,137,.26));
}
.footer-eco-word{
  display:inline-flex;
  font-style:normal;
  font-weight:600;
}
.footer-eco-word i{
  color:#63a9f7;
  font-style:normal;
}
.footer-eco-word b{
  color:#52ca87;
  font-weight:600;
}
.device-shell[data-device="mobile"] .mauto-footer-mark{
  width:52px;
  height:52px;
  flex-basis:52px;
}
.device-shell[data-device="mobile"] .mauto-site-footer-brand .mauto-footer-mark img{
  width:45px;
  height:45px;
}

/* v281 — keep the approved second circle visible on the dark footer.
   The previous negative stacking layer could disappear behind the link. */
.mauto-footer-mark{
  width:64px;
  height:64px;
  flex-basis:64px;
}
.mauto-footer-mark::before{
  inset:1px;
  z-index:0;
  border-color:rgba(125,190,246,.44);
  background:radial-gradient(circle,rgba(213,236,255,.15) 0 56%,rgba(123,190,247,.11) 69%,rgba(90,166,233,.035) 82%,transparent 100%);
  box-shadow:0 14px 30px -21px rgba(83,173,249,.78),inset 0 1px rgba(255,255,255,.24);
}
.mauto-site-footer-brand .mauto-footer-mark img{
  position:relative;
  z-index:1;
  width:58px;
  height:58px;
}
.device-shell[data-device="mobile"] .mauto-footer-mark{
  width:56px;
  height:56px;
  flex-basis:56px;
}
.device-shell[data-device="mobile"] .mauto-site-footer-brand .mauto-footer-mark img{
  width:51px;
  height:51px;
}

/* v282 — explicit two-circle footer emblem. The container is the visible
   outer contour; the raster medallion remains the independent inner circle. */
.mauto-footer-mark{
  width:78px;
  height:78px;
  flex-basis:78px;
  border:1px solid rgba(139,201,252,.58);
  border-radius:50%;
  background:radial-gradient(circle at 35% 28%,rgba(235,247,255,.22),rgba(151,205,248,.12) 55%,rgba(88,164,229,.055) 76%,transparent 100%);
  box-shadow:0 16px 34px -23px rgba(81,172,249,.82),inset 0 1px rgba(255,255,255,.32);
}
.mauto-footer-mark::before{
  content:none;
}
.mauto-site-footer-brand .mauto-footer-mark img{
  width:56px;
  height:56px;
}
.device-shell[data-device="mobile"] .mauto-footer-mark{
  width:66px;
  height:66px;
  flex-basis:66px;
}
.device-shell[data-device="mobile"] .mauto-site-footer-brand .mauto-footer-mark img{
  width:48px;
  height:48px;
}

/* v283 — tighter footer lockup: a closer second ring and reduced wordmark gap. */
.mauto-site-footer-brand>a{
  gap:7px;
}
.mauto-footer-mark{
  width:68px;
  height:68px;
  flex-basis:68px;
}
.device-shell[data-device="mobile"] .mauto-footer-mark{
  width:60px;
  height:60px;
  flex-basis:60px;
}

/* v284 — the hero emblem's second circle becomes quiet blue frosted glass. */
.hero-title-mark::before,
.device-shell[data-device="mobile"] .hero-title-mark::before{
  inset:2%;
  border:1px solid rgba(119,181,236,.46);
  background:
    radial-gradient(circle at 34% 26%,rgba(250,253,255,.62),rgba(218,238,255,.46) 45%,rgba(174,211,244,.34) 72%,rgba(150,198,239,.22));
  box-shadow:
    0 14px 30px -23px rgba(36,112,181,.52),
    inset 0 1px rgba(255,255,255,.82),
    inset 0 0 0 4px rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(10px) saturate(1.14);
  backdrop-filter:blur(10px) saturate(1.14);
}

/* v286 — compact, strictly informational desktop capability cards. */
.device-shell[data-device="desktop"] .hero-capability-deck{
  height:180px;
}
.device-shell[data-device="desktop"] .hero-capability-card>div{
  justify-content:center;
  padding:14px 12px 13px 24px;
}
.device-shell[data-device="desktop"] .hero-capability-card>div>strong{
  margin-top:7px;
  text-wrap:balance;
}
.device-shell[data-device="desktop"] .hero-capability-card>div>p{
  margin-top:6px;
  line-height:1.36;
  text-wrap:pretty;
  hyphens:none;
  overflow-wrap:normal;
  word-break:normal;
  -webkit-line-clamp:3;
}
.device-shell[data-device="desktop"] .hero-card-features{
  margin-top:9px;
}
.device-shell[data-device="desktop"] .hero-card-action{
  display:none!important;
}
.device-shell[data-device="desktop"] .hero-capability-card>figure img{
  max-width:168px;
  max-height:168px;
}

/* v287 — clearer informational hierarchy in all nine desktop hero cards. */
.device-shell[data-device="desktop"] .hero-capability-card>div{
  justify-content:flex-start;
  padding:10px 12px 10px 24px;
}
.device-shell[data-device="desktop"] .hero-capability-card>div>span{
  font-size:9.75px;
  line-height:1.1;
}
.device-shell[data-device="desktop"] .hero-capability-card>div>strong{
  margin-top:6px;
  font-size:17px;
  line-height:1.12;
}
.device-shell[data-device="desktop"] .hero-capability-card>div>p{
  margin-top:7px;
  font-size:12.25px;
  font-weight:560;
  line-height:1.34;
  -webkit-line-clamp:3;
}
.device-shell[data-device="desktop"] .hero-card-features{
  margin-top:8px;
  font-size:11.25px;
  font-weight:720;
  line-height:1.2;
}

/* v288 — frosted two-layer emblem and artifact-free information cards. */
.hero-title-mark,
.device-shell[data-device="mobile"] .hero-title-mark{
  isolation:isolate;
}
.hero-title-mark::before,
.device-shell[data-device="mobile"] .hero-title-mark::before{
  z-index:-2;
  border-color:rgba(119,181,236,.23);
  background:
    radial-gradient(circle at 34% 26%,rgba(250,253,255,.31),rgba(218,238,255,.23) 45%,rgba(174,211,244,.17) 72%,rgba(150,198,239,.11));
  box-shadow:
    0 14px 30px -23px rgba(36,112,181,.26),
    inset 0 1px rgba(255,255,255,.41),
    inset 0 0 0 4px rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(7px) saturate(1.08);
  backdrop-filter:blur(7px) saturate(1.08);
}
.hero-title-mark::after,
.device-shell[data-device="mobile"] .hero-title-mark::after{
  position:absolute;
  inset:7%;
  z-index:-1;
  border:1px solid rgba(119,181,236,.38);
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 26%,rgba(250,253,255,.64),rgba(218,238,255,.48) 45%,rgba(174,211,244,.35) 72%,rgba(150,198,239,.23));
  box-shadow:
    0 12px 27px -22px rgba(36,112,181,.46),
    inset 0 1px rgba(255,255,255,.84),
    inset 0 0 0 3px rgba(255,255,255,.11);
  -webkit-backdrop-filter:blur(10px) saturate(1.14);
  backdrop-filter:blur(10px) saturate(1.14);
  content:"";
}
.hero-title-mark img,
.device-shell[data-device="mobile"] .hero-title-mark img{
  position:relative;
  z-index:1;
  mix-blend-mode:multiply;
}
.device-shell[data-device="desktop"] .hero-capability-card>div{
  justify-content:flex-start;
  padding:14px 12px 12px 24px;
}
.device-shell[data-device="desktop"] .hero-capability-card>div>span{
  font-size:10.75px;
  line-height:1.12;
}
.device-shell[data-device="desktop"] .hero-capability-card>div>strong{
  display:none;
}
.device-shell[data-device="desktop"] .hero-capability-card>div>p{
  max-width:326px;
  margin-top:13px;
  font-size:14px;
  font-weight:600;
  line-height:1.38;
  text-wrap:pretty;
  -webkit-line-clamp:4;
}
.device-shell[data-device="desktop"] .hero-card-features{
  margin-top:13px;
  font-size:12.25px;
  font-weight:740;
  line-height:1.28;
  text-wrap:pretty;
}
.device-shell[data-device="desktop"] .hero-capability-card>figure img{
  mix-blend-mode:multiply;
  filter:contrast(1.035) saturate(1.025) drop-shadow(0 12px 11px rgba(18,47,73,.11));
}

/* v289 — stronger MAUTO signature and a centered safety callout. */
.insurance-trigger #insurance-flow-title{
  display:inline-flex;
  align-items:baseline;
  gap:.16em;
  line-height:1;
}
.insurance-trigger #insurance-flow-title>.mauto-wordmark{
  width:3.48em;
  height:.70em;
  font-size:1.42em!important;
  vertical-align:-.075em;
}
.insurance-trigger #insurance-flow-title>.insurance-gold{
  position:relative;
  top:-.118em;
  font-size:1em;
}
.insurance-modal-note{
  grid-template-columns:78px minmax(0,1fr);
  align-items:center;
}
.insurance-modal-note strong{
  display:grid;
  align-self:center;
  justify-self:stretch;
  min-height:34px;
  place-items:center;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:11px;
  background:linear-gradient(145deg,rgba(55,190,119,.94),rgba(24,145,84,.96));
  box-shadow:inset 0 1px rgba(255,255,255,.34),0 10px 18px -15px rgba(13,110,61,.72);
  color:#fff!important;
  font-size:10px;
  font-weight:780;
  line-height:1;
  text-align:center;
  text-transform:none;
}
@media (max-width:680px){
  .insurance-modal-note{grid-template-columns:72px minmax(0,1fr)!important}
  .insurance-trigger #insurance-flow-title>.mauto-wordmark{font-size:1.32em!important}
}

/* v291 — footer emblem now uses the exact approved frosted two-layer system
   from the hero lockup, scaled to the footer without changing its layout. */
.mauto-footer-mark,
.device-shell[data-device="mobile"] .mauto-footer-mark{
  position:relative;
  display:grid;
  border:0;
  border-radius:50%;
  background:transparent;
  box-shadow:none;
  place-items:center;
  isolation:isolate;
}
.mauto-footer-mark::before,
.device-shell[data-device="mobile"] .mauto-footer-mark::before{
  position:absolute;
  inset:2%;
  z-index:0;
  border:1px solid rgba(119,181,236,.23);
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 26%,rgba(250,253,255,.31),rgba(218,238,255,.23) 45%,rgba(174,211,244,.17) 72%,rgba(150,198,239,.11));
  box-shadow:
    0 14px 30px -23px rgba(36,112,181,.26),
    inset 0 1px rgba(255,255,255,.41),
    inset 0 0 0 4px rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(7px) saturate(1.08);
  backdrop-filter:blur(7px) saturate(1.08);
  content:"";
}
.mauto-footer-mark::after,
.device-shell[data-device="mobile"] .mauto-footer-mark::after{
  position:absolute;
  inset:7%;
  z-index:1;
  border:1px solid rgba(119,181,236,.38);
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 26%,rgba(250,253,255,.64),rgba(218,238,255,.48) 45%,rgba(174,211,244,.35) 72%,rgba(150,198,239,.23));
  box-shadow:
    0 12px 27px -22px rgba(36,112,181,.46),
    inset 0 1px rgba(255,255,255,.84),
    inset 0 0 0 3px rgba(255,255,255,.11);
  -webkit-backdrop-filter:blur(10px) saturate(1.14);
  backdrop-filter:blur(10px) saturate(1.14);
  content:"";
}
.mauto-site-footer-brand .mauto-footer-mark img,
.device-shell[data-device="mobile"] .mauto-site-footer-brand .mauto-footer-mark img{
  position:relative;
  z-index:2;
  width:91%;
  height:91%;
  object-fit:contain;
  filter:saturate(.96) contrast(1.035) drop-shadow(0 5px 6px rgba(21,74,128,.13));
}

/* v292 — iPad / large-tablet composition.
   The approved desktop hierarchy stays intact: 3×3 ecosystem tiles,
   horizontal Insurance route, side-by-side dialogue/calculator and the
   four-column footer. Only density and typography are reduced. */
.device-shell[data-device="tablet"] .device-surface{
  overflow-x:hidden;
}

.device-shell[data-device="tablet"] .hero{
  height:620px;
}
.device-shell[data-device="tablet"] .reference-copy{
  top:34px;
  left:18px;
  width:548px;
}
.device-shell[data-device="tablet"] .reference-copy h1{
  font-size:46px;
  line-height:.94;
}
.device-shell[data-device="tablet"] .hero-title-lockup{
  gap:10px;
}
.device-shell[data-device="tablet"] .hero-title-mark{
  width:74px;
}
.device-shell[data-device="tablet"] .hero-capability-deck{
  width:500px;
  height:184px;
  margin-top:12px;
}
.device-shell[data-device="tablet"] .hero-capability-card{
  grid-template-columns:minmax(0,1fr) 158px;
  border-radius:22px;
}
.device-shell[data-device="tablet"] .hero-capability-card>div{
  justify-content:flex-start;
  padding:13px 9px 11px 20px;
}
.device-shell[data-device="tablet"] .hero-capability-card>div>span{
  font-size:9px;
  line-height:1.1;
}
.device-shell[data-device="tablet"] .hero-capability-card>div>span::before{
  width:18px;
}
.device-shell[data-device="tablet"] .hero-capability-card>div>strong{
  display:none;
}
.device-shell[data-device="tablet"] .hero-capability-card>div>p{
  max-width:295px;
  margin-top:11px;
  color:#58738d;
  font-size:12px;
  font-weight:600;
  line-height:1.35;
  text-wrap:pretty;
  hyphens:none;
  overflow-wrap:normal;
  word-break:normal;
  -webkit-line-clamp:4;
}
.device-shell[data-device="tablet"] .hero-card-features{
  margin-top:10px;
  font-size:10.5px;
  font-weight:730;
  line-height:1.25;
  text-wrap:pretty;
}
.device-shell[data-device="tablet"] .hero-card-action{
  display:none!important;
}
.device-shell[data-device="tablet"] .hero-capability-card>figure img{
  width:158px;
  height:158px;
  max-width:158px;
  max-height:158px;
  mix-blend-mode:multiply;
}

.device-shell[data-device="tablet"] .ecosystem{
  min-height:0;
  padding:15px 14px 25px;
}
.device-shell[data-device="tablet"] .ecosystem header{
  width:100%;
  margin-bottom:11px;
}
.device-shell[data-device="tablet"] .ecosystem h2{
  font-size:22px;
  line-height:1.08;
}
.device-shell[data-device="tablet"] .cards{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px 9px;
  width:100%;
}
.device-shell[data-device="tablet"] .cards a{
  grid-template-columns:39% minmax(0,1fr);
  grid-template-rows:auto auto auto 1fr;
  min-height:194px;
  padding:12px 8px 11px 0;
  border-radius:19px;
  box-shadow:0 4px 0 -2px rgba(139,183,222,.28),0 18px 31px -27px rgba(20,54,89,.36),inset 0 1px rgba(255,255,255,.98);
}
.device-shell[data-device="tablet"] .cards a::after{
  top:9px;
  right:9px;
  width:20px;
  height:20px;
  font-size:9px;
}
.device-shell[data-device="tablet"] .cards img{
  grid-row:1/5;
  width:96%;
  height:132px;
  max-width:110px;
  filter:drop-shadow(0 12px 10px rgba(21,49,76,.12));
}
.device-shell[data-device="tablet"] .cards strong{
  margin:12px 22px 0 0;
  font-size:13.5px;
  line-height:1.06;
  letter-spacing:-.03em;
  text-wrap:balance;
}
.device-shell[data-device="tablet"] .cards small{
  min-height:25px;
  margin:5px 2px 0 0;
  font-size:7.6px;
  line-height:1.28;
  text-wrap:pretty;
}
.device-shell[data-device="tablet"] .cards .card-features{
  gap:3px;
  margin:7px 2px 0 0;
}
.device-shell[data-device="tablet"] .cards .card-features i{
  min-height:16px;
  padding:0 4px;
  font-size:5.8px;
}
.device-shell[data-device="tablet"] .cards b{
  min-height:25px;
  margin-top:7px;
  padding:0 8px;
  border-radius:8px;
  font-size:7px;
}
.device-shell[data-device="tablet"] .cards a:hover{
  transform:translate3d(0,-2px,10px) rotateX(.55deg);
}

.device-shell[data-device="tablet"] .insurance-flow{
  padding:4px 12px 10px;
}
.device-shell[data-device="tablet"] .insurance-flow-shell{
  grid-template-columns:minmax(214px,.68fr) minmax(0,1.65fr);
  gap:7px;
  width:100%;
  padding:0;
}
.device-shell[data-device="tablet"] .insurance-trigger{
  grid-template-columns:38px minmax(0,1fr);
  gap:7px;
  width:100%;
  min-height:54px;
  padding:6px 8px;
  border-radius:14px;
}
.device-shell[data-device="tablet"] .insurance-trigger-icon{
  width:38px;
  height:38px;
  border-radius:12px;
}
.device-shell[data-device="tablet"] .insurance-trigger-icon svg{
  width:24px;
  height:24px;
}
.device-shell[data-device="tablet"] .insurance-trigger #insurance-flow-title>.mauto-wordmark{
  font-size:1.18em!important;
}
.device-shell[data-device="tablet"] .insurance-trigger strong{
  font-size:13px;
}
.device-shell[data-device="tablet"] .insurance-trigger-action{
  font-size:6.8px;
}
.device-shell[data-device="tablet"] .insurance-stages{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px;
  margin:0;
}
.device-shell[data-device="tablet"] .insurance-stages li{
  grid-template-columns:28px minmax(0,1fr);
  gap:4px;
  min-height:50px;
  padding:5px 4px;
  border-radius:12px;
}
.device-shell[data-device="tablet"] .insurance-stages li:not(:last-child)::after{
  width:5px;
}
.device-shell[data-device="tablet"] .insurance-stages li>span{
  width:28px;
  height:28px;
  border-radius:9px;
  font-size:7.5px;
}
.device-shell[data-device="tablet"] .insurance-stages strong{
  font-size:7.2px;
  line-height:1.05;
}
.device-shell[data-device="tablet"] .insurance-stages small{
  font-size:5.2px;
  line-height:1.15;
}

.device-shell[data-device="tablet"] .tools-workspace{
  display:block;
  padding:9px 12px 22px;
}
.device-shell[data-device="tablet"] .advanced-search-preview{
  width:100%;
}
.device-shell[data-device="tablet"] .advanced-search-heading,
.device-shell[data-device="tablet"] .advanced-search-form>.advanced-search-heading{
  height:32px;
  margin-bottom:6px;
  padding-left:8px;
}
.device-shell[data-device="tablet"] .advanced-search-heading h2,
.device-shell[data-device="tablet"] .advanced-search-form>.advanced-search-heading h2{
  font-size:20px;
}
.device-shell[data-device="tablet"] .advanced-search-form{
  padding:11px 13px 12px;
  border-radius:18px;
}
.device-shell[data-device="tablet"] .advanced-search-vehicle{
  grid-template-columns:178px 178px 100px;
  gap:7px;
}
.device-shell[data-device="tablet"] .advanced-search-vehicle select{
  height:36px;
  font-size:10px;
}
.device-shell[data-device="tablet"] .advanced-search-vehicle label>span{
  font-size:8px;
}
.device-shell[data-device="tablet"] .advanced-search-mode{
  width:214px;
  margin-top:7px;
  padding:0;
  border:0;
  background:none;
  box-shadow:none;
}
.device-shell[data-device="tablet"] .advanced-search-mode button{
  min-height:30px;
  font-size:8.5px;
}
.device-shell[data-device="tablet"] .advanced-search-query-row{
  grid-template-columns:minmax(0,1fr) 154px;
  gap:7px;
  margin-top:7px;
}
.device-shell[data-device="tablet"] .advanced-search-input{
  height:40px;
}
.device-shell[data-device="tablet"] .advanced-search-input input{
  font-size:10px;
}
.device-shell[data-device="tablet"] .advanced-search-submit{
  min-height:40px;
  font-size:10px;
}
.device-shell[data-device="tablet"] .advanced-search-status:empty{
  display:none;
}

.device-shell[data-device="tablet"] .tools-secondary-row{
  display:grid;
  grid-template-columns:minmax(0,1.24fr) minmax(300px,.9fr);
  align-items:start;
  gap:10px;
  width:100%;
  margin-top:14px;
}
.device-shell[data-device="tablet"] .qa-compact,
.device-shell[data-device="tablet"] .finance-preview{
  width:auto;
  margin:0;
}
.device-shell[data-device="tablet"] .qa-compact-heading,
.device-shell[data-device="tablet"] .finance-preview-heading{
  height:32px;
  margin:0 0 6px;
  padding-left:8px;
}
.device-shell[data-device="tablet"] .qa-compact-heading h2,
.device-shell[data-device="tablet"] .tools-secondary-row .finance-preview-heading h2{
  font-size:19px;
}
.device-shell[data-device="tablet"] .finance-preview-heading>div{
  display:flex;
  align-items:baseline;
  gap:7px;
}
.device-shell[data-device="tablet"] .finance-preview-heading>div>span{
  order:2;
  margin:0;
  font-size:5.8px;
}
.device-shell[data-device="tablet"] .qa-compact-window{
  grid-template-rows:82px 100px;
  align-content:center;
  height:250px;
  gap:9px;
  padding:12px 13px;
  border-radius:18px;
}
.device-shell[data-device="tablet"] .qa-compact-message{
  gap:6px;
}
.device-shell[data-device="tablet"] .qa-compact-avatar{
  width:34px;
  height:34px;
  flex-basis:34px;
  border-radius:11px;
}
.device-shell[data-device="tablet"] .qa-compact-mauto-avatar{
  border-radius:50%;
}
.device-shell[data-device="tablet"] .qa-compact-bubble{
  width:calc(100% - 40px);
  padding:9px 11px;
  border-radius:15px;
}
.device-shell[data-device="tablet"] .qa-compact-client-bubble{
  border-bottom-left-radius:5px;
}
.device-shell[data-device="tablet"] .qa-compact-mauto-bubble{
  border-bottom-right-radius:5px;
}
.device-shell[data-device="tablet"] .qa-compact-meta{
  margin-bottom:6px;
}
.device-shell[data-device="tablet"] .qa-compact-meta strong{
  font-size:8.5px;
}
.device-shell[data-device="tablet"] .qa-compact-meta span{
  font-size:5.5px;
}
.device-shell[data-device="tablet"] .qa-compact-bubble p,
.device-shell[data-device="tablet"] .qa-compact-mauto-bubble p{
  font-size:8px;
  line-height:1.38;
}

.device-shell[data-device="tablet"] .tools-secondary-row .finance-calculator{
  height:250px!important;
  padding:11px;
  border-radius:18px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-tabs,
.device-shell[data-device="tablet"] .tools-secondary-row .finance-category{
  grid-template-columns:repeat(2,78px);
  gap:5px;
  width:auto;
  height:31px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-tabs button,
.device-shell[data-device="tablet"] .tools-secondary-row .finance-category button{
  width:78px;
  height:29px;
  min-height:29px;
  padding:0 5px;
  border-radius:9px;
  font-size:7.6px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-fields{
  gap:5px;
  margin-top:7px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-field>span:first-child,
.device-shell[data-device="tablet"] .tools-secondary-row .finance-term>div>span{
  font-size:6.5px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-input-shell{
  height:32px;
  padding:0 7px;
  border-radius:9px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-input-shell input{
  font-size:10.5px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-term{
  padding:5px 7px 3px;
  border-radius:10px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-term strong{
  font-size:7.5px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-term input[type="range"]{
  height:12px;
  margin-top:3px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-result{
  grid-template-columns:minmax(82px,.7fr) minmax(0,2fr);
  gap:5px;
  margin-top:6px;
  padding:7px 8px;
  border-radius:11px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-result-main>span{
  font-size:6.5px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-result-main strong{
  font-size:20px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-result dl>div{
  padding:1px 4px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-result dt{
  font-size:5.2px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-result dd{
  margin-top:2px;
  font-size:7.4px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-action{
  width:68%;
  min-height:32px;
  margin-top:6px;
  border-radius:10px;
  font-size:8px;
}
.device-shell[data-device="tablet"] .finance-disclaimer{
  display:none;
}

.device-shell[data-device="tablet"] .interface-showcase{
  display:none!important;
}
.device-shell[data-device="tablet"] .mauto-site-footer{
  border-radius:0 0 24px 24px;
}
.device-shell[data-device="tablet"] .mauto-site-footer-main{
  grid-template-columns:1.25fr .72fr .72fr 1fr;
  gap:14px;
  min-height:0;
  padding:20px 18px 16px;
}
.device-shell[data-device="tablet"] .mauto-site-footer-brand,
.device-shell[data-device="tablet"] .mauto-site-footer-contact{
  grid-column:auto;
}
.device-shell[data-device="tablet"] .mauto-site-footer-brand>a{
  gap:5px;
}
.device-shell[data-device="tablet"] .mauto-footer-mark{
  width:48px;
  height:48px;
  flex-basis:48px;
}
.device-shell[data-device="tablet"] .mauto-site-footer-brand .mauto-footer-mark img{
  width:43px;
  height:43px;
}
.device-shell[data-device="tablet"] .mauto-site-footer-brand>a strong.mauto-wordmark{
  font-size:15px!important;
}
.device-shell[data-device="tablet"] .mauto-site-footer-brand p{
  margin:11px 0 7px;
  font-size:8.5px;
}
.device-shell[data-device="tablet"] .mauto-site-footer-brand small{
  font-size:6px;
}
.device-shell[data-device="tablet"] .mauto-site-footer nav>strong,
.device-shell[data-device="tablet"] .mauto-site-footer-contact>strong{
  margin:2px 0 9px;
  font-size:6px;
}
.device-shell[data-device="tablet"] .mauto-site-footer nav>a,
.device-shell[data-device="tablet"] .mauto-site-footer-contact>span,
.device-shell[data-device="tablet"] .mauto-site-footer-contact>a{
  margin-bottom:6px;
  font-size:7.2px;
  line-height:1.3;
}
.device-shell[data-device="tablet"] .mauto-site-footer-contact>a{
  min-height:29px;
  margin-top:1px;
  padding:0 8px;
  border-radius:9px;
}
.device-shell[data-device="tablet"] .mauto-site-footer-bottom{
  grid-template-columns:auto 1fr auto;
  gap:10px;
  min-height:34px;
  padding:0 18px;
  font-size:5.8px;
}

/* v293 — first tablet polish pass.
   Keep the approved desktop composition, but align the tablet hero to the
   same visual grid, restore image/mask registration and raise reading size. */
.device-shell[data-device="tablet"] .hero-visual,
.device-shell[data-device="tablet"] .scene-layer,
.device-shell[data-device="tablet"] .matrix img,
.device-shell[data-device="tablet"] .scene-layer.internals img{
  object-position:50% 50%!important;
}
.device-shell[data-device="tablet"] .reference-copy{
  left:26px;
  width:556px;
}
.device-shell[data-device="tablet"] .hero-title-lockup{
  gap:14px;
}
.device-shell[data-device="tablet"] .hero-capability-deck{
  width:516px;
  height:190px;
  margin-top:14px;
}
.device-shell[data-device="tablet"] .hero-capability-card{
  grid-template-columns:minmax(0,1fr) 158px;
}
.device-shell[data-device="tablet"] .hero-capability-card>div{
  justify-content:center;
  padding:14px 10px 12px 20px;
}
.device-shell[data-device="tablet"] .hero-capability-card>div>p{
  max-width:312px;
  font-size:13px;
  line-height:1.36;
}
.device-shell[data-device="tablet"] .hero-card-features{
  font-size:11.25px;
  line-height:1.3;
}

/* v294 — approved tablet hero and compact ecosystem tiles.
   The desktop composition is untouched.  On tablet the cinematic canvas
   keeps the desktop aspect ratio, so the Porsche remains fully framed,
   while the introductory capability deck is deliberately removed. */
.device-shell[data-device="tablet"] .hero{
  height:352px;
}
.device-shell[data-device="tablet"] .hero-visual,
.device-shell[data-device="tablet"] .scene-layer,
.device-shell[data-device="tablet"] .matrix img,
.device-shell[data-device="tablet"] .scene-layer.internals img{
  object-fit:cover!important;
  object-position:50% 50%!important;
}
.device-shell[data-device="tablet"] .reference-copy{
  top:27px;
}
.device-shell[data-device="tablet"] .hero-capability-deck{
  display:none!important;
}

.device-shell[data-device="tablet"] .ecosystem{
  padding-bottom:16px;
}
.device-shell[data-device="tablet"] .cards a{
  grid-template-rows:auto auto auto auto;
  min-height:158px;
  padding-top:9px;
  padding-bottom:9px;
}
.device-shell[data-device="tablet"] .cards img{
  align-self:center;
}
.device-shell[data-device="tablet"] .cards strong{
  margin-top:5px;
}
.device-shell[data-device="tablet"] .cards small{
  min-height:20px;
  margin-top:4px;
}
.device-shell[data-device="tablet"] .cards .card-features{
  margin-top:5px;
}
.device-shell[data-device="tablet"] .cards b{
  min-height:23px;
  margin-top:5px;
}

/* Parts: VIN + compatibility on the first line, photo search below. */
.device-shell[data-device="tablet"] #c2 .card-features{
  display:grid;
  grid-template-columns:max-content max-content;
  justify-content:start;
  align-content:start;
}
.device-shell[data-device="tablet"] #c2 .card-features i:nth-child(1){
  grid-column:1;
  grid-row:1;
}
.device-shell[data-device="tablet"] #c2 .card-features i:nth-child(2){
  grid-column:1;
  grid-row:2;
}
.device-shell[data-device="tablet"] #c2 .card-features i:nth-child(3){
  grid-column:2;
  grid-row:1;
}

/* v295 — tablet hero parity with the approved desktop composition.
   The scene uses its native 2041×770 ratio, which keeps the complete
   Porsche (including the rear wheel and spoiler) inside the viewport.
   The desktop capability carousel is retained and optically scaled for
   the iPad canvas instead of being removed. */
.device-shell[data-device="tablet"] .hero{
  height:290px;
}
.device-shell[data-device="tablet"] .hero-visual,
.device-shell[data-device="tablet"] .scene-layer,
.device-shell[data-device="tablet"] .matrix img,
.device-shell[data-device="tablet"] .scene-layer.internals img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
}
.device-shell[data-device="tablet"] .reference-copy{
  top:15px;
  left:18px;
  width:450px;
}
.device-shell[data-device="tablet"] .reference-copy h1{
  font-size:33px;
  line-height:.92;
  letter-spacing:-.055em;
}
.device-shell[data-device="tablet"] .hero-title-lockup{
  gap:7px;
}
.device-shell[data-device="tablet"] .hero-title-mark{
  width:52px;
}
.device-shell[data-device="tablet"] .hero-capability-deck{
  display:block!important;
  width:405px;
  height:128px;
  margin-top:7px;
}
.device-shell[data-device="tablet"] .hero-capability-card{
  grid-template-columns:minmax(0,1fr) 108px;
  border-radius:17px;
}
.device-shell[data-device="tablet"] .hero-capability-card>div{
  justify-content:center;
  padding:9px 7px 8px 14px;
}
.device-shell[data-device="tablet"] .hero-capability-card>div>span{
  font-size:7.2px;
  line-height:1;
  letter-spacing:.12em;
}
.device-shell[data-device="tablet"] .hero-capability-card>div>p{
  max-width:270px;
  margin-top:7px;
  font-size:8.25px;
  font-weight:610;
  line-height:1.28;
  -webkit-line-clamp:3;
}
.device-shell[data-device="tablet"] .hero-card-features{
  margin-top:6px;
  font-size:7.35px;
  font-weight:760;
  line-height:1.22;
}
.device-shell[data-device="tablet"] .hero-capability-card>figure{
  padding:4px;
}
.device-shell[data-device="tablet"] .hero-capability-card>figure img{
  width:104px;
  height:104px;
  max-width:104px;
  max-height:104px;
}

/* Guard the fitted tablet page against any accidental horizontal crop. */
.device-shell[data-device="tablet"] .ecosystem,
.device-shell[data-device="tablet"] .insurance-flow,
.device-shell[data-device="tablet"] .advanced-search-form,
.device-shell[data-device="tablet"] .tools-secondary-row,
.device-shell[data-device="tablet"] .mauto-site-footer{
  box-sizing:border-box;
  max-width:100%;
}

/* v296 — tablet fit-and-finish.
   The approved desktop remains untouched. The tablet hero card is reduced
   to a concise contextual panel, the Insurance dialog is bound to the
   768px device canvas, and the footer keeps every column inside the frame. */
.device-shell[data-device="tablet"] .hero-capability-deck{
  width:300px;
  height:126px;
  margin-top:6px;
}
.device-shell[data-device="tablet"] .hero-capability-card{
  grid-template-columns:minmax(0,1fr) 94px;
  border-radius:17px;
  box-shadow:0 15px 32px -25px rgba(11,39,68,.5),0 6px 16px -14px rgba(37,92,144,.34),inset 0 1px #fff;
  backdrop-filter:blur(15px) saturate(108%);
}
.device-shell[data-device="tablet"] .hero-capability-card>div{
  justify-content:center;
  padding:10px 3px 9px 12px;
}
.device-shell[data-device="tablet"] .hero-capability-card>div>span{
  gap:5px;
  font-size:7.4px;
  letter-spacing:.115em;
}
.device-shell[data-device="tablet"] .hero-capability-card>div>span::before{
  width:13px;
  height:1px;
}
.device-shell[data-device="tablet"] .hero-capability-card>div>p{
  display:block;
  max-width:187px;
  max-height:35px;
  margin-top:7px;
  overflow:hidden;
  font-size:0;
  line-height:normal;
  -webkit-line-clamp:unset;
}
.device-shell[data-device="tablet"] .hero-capability-card>div>p::before{
  display:block;
  color:#5d7892;
  content:attr(data-tablet-copy);
  font-size:8.2px;
  font-weight:620;
  line-height:1.34;
}
.device-shell[data-device="tablet"] .hero-card-features{
  display:block;
  max-width:187px;
  margin-top:7px;
  overflow:hidden;
  font-size:0;
  line-height:1.18;
  white-space:nowrap;
}
.device-shell[data-device="tablet"] .hero-card-features::before{
  color:#284f73;
  content:attr(data-tablet-features);
  font-size:6.8px;
  font-weight:770;
  line-height:1.18;
}
.device-shell[data-device="tablet"] .hero-capability-card>figure{
  align-items:center;
  justify-content:center;
  padding:2px 4px 2px 0;
}
.device-shell[data-device="tablet"] .hero-capability-card>figure img{
  width:90px;
  height:90px;
  max-width:90px;
  max-height:90px;
}

/* Use the device canvas rather than the outer preview viewport as the
   Insurance sizing reference. This removes clipping and expensive overdraw. */
.device-shell[data-device="tablet"] .insurance-modal{
  inset:auto 0 auto 0;
  width:100%;
  height:100%;
  padding:8px;
  box-sizing:border-box;
  contain:layout paint;
}
.device-shell[data-device="tablet"] .insurance-backdrop{
  background:rgba(9,24,42,.42);
  backdrop-filter:blur(6px) saturate(.94);
}
.device-shell[data-device="tablet"] .insurance-panel{
  width:min(720px,calc(100% - 16px));
  max-height:min(590px,calc(100% - 16px));
  border-radius:20px;
  overscroll-behavior:contain;
  box-shadow:0 28px 64px rgba(2,24,39,.23),0 10px 24px rgba(12,65,48,.11),inset 0 1px #fff;
  transform:translateY(8px) scale(.988);
  transition:opacity .2s ease,transform .24s cubic-bezier(.2,.78,.22,1);
}
.device-shell[data-device="tablet"] .insurance-panel-header{
  grid-template-columns:42px minmax(0,1fr) 34px;
  gap:10px;
  padding:13px 15px 11px;
}
.device-shell[data-device="tablet"] .insurance-panel-shield{
  width:42px;
  height:42px;
  border-radius:13px;
}
.device-shell[data-device="tablet"] .insurance-panel-shield svg{
  width:23px;
  height:23px;
}
.device-shell[data-device="tablet"] .insurance-panel-header small{
  margin-bottom:2px;
  font-size:7px;
}
.device-shell[data-device="tablet"] .insurance-panel-header h2{
  font-size:18px;
  line-height:1;
}
.device-shell[data-device="tablet"] .insurance-panel-header p{
  margin-top:4px;
  font-size:8.2px;
}
.device-shell[data-device="tablet"] .insurance-close{
  width:34px;
  height:34px;
  border-radius:11px;
  font-size:19px;
}
.device-shell[data-device="tablet"] .insurance-modal-stages{
  gap:8px;
  padding:10px 15px 9px;
}
.device-shell[data-device="tablet"] .insurance-modal-stages article{
  min-height:78px;
  padding:11px 12px;
  border-radius:14px;
}
.device-shell[data-device="tablet"] .insurance-modal-stages article>span{
  top:9px;
  right:10px;
  font-size:8px;
}
.device-shell[data-device="tablet"] .insurance-modal-stages h3{
  margin:0 28px 5px 0;
  font-size:11.25px;
}
.device-shell[data-device="tablet"] .insurance-modal-stages p,
.device-shell[data-device="tablet"] .insurance-modal-note p{
  font-size:8px;
  line-height:1.35;
}
.device-shell[data-device="tablet"] .insurance-modal-note{
  grid-template-columns:58px minmax(0,1fr);
  align-items:center;
  gap:9px;
  margin:0 15px;
  padding:9px 11px;
  border-radius:13px;
}
.device-shell[data-device="tablet"] .insurance-modal-note strong{
  display:grid;
  min-height:27px;
  place-items:center;
  border-radius:9px;
  font-size:7.5px;
}
.device-shell[data-device="tablet"] .insurance-panel-footer{
  padding:9px 15px 13px;
}
.device-shell[data-device="tablet"] .insurance-understood{
  min-width:104px;
  height:34px;
  border-radius:11px;
  font-size:9px;
}

/* A fully contained four-column tablet footer. */
.device-shell[data-device="tablet"] .mauto-site-footer{
  width:100%;
  overflow:hidden;
}
.device-shell[data-device="tablet"] .mauto-site-footer-main{
  grid-template-columns:1.3fr .8fr .8fr 1.25fr;
  gap:8px;
  padding:15px 14px 12px;
}
.device-shell[data-device="tablet"] .mauto-site-footer-main>*{
  min-width:0;
}
.device-shell[data-device="tablet"] .mauto-site-footer-contact{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
}
.device-shell[data-device="tablet"] .mauto-footer-mark{
  width:42px;
  height:42px;
  flex-basis:42px;
}
.device-shell[data-device="tablet"] .mauto-site-footer-brand .mauto-footer-mark img{
  width:37px;
  height:37px;
}
.device-shell[data-device="tablet"] .mauto-site-footer-brand>a strong.mauto-wordmark{
  font-size:13px!important;
}
.device-shell[data-device="tablet"] .mauto-site-footer-brand p{
  margin:8px 0 5px;
  font-size:7.8px;
  line-height:1.25;
}
.device-shell[data-device="tablet"] .mauto-site-footer nav>strong,
.device-shell[data-device="tablet"] .mauto-site-footer-contact>strong{
  margin:1px 0 7px;
  font-size:5.6px;
}
.device-shell[data-device="tablet"] .mauto-site-footer nav>a,
.device-shell[data-device="tablet"] .mauto-site-footer-contact>span,
.device-shell[data-device="tablet"] .mauto-site-footer-contact>a{
  margin-bottom:5px;
  font-size:6.5px;
  line-height:1.24;
  overflow-wrap:normal;
}
.device-shell[data-device="tablet"] .mauto-site-footer-contact .mauto-wordmark{
  font-size:8px!important;
  white-space:nowrap;
}
.device-shell[data-device="tablet"] .mauto-site-footer-contact>a{
  width:max-content;
  max-width:100%;
  min-height:26px;
  padding:0 7px;
  white-space:nowrap;
}
.device-shell[data-device="tablet"] .mauto-site-footer-bottom{
  gap:8px;
  min-height:28px;
  padding:0 14px;
  font-size:5.2px;
}
.device-shell[data-device="tablet"] .mauto-site-footer-bottom>*{
  min-width:0;
}

/* v299 — independent smartphone composition.
   Order: brand lockup → category card → controls → Porsche scene → marques.
   Desktop and tablet declarations above remain unchanged. */
.hero-mobile-controls{
  display:none;
}
.device-shell[data-device="mobile"] .site{
  width:100%;
  max-width:100%;
  overflow-x:clip;
}
.device-shell[data-device="mobile"] .hero{
  height:520px!important;
  overflow:hidden;
  background:linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%)!important;
}
.device-shell[data-device="mobile"] .reference-copy{
  top:max(16px,env(safe-area-inset-top));
  left:clamp(10px,3.6vw,14px);
  z-index:30;
  width:calc(100% - clamp(20px,7.2vw,28px));
  transform:none;
}
.device-shell[data-device="mobile"] .reference-copy::before{
  display:none;
}
.device-shell[data-device="mobile"] .hero-title-lockup{
  width:100%;
  grid-template-columns:minmax(0,1fr) 48px;
  gap:7px;
  align-items:center;
}
.device-shell[data-device="mobile"] .reference-copy h1{
  font-size:clamp(27px,7.95vw,31px);
  line-height:.94;
  letter-spacing:-.052em;
  text-wrap:balance;
}
.device-shell[data-device="mobile"] .hero-title-mark{
  width:48px;
}
.device-shell[data-device="mobile"] .hero-capability-deck{
  width:100%;
  height:164px;
  margin-top:10px;
  touch-action:pan-y;
  perspective:none;
}
.device-shell[data-device="mobile"] .hero-capability-card{
  grid-template-columns:minmax(0,1fr) clamp(88px,27.7vw,108px);
  height:164px;
  border:1px solid rgba(151,194,232,.72);
  border-radius:20px;
  background:linear-gradient(122deg,rgba(247,251,255,.90),rgba(226,240,253,.82));
  box-shadow:0 18px 38px -29px rgba(12,44,75,.5),0 7px 17px -15px rgba(43,106,164,.35),inset 0 1px rgba(255,255,255,.96);
  -webkit-backdrop-filter:blur(17px) saturate(108%);
  backdrop-filter:blur(17px) saturate(108%);
}
.device-shell[data-device="mobile"] .hero-capability-card>div{
  justify-content:center;
  padding:13px 4px 12px 15px;
}
.device-shell[data-device="mobile"] .hero-capability-card>div>span{
  gap:6px;
  font-size:8px;
  line-height:1.05;
  letter-spacing:.115em;
}
.device-shell[data-device="mobile"] .hero-capability-card>div>span::before{
  width:15px;
  height:1px;
}
.device-shell[data-device="mobile"] .hero-capability-card>div>strong{
  display:none;
}
.device-shell[data-device="mobile"] .hero-capability-card>div>p{
  display:block;
  max-width:224px;
  max-height:54px;
  margin-top:10px;
  overflow:hidden;
  font-size:0;
  line-height:normal;
  -webkit-line-clamp:unset;
}
.device-shell[data-device="mobile"] .hero-capability-card>div>p::before{
  display:block;
  color:#56718c;
  content:attr(data-tablet-copy);
  font-size:10px;
  font-weight:610;
  line-height:1.38;
  text-wrap:pretty;
}
.device-shell[data-device="mobile"] .hero-card-features{
  display:block;
  max-width:224px;
  margin-top:9px;
  overflow:hidden;
  font-size:0;
  line-height:normal;
  white-space:normal;
}
.device-shell[data-device="mobile"] .hero-card-features::before{
  display:block;
  color:#204c73;
  content:attr(data-tablet-features);
  font-size:8.5px;
  font-weight:760;
  line-height:1.25;
  text-wrap:pretty;
}
.device-shell[data-device="mobile"] .hero-capability-card>figure{
  padding:5px 6px 5px 0;
  background:transparent;
}
.device-shell[data-device="mobile"] .hero-capability-card>figure img{
  width:clamp(84px,26.7vw,104px);
  height:clamp(84px,26.7vw,104px);
  max-width:104px;
  max-height:104px;
  object-fit:contain;
  mix-blend-mode:multiply;
  filter:contrast(1.03) saturate(1.02) drop-shadow(0 9px 9px rgba(18,47,73,.11));
  -webkit-mask-image:none;
  mask-image:none;
}
.device-shell[data-device="mobile"] .hero-capability-card.is-active{
  transform:translate3d(0,0,0)!important;
}
.device-shell[data-device="mobile"] .hero-capability-card.is-leaving{
  transform:translate3d(-118px,0,0) scale(.99)!important;
}
.device-shell[data-device="mobile"] .hero-mobile-controls{
  display:grid;
  width:100%;
  height:42px;
  grid-template-columns:42px minmax(0,1fr) 40px 40px 40px;
  align-items:center;
  gap:5px;
  margin-top:7px;
  pointer-events:auto;
}
.device-shell[data-device="mobile"] .hero-mobile-count{
  display:flex;
  align-items:baseline;
  gap:3px;
  color:#7990a8;
  font-size:8px;
  font-style:normal;
}
.device-shell[data-device="mobile"] .hero-mobile-count b{
  color:var(--mauto-ds-color-primary,#3c78da);
  font-size:12px;
}
.device-shell[data-device="mobile"] .hero-mobile-count i{
  font-style:normal;
}
.device-shell[data-device="mobile"] .hero-mobile-progress{
  position:relative;
  height:3px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(73,125,174,.15);
}
.device-shell[data-device="mobile"] .hero-mobile-progress i{
  position:absolute;
  inset:0 auto 0 0;
  width:var(--capability-progress,11.111%);
  border-radius:inherit;
  background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da));
  transition:width .38s ease;
}
.device-shell[data-device="mobile"] .hero-mobile-controls button{
  display:grid;
  width:40px;
  height:40px;
  place-items:center;
  padding:0;
  border:1px solid rgba(111,164,212,.35);
  border-radius:13px;
  background:rgba(248,252,255,.78);
  box-shadow:inset 0 1px rgba(255,255,255,.96),0 7px 17px -14px rgba(25,84,139,.45);
  color:var(--mauto-ds-color-primary,#3c78da);
  font-size:20px;
  font-weight:720;
  line-height:1;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.device-shell[data-device="mobile"] .hero-mobile-controls button:active,
.device-shell[data-device="mobile"] .hero-mobile-controls button[aria-pressed="true"]{
  background:rgba(224,240,253,.92);
  box-shadow:inset 0 2px 5px rgba(41,103,159,.2),inset 0 1px rgba(255,255,255,.72);
  transform:translateY(1px);
}
.device-shell[data-device="mobile"] .hero-mobile-controls [data-capability-pause]{
  font-size:12px;
}
.device-shell[data-device="mobile"] .hero-visual{
  top:317px!important;
  right:0;
  left:0;
  width:100%;
  height:203px!important;
  opacity:1!important;
  filter:none!important;
  background:#f7fbff;
}
.device-shell[data-device="mobile"] .hero-visual>.scene-layer,
.device-shell[data-device="mobile"] .hero-visual>.scene-layer>img,
.device-shell[data-device="mobile"] .hero-visual>.matrix>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:right center!important;
}
.device-shell[data-device="mobile"] .scene-layer.matrix,
.device-shell[data-device="mobile"] .scene-layer.internals,
.device-shell[data-device="mobile"] .scene-layer.lights{
  -webkit-mask-position:right center!important;
  mask-position:right center!important;
  -webkit-mask-size:cover!important;
  mask-size:cover!important;
}
.device-shell[data-device="mobile"] .hero::after{
  z-index:8;
  background:linear-gradient(180deg,rgba(248,252,255,.22),transparent 38%,transparent 88%,rgba(239,247,254,.3));
  pointer-events:none;
}
.device-shell[data-device="mobile"] .brand-strip{
  height:34px;
}
.device-shell[data-device="mobile"] .brand-set{
  gap:14px;
  padding-inline:10px;
}
.device-shell[data-device="mobile"] .brand-set>.brand-icon{
  margin-inline:-3px;
}
.device-shell[data-device="mobile"] .ecosystem{
  padding-top:14px;
}
@media(prefers-reduced-motion:reduce){
  .device-shell[data-device="mobile"] .hero-mobile-progress i{transition:none}
}

/* v301 — smartphone-first composition.
   Scope is intentionally limited to the 390 px device shell: desktop v291 and
   tablet v298 keep their approved geometry and animation choreography. */
.device-shell[data-device="mobile"] .hero{
  height:548px!important;
  isolation:isolate;
  background:#f6fbff!important;
}
.device-shell[data-device="mobile"] .reference-copy{
  top:max(12px,env(safe-area-inset-top));
  left:12px;
  width:calc(100% - 24px);
}
.device-shell[data-device="mobile"] .hero-title-lockup{
  grid-template-columns:minmax(0,1fr) 44px;
  gap:6px;
}
.device-shell[data-device="mobile"] .reference-copy h1{
  font-size:clamp(26px,7.45vw,29px);
  line-height:.95;
  letter-spacing:-.05em;
}
.device-shell[data-device="mobile"] .hero-title-mark{
  width:44px;
  filter:drop-shadow(0 7px 11px rgba(30,96,153,.16));
}
.device-shell[data-device="mobile"] .hero-capability-deck,
.device-shell[data-device="mobile"] .hero-capability-card{
  height:154px;
}
.device-shell[data-device="mobile"] .hero-capability-deck{
  margin-top:8px;
}
.device-shell[data-device="mobile"] .hero-capability-card{
  grid-template-columns:minmax(0,1fr) 106px;
  border-radius:18px;
  background:linear-gradient(124deg,rgba(249,252,255,.93),rgba(221,238,252,.84));
  box-shadow:0 16px 34px -28px rgba(11,43,73,.62),0 7px 16px -15px rgba(37,96,151,.28),inset 0 1px rgba(255,255,255,.98);
}
.device-shell[data-device="mobile"] .hero-capability-card>div{
  padding:12px 2px 11px 14px;
}
.device-shell[data-device="mobile"] .hero-capability-card>div>span{
  font-size:8.5px;
  letter-spacing:.12em;
}
.device-shell[data-device="mobile"] .hero-capability-card>div>p{
  max-height:59px;
  margin-top:8px;
}
.device-shell[data-device="mobile"] .hero-capability-card>div>p::before{
  font-size:10.3px;
  font-weight:640;
  line-height:1.34;
}
.device-shell[data-device="mobile"] .hero-card-features{
  margin-top:7px;
}
.device-shell[data-device="mobile"] .hero-card-features::before{
  font-size:8.6px;
  line-height:1.2;
}
.device-shell[data-device="mobile"] .hero-capability-card>figure{
  padding:4px 7px 4px 0;
}
.device-shell[data-device="mobile"] .hero-capability-card>figure img{
  width:101px;
  height:101px;
}
.device-shell[data-device="mobile"] .hero-mobile-controls{
  height:36px;
  grid-template-columns:38px minmax(0,1fr) 34px 34px 34px;
  gap:5px;
  margin-top:5px;
}
.device-shell[data-device="mobile"] .hero-mobile-controls button{
  width:34px;
  height:34px;
  border-radius:11px;
  font-size:18px;
}
.device-shell[data-device="mobile"] .hero-visual{
  top:264px!important;
  height:284px!important;
  background:#f4f9fd;
}
.device-shell[data-device="mobile"] .hero-visual>.scene-layer,
.device-shell[data-device="mobile"] .hero-visual>.scene-layer>img,
.device-shell[data-device="mobile"] .hero-visual>.matrix>img{
  object-position:72% center!important;
}
.device-shell[data-device="mobile"] .hero::after{
  background:linear-gradient(180deg,rgba(246,251,255,.46) 0,rgba(246,251,255,.08) 24%,transparent 55%,rgba(238,247,254,.18) 100%);
}
.device-shell[data-device="mobile"] .brand-strip{
  height:36px;
}
.device-shell[data-device="mobile"] .ecosystem{
  padding:18px 10px 24px;
}
.device-shell[data-device="mobile"] .ecosystem header{
  margin-bottom:12px;
  padding-left:2px;
}
.device-shell[data-device="mobile"] .ecosystem h2{
  font-size:23px;
}
.device-shell[data-device="mobile"] .cards{
  grid-template-columns:1fr;
  gap:12px;
}
.device-shell[data-device="mobile"] .cards a{
  grid-template-columns:124px minmax(0,1fr);
  grid-template-rows:auto auto 1fr auto;
  column-gap:10px;
  min-height:172px;
  padding:12px;
  border-radius:20px;
  box-shadow:0 5px 0 -2px rgba(139,183,222,.32),0 18px 32px -27px rgba(20,54,89,.42),inset 0 1px rgba(255,255,255,.98);
}
.device-shell[data-device="mobile"] .cards img{
  grid-column:1;
  grid-row:1/5;
  width:124px;
  height:142px;
  max-width:none;
  align-self:center;
  justify-self:center;
  object-fit:contain;
  transform:none;
}
.device-shell[data-device="mobile"] .cards strong,
.device-shell[data-device="mobile"] .cards small,
.device-shell[data-device="mobile"] .cards .card-features,
.device-shell[data-device="mobile"] .cards b{
  grid-column:2;
}
.device-shell[data-device="mobile"] .cards strong{
  grid-row:1;
  margin:2px 24px 0 0;
  font-size:17px;
  line-height:1.08;
}
.device-shell[data-device="mobile"] .cards small{
  grid-row:2;
  min-height:0;
  margin:6px 0 0;
  font-size:10px;
  line-height:1.35;
}
.device-shell[data-device="mobile"] .cards .card-features{
  grid-row:3;
  display:flex;
  align-content:flex-start;
  flex-wrap:wrap;
  gap:5px;
  min-height:0;
  margin:9px 0 0;
}
.device-shell[data-device="mobile"] .cards .card-features i{
  min-height:22px;
  padding:0 7px;
  font-size:7.2px;
}
.device-shell[data-device="mobile"] .cards b{
  grid-row:4;
  width:max-content;
  max-width:100%;
  min-height:34px;
  align-self:end;
  justify-content:center;
  margin-top:9px;
  padding:0 12px;
  border-radius:10px;
  font-size:8.8px;
}
.device-shell[data-device="mobile"] .cards a::after{
  top:10px;
  right:10px;
  width:25px;
  height:25px;
}
.device-shell[data-device="mobile"] .cards a:hover img{
  transform:translate3d(0,-1px,0) scale(1.01);
}

/* v302 — approved mobile information architecture.
   Every rule is scoped to the 390 px smartphone shell so the locked desktop
   and tablet compositions remain byte-for-byte visually unaffected. */
.device-shell[data-device="mobile"] .hero{
  height:338px!important;
  min-height:0!important;
  overflow:hidden;
  background:#f5faff!important;
}
.device-shell[data-device="mobile"] .reference-copy{
  z-index:20;
  top:max(10px,env(safe-area-inset-top));
  left:12px;
  width:calc(100% - 24px);
  pointer-events:none;
}
.device-shell[data-device="mobile"] .hero-title-lockup{
  grid-template-columns:minmax(0,max-content) 38px;
  justify-content:start;
  gap:1px;
}
.device-shell[data-device="mobile"] .reference-copy h1{
  width:max-content;
  max-width:310px;
  font-size:27px;
  line-height:.94;
  letter-spacing:-.052em;
}
.device-shell[data-device="mobile"] .hero-title-mark{
  width:38px;
  margin:1px 0 0 -1px;
  filter:drop-shadow(0 5px 9px rgba(30,96,153,.13));
}
.device-shell[data-device="mobile"] .hero-capability-deck,
.device-shell[data-device="mobile"] .hero-mobile-controls{
  display:none!important;
}
.device-shell[data-device="mobile"] .hero-visual{
  top:77px!important;
  right:0!important;
  left:0!important;
  width:100%!important;
  height:261px!important;
  background:#f5faff;
}
.device-shell[data-device="mobile"] .hero-visual>.scene-layer,
.device-shell[data-device="mobile"] .hero-visual>.scene-layer>img,
.device-shell[data-device="mobile"] .hero-visual>.matrix>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:right center!important;
}
.device-shell[data-device="mobile"] .scene-layer.matrix,
.device-shell[data-device="mobile"] .scene-layer.internals,
.device-shell[data-device="mobile"] .scene-layer.lights{
  -webkit-mask-position:right center!important;
  mask-position:right center!important;
  -webkit-mask-size:cover!important;
  mask-size:cover!important;
}
.device-shell[data-device="mobile"] .hero::after{
  z-index:15;
  background:linear-gradient(180deg,rgba(247,251,255,.38),transparent 22%,transparent 84%,rgba(236,246,253,.18));
}
.device-shell[data-device="mobile"] .brand-strip{
  height:31px;
}
.device-shell[data-device="mobile"] .brand-set{
  gap:12px;
  padding-inline:9px;
}
.device-shell[data-device="mobile"] .brand-set img{
  max-width:49px;
  height:15px;
}

.device-shell[data-device="mobile"] .ecosystem{
  padding:11px 8px 14px;
}
.device-shell[data-device="mobile"] .ecosystem header{
  margin:0 0 9px;
  padding-left:2px;
}
.device-shell[data-device="mobile"] .ecosystem h2{
  font-size:20px;
  line-height:1;
}
.device-shell[data-device="mobile"] .cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.device-shell[data-device="mobile"] .cards a{
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:minmax(0,1fr) auto;
  min-width:0;
  min-height:0;
  aspect-ratio:1/1.03;
  padding:6px 5px 7px;
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(221,239,253,.82));
  box-shadow:0 3px 0 -1px rgba(143,185,221,.24),0 13px 25px -23px rgba(18,57,95,.42),inset 0 1px rgba(255,255,255,.98);
}
.device-shell[data-device="mobile"] .cards img{
  grid-column:1;
  grid-row:1;
  width:100%;
  height:78px;
  max-width:none;
  align-self:center;
  justify-self:center;
  object-fit:contain;
  transform:none!important;
}
.device-shell[data-device="mobile"] .cards strong{
  grid-column:1;
  grid-row:2;
  align-self:end;
  justify-self:center;
  margin:0;
  color:#102d49;
  font-size:10.3px;
  font-weight:720;
  line-height:1.08;
  text-align:center;
  overflow-wrap:anywhere;
}
.device-shell[data-device="mobile"] .cards small,
.device-shell[data-device="mobile"] .cards .card-features,
.device-shell[data-device="mobile"] .cards b,
.device-shell[data-device="mobile"] .cards a::after{
  display:none!important;
}
.device-shell[data-device="mobile"] .cards a:nth-child(8) strong,
.device-shell[data-device="mobile"] .cards a:nth-child(9) strong{
  font-size:8.7px;
}

.device-shell[data-device="mobile"] .insurance-flow{
  padding:0 8px 10px;
}
.device-shell[data-device="mobile"] .insurance-flow-shell{
  display:block;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.device-shell[data-device="mobile"] .insurance-trigger{
  grid-template-columns:38px minmax(0,1fr);
  gap:8px;
  width:100%;
  min-height:52px;
  padding:6px 9px;
  border-radius:16px;
}
.device-shell[data-device="mobile"] .insurance-trigger-icon{
  width:38px;
  height:38px;
  border-radius:13px;
}
.device-shell[data-device="mobile"] .insurance-trigger #insurance-flow-title{
  font-size:13px;
}
.device-shell[data-device="mobile"] .insurance-trigger-action{
  font-size:7.5px;
}
.device-shell[data-device="mobile"] .insurance-stages{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px;
  margin-top:6px;
}
.device-shell[data-device="mobile"] .insurance-stages li{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  gap:4px;
  min-height:42px;
  padding:4px;
  border-radius:12px;
}
.device-shell[data-device="mobile"] .insurance-stages li>span{
  width:22px;
  height:22px;
  border-radius:8px;
  font-size:7px;
}
.device-shell[data-device="mobile"] .insurance-stages strong{
  font-size:7px;
  line-height:1.04;
}
.device-shell[data-device="mobile"] .insurance-stages small{
  display:none;
}

.device-shell[data-device="mobile"] .tools-workspace{
  padding:9px 8px 22px;
}
.device-shell[data-device="mobile"] .advanced-search-form{
  padding:11px;
  border-radius:19px;
}
.device-shell[data-device="mobile"] .advanced-search-form>.advanced-search-heading{
  height:auto;
  margin:0 0 9px;
}
.device-shell[data-device="mobile"] .advanced-search-form>.advanced-search-heading h2{
  font-size:22px;
  line-height:1;
}
.device-shell[data-device="mobile"] .advanced-search-vehicle{
  gap:7px;
}
.device-shell[data-device="mobile"] .advanced-search-vehicle select{
  height:43px;
  font-size:10px;
}
.device-shell[data-device="mobile"] .advanced-search-mode{
  gap:7px;
  margin-top:8px;
  padding:0;
  background:none;
  box-shadow:none;
}
.device-shell[data-device="mobile"] .advanced-search-mode button{
  min-height:36px;
  border:1px solid rgba(111,164,212,.3);
  border-radius:12px;
  font-size:9px;
}
.device-shell[data-device="mobile"] .advanced-search-query-row{
  margin-top:8px;
}
.device-shell[data-device="mobile"] .advanced-search-input{
  height:45px;
}
.device-shell[data-device="mobile"] .advanced-search-input input{
  font-size:9.5px;
}
.device-shell[data-device="mobile"] .advanced-search-submit{
  min-height:43px;
  margin-top:7px;
  border-radius:12px;
  font-size:9px;
}
.device-shell[data-device="mobile"] .tools-secondary-row{
  display:flex;
  flex-direction:column;
  gap:20px;
  margin-top:20px;
}
.device-shell[data-device="mobile"] .finance-preview{
  order:1;
  margin:0;
}
.device-shell[data-device="mobile"] .qa-compact{
  order:2;
}
.device-shell[data-device="mobile"] .qa-compact-heading,
.device-shell[data-device="mobile"] .finance-preview-heading{
  margin:0 0 8px;
}
.device-shell[data-device="mobile"] .qa-compact-heading h2,
.device-shell[data-device="mobile"] .tools-secondary-row .finance-preview-heading h2{
  font-size:22px;
  line-height:1;
}
.device-shell[data-device="mobile"] .finance-preview-heading>div{
  display:flex;
  align-items:baseline;
  gap:9px;
}
.device-shell[data-device="mobile"] .finance-preview-heading>div>span{
  order:2;
  margin:0;
  font-size:6.4px;
}
.device-shell[data-device="mobile"] .finance-calculator{
  padding:11px;
  border-radius:19px;
}
.device-shell[data-device="mobile"] .finance-tabs,
.device-shell[data-device="mobile"] .finance-category{
  gap:7px;
  height:39px;
}
.device-shell[data-device="mobile"] .finance-tabs button,
.device-shell[data-device="mobile"] .finance-category button{
  min-height:37px;
}
.device-shell[data-device="mobile"] .finance-fields{
  gap:7px;
  margin-top:8px;
}
.device-shell[data-device="mobile"] .finance-input-shell{
  height:45px;
}
.device-shell[data-device="mobile"] .finance-term{
  padding:7px 9px;
}
.device-shell[data-device="mobile"] .finance-result{
  padding:11px;
}
.device-shell[data-device="mobile"] .finance-result-main strong{
  font-size:26px;
}
.device-shell[data-device="mobile"] .finance-action{
  min-height:42px;
  margin-top:8px;
}
.device-shell[data-device="mobile"] .qa-compact-window{
  grid-template-rows:92px 138px;
  align-content:center;
  gap:12px;
  height:284px;
  padding:14px 10px;
  border-radius:19px;
}
.device-shell[data-device="mobile"] .qa-compact-avatar{
  width:36px;
  height:36px;
  flex-basis:36px;
}
.device-shell[data-device="mobile"] .qa-compact-bubble{
  width:calc(100% - 43px);
  padding:10px 11px;
}
.device-shell[data-device="mobile"] .qa-compact-bubble p,
.device-shell[data-device="mobile"] .qa-compact-mauto-bubble p{
  font-size:8.5px;
  line-height:1.42;
}
.device-shell[data-device="mobile"] .qa-compact-meta strong{
  font-size:9px;
}
.device-shell[data-device="mobile"] .qa-compact-meta span{
  font-size:6px;
}

.device-shell[data-device="mobile"] .insurance-modal{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:8px!important;
  overflow:hidden!important;
}
.device-shell[data-device="mobile"] .insurance-panel{
  width:calc(100% - 16px)!important;
  max-width:374px!important;
  max-height:calc(100% - 16px)!important;
  border-radius:22px;
  overflow:auto;
  overscroll-behavior:contain;
}
.device-shell[data-device="mobile"] .insurance-panel-header{
  grid-template-columns:38px minmax(0,1fr) 32px;
  gap:9px;
  padding:12px;
}
.device-shell[data-device="mobile"] .insurance-panel-shield{
  width:38px;
  height:38px;
  border-radius:13px;
}
.device-shell[data-device="mobile"] .insurance-panel-header small{
  font-size:7px;
}
.device-shell[data-device="mobile"] .insurance-panel-header h2{
  font-size:17px;
}
.device-shell[data-device="mobile"] .insurance-panel-header p{
  margin-top:3px;
  font-size:8px;
  line-height:1.25;
}
.device-shell[data-device="mobile"] .insurance-close{
  width:32px;
  height:32px;
  border-radius:10px;
  font-size:19px;
}
.device-shell[data-device="mobile"] .insurance-modal-stages{
  grid-template-columns:1fr;
  gap:7px;
  padding:10px 12px 8px;
}
.device-shell[data-device="mobile"] .insurance-modal-stages article{
  min-height:0;
  padding:10px 12px;
  border-radius:14px;
}
.device-shell[data-device="mobile"] .insurance-modal-stages article>span{
  top:9px;
  right:11px;
  font-size:8px;
}
.device-shell[data-device="mobile"] .insurance-modal-stages h3{
  margin:0 28px 4px 0;
  font-size:11px;
}
.device-shell[data-device="mobile"] .insurance-modal-stages p,
.device-shell[data-device="mobile"] .insurance-modal-note p{
  font-size:8px;
  line-height:1.35;
}
.device-shell[data-device="mobile"] .insurance-modal-note{
  grid-template-columns:54px minmax(0,1fr)!important;
  align-items:center;
  gap:8px;
  margin:0 12px;
  padding:9px 10px;
  border-radius:13px;
}
.device-shell[data-device="mobile"] .insurance-modal-note strong{
  font-size:8px;
  text-align:center;
}
.device-shell[data-device="mobile"] .insurance-panel-footer{
  padding:9px 12px 12px;
}
.device-shell[data-device="mobile"] .insurance-understood{
  width:100%;
  min-width:0;
  height:39px;
  border-radius:12px;
  font-size:10px;
}

.device-shell[data-device="mobile"] .mauto-site-footer-main{
  gap:18px 14px;
  padding:24px 18px 18px;
}
.device-shell[data-device="mobile"] .mauto-site-footer-bottom{
  padding:11px 18px;
}

/* v304 — clean registered smartphone hero.
   Desktop and tablet remain untouched. Every phone CGI frame uses the same
   full-scene registration, so the body, wheels and aero parts cannot drift. */
.device-shell[data-device="mobile"] .hero{
  height:190px!important;
  min-height:0!important;
  background:#f5faff!important;
}
.device-shell[data-device="mobile"] .reference-copy{
  top:max(9px,env(safe-area-inset-top));
  left:13px;
  z-index:30;
  width:calc(100% - 26px);
}
.device-shell[data-device="mobile"] .hero-title-lockup{
  grid-template-columns:minmax(0,max-content) 34px;
  gap:2px;
  align-items:center;
}
.device-shell[data-device="mobile"] .reference-copy h1{
  max-width:276px;
  font-size:23px;
  line-height:.93;
  letter-spacing:-.052em;
}
.device-shell[data-device="mobile"] .hero-title-mark{
  width:34px;
  margin:0;
}
.device-shell[data-device="mobile"] .hero-visual{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:1!important;
  filter:none!important;
  background:#f5faff!important;
}
.device-shell[data-device="mobile"] .hero-visual>.scene-layer,
.device-shell[data-device="mobile"] .hero-visual>.scene-layer>img,
.device-shell[data-device="mobile"] .hero-visual>.matrix>img,
.device-shell[data-device="mobile"] .scene-layer.internals img,
.device-shell[data-device="mobile"] .scene-layer.lights{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  transform-origin:center!important;
  filter:none!important;
}
.device-shell[data-device="mobile"] .scene-layer.matrix,
.device-shell[data-device="mobile"] .scene-layer.internals,
.device-shell[data-device="mobile"] .scene-layer.lights,
.device-shell[data-device="mobile"] .matrix-pixels{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  transform:none!important;
}
.device-shell[data-device="mobile"] .protected-car,
.device-shell[data-device="mobile"] .rear-amber-glow{
  display:none!important;
  opacity:0!important;
}
.device-shell[data-device="mobile"] .hero::after{
  display:none!important;
  opacity:0!important;
  background:none!important;
}

/* v305 — smartphone hero: one uninterrupted cinematic frame.
   The approved desktop/tablet compositions are intentionally untouched. */
.device-shell[data-device="mobile"] .hero{
  height:147px!important;
  min-height:147px!important;
  overflow:hidden!important;
  background:#f5faff!important;
}
.device-shell[data-device="mobile"] .reference-copy{
  inset:0!important;
  z-index:34;
  display:block!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
  pointer-events:none;
}
.device-shell[data-device="mobile"] .reference-copy::before,
.device-shell[data-device="mobile"] .reference-copy h1,
.device-shell[data-device="mobile"] .hero-capability-deck,
.device-shell[data-device="mobile"] .hero-mobile-controls{
  display:none!important;
}
.device-shell[data-device="mobile"] .hero-title-lockup{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.device-shell[data-device="mobile"] .hero-title-mark{
  position:absolute!important;
  top:52%!important;
  left:23.5%!important;
  width:43px!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  filter:drop-shadow(0 10px 16px rgba(13,65,105,.14));
}
.device-shell[data-device="mobile"] .hero-visual{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background:transparent!important;
}
.device-shell[data-device="mobile"] .hero-visual>.scene-layer,
.device-shell[data-device="mobile"] .hero-visual>.scene-layer>img,
.device-shell[data-device="mobile"] .hero-visual>.matrix>img,
.device-shell[data-device="mobile"] .scene-layer.internals img,
.device-shell[data-device="mobile"] .scene-layer.lights{
  object-fit:cover!important;
  object-position:center center!important;
}
.device-shell[data-device="mobile"] .scene-layer.matrix,
.device-shell[data-device="mobile"] .scene-layer.internals,
.device-shell[data-device="mobile"] .scene-layer.lights,
.device-shell[data-device="mobile"] .matrix-pixels{
  -webkit-mask-size:cover!important;
  mask-size:cover!important;
}

/* v306 — smartphone hero: negative space replaces the floating badge.
   A restrained floor reflection connects the empty left side to the Porsche
   without putting interface chrome over the photographic scene. */
.device-shell[data-device="mobile"] .hero-title-mark{
  display:none!important;
}
.device-shell[data-device="mobile"] .hero::before{
  content:""!important;
  position:absolute!important;
  z-index:29!important;
  left:0!important;
  right:35%!important;
  bottom:0!important;
  height:38%!important;
  display:block!important;
  pointer-events:none!important;
  opacity:.52!important;
  background:
    radial-gradient(ellipse at 34% 112%,rgba(58,150,224,.22) 0%,rgba(96,174,231,.09) 35%,rgba(120,188,235,0) 69%),
    linear-gradient(98deg,rgba(65,154,221,0) 3%,rgba(65,154,221,.08) 44%,rgba(65,154,221,0) 88%)!important;
  mix-blend-mode:multiply!important;
}

/* v307 — smartphone density and collision pass.
   These rules intentionally target only the 390px phone canvas. */
.device-shell[data-device="mobile"] .insurance-flow{
  padding:0 8px 6px;
}
.device-shell[data-device="mobile"] .insurance-trigger{
  grid-template-columns:31px minmax(0,1fr);
  gap:6px;
  min-height:43px;
  padding:5px 8px;
  border-radius:14px;
}
.device-shell[data-device="mobile"] .insurance-trigger-icon{
  width:31px;
  height:31px;
  border-radius:10px;
}
.device-shell[data-device="mobile"] .insurance-trigger-icon svg{
  width:19px;
  height:19px;
}
.device-shell[data-device="mobile"] .insurance-trigger #insurance-flow-title{
  font-size:11.6px;
  line-height:1;
}
.device-shell[data-device="mobile"] .insurance-trigger-action{
  margin-top:1px;
  font-size:6.8px;
}
.device-shell[data-device="mobile"] .insurance-stages{
  gap:3px;
  margin-top:4px;
}
.device-shell[data-device="mobile"] .insurance-stages li{
  grid-template-columns:18px minmax(0,1fr);
  gap:3px;
  min-height:34px;
  padding:3px;
  border-radius:10px;
  overflow:hidden;
}
.device-shell[data-device="mobile"] .insurance-stages li>span{
  width:18px;
  height:18px;
  border-radius:6px;
  font-size:6.2px;
}
.device-shell[data-device="mobile"] .insurance-stages strong{
  font-size:6.7px;
  line-height:1;
  white-space:nowrap;
}

.device-shell[data-device="mobile"] .tools-workspace{
  padding:6px 8px 16px;
}
.device-shell[data-device="mobile"] .advanced-search-form{
  padding:8px;
  border-radius:17px;
}
.device-shell[data-device="mobile"] .advanced-search-form>.advanced-search-heading{
  margin:0 0 6px;
}
.device-shell[data-device="mobile"] .advanced-search-form>.advanced-search-heading h2{
  font-size:18px;
  letter-spacing:-.035em;
}
.device-shell[data-device="mobile"] .advanced-search-vehicle{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 62px;
  gap:5px;
}
.device-shell[data-device="mobile"] .advanced-search-vehicle label:last-child{
  grid-column:auto;
}
.device-shell[data-device="mobile"] .advanced-search-vehicle label>span{
  font-size:7.5px;
}
.device-shell[data-device="mobile"] .advanced-search-vehicle select{
  height:36px;
  padding:0 20px 0 9px;
  border-radius:11px;
  font-size:8.2px;
}
.device-shell[data-device="mobile"] .advanced-search-mode{
  grid-template-columns:repeat(2,76px);
  width:max-content;
  gap:5px;
  margin-top:6px;
}
.device-shell[data-device="mobile"] .advanced-search-mode button{
  width:76px;
  min-height:26px;
  padding:0 6px;
  border-radius:9px;
  font-size:7.6px;
}
.device-shell[data-device="mobile"] .advanced-search-query-row{
  margin-top:6px;
}
.device-shell[data-device="mobile"] .advanced-search-input{
  height:38px;
  gap:6px;
  padding:0 3px 0 8px;
  border-radius:11px;
}
.device-shell[data-device="mobile"] .advanced-search-input>svg{
  width:16px;
  height:16px;
  flex-basis:16px;
}
.device-shell[data-device="mobile"] .advanced-search-input>b{
  width:31px;
  height:24px;
  border-radius:7px;
  font-size:8px;
}
.device-shell[data-device="mobile"] .advanced-search-input input{
  font-size:8.3px;
}
.device-shell[data-device="mobile"] .advanced-search-camera{
  width:30px;
  height:30px;
  flex-basis:30px;
  border-radius:8px;
}
.device-shell[data-device="mobile"] .advanced-search-camera svg{
  width:18px;
  height:18px;
}
.device-shell[data-device="mobile"] .advanced-search-submit{
  min-height:37px;
  margin-top:6px;
  border-radius:11px;
  font-size:8.2px;
}

.device-shell[data-device="mobile"] .tools-secondary-row{
  width:100%!important;
  gap:16px;
  margin-top:16px;
}
.device-shell[data-device="mobile"] .tools-secondary-row>.finance-preview,
.device-shell[data-device="mobile"] .tools-secondary-row>.qa-compact{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  flex:0 0 100%!important;
}
.device-shell[data-device="mobile"] .qa-compact-window{
  width:100%!important;
  box-sizing:border-box;
}
.device-shell[data-device="mobile"] .qa-compact-heading,
.device-shell[data-device="mobile"] .finance-preview-heading{
  margin-bottom:6px;
}
.device-shell[data-device="mobile"] .qa-compact-heading h2,
.device-shell[data-device="mobile"] .tools-secondary-row .finance-preview-heading h2{
  font-size:18px;
}
.device-shell[data-device="mobile"] .finance-preview-heading>div{
  gap:7px;
}
.device-shell[data-device="mobile"] .finance-preview-heading>div>span{
  font-size:5.8px;
}
.device-shell[data-device="mobile"] .finance-calculator{
  padding:8px;
  border-radius:17px;
}
.device-shell[data-device="mobile"] .finance-tabs,
.device-shell[data-device="mobile"] .finance-category,
.device-shell[data-device="mobile"] .finance-fields>.finance-category{
  grid-template-columns:repeat(2,94px);
  width:max-content;
  height:31px;
  gap:5px;
}
.device-shell[data-device="mobile"] .finance-tabs button,
.device-shell[data-device="mobile"] .finance-category button,
.device-shell[data-device="mobile"] .finance-fields>.finance-category button{
  width:94px;
  min-height:30px;
  height:30px;
  padding:0 7px;
  border-radius:10px;
  font-size:8.4px;
}
.device-shell[data-device="mobile"] .finance-fields{
  gap:5px;
  margin-top:6px;
}
.device-shell[data-device="mobile"] .finance-field{
  gap:4px;
}
.device-shell[data-device="mobile"] .finance-field>span:first-child{
  font-size:8.4px;
}
.device-shell[data-device="mobile"] .finance-input-shell{
  height:39px;
  padding:0 10px;
  border-radius:11px;
}
.device-shell[data-device="mobile"] .finance-input-shell input{
  font-size:13px;
}
.device-shell[data-device="mobile"] .finance-term{
  padding:6px 8px;
  border-radius:12px;
}
.device-shell[data-device="mobile"] .finance-term>div>span,
.device-shell[data-device="mobile"] .finance-term strong{
  font-size:8px;
}
.device-shell[data-device="mobile"] .finance-range{
  margin-top:3px;
}
.device-shell[data-device="mobile"] .finance-result{
  margin-top:6px;
  padding:8px;
  border-radius:14px;
}
.device-shell[data-device="mobile"] .finance-result-main>span{
  font-size:8px;
}
.device-shell[data-device="mobile"] .finance-result-main strong{
  font-size:22px;
}
.device-shell[data-device="mobile"] .finance-result dl{
  margin-top:8px;
}
.device-shell[data-device="mobile"] .finance-result dt{
  font-size:6.2px;
}
.device-shell[data-device="mobile"] .finance-result dd{
  margin-top:2px;
  font-size:8.4px;
}
.device-shell[data-device="mobile"] .finance-action{
  width:min(230px,100%);
  min-height:37px;
  margin-top:6px;
  border-radius:11px;
  font-size:8.5px;
}

/* S06: readable mobile conditions. Keep the existing cards and scroll the
   panel rather than shrinking its contents to fit the screen. */
.device-shell[data-device="mobile"] .insurance-panel-header{
  position:relative;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
  padding:60px 12px 12px;
  background:#f6faff;
}
.device-shell[data-device="mobile"] .insurance-panel-shield{
  position:absolute;top:12px;left:12px;
  width:34px;height:34px;border-radius:11px;
}
.device-shell[data-device="mobile"] .insurance-panel-header small{
  font-size:.75rem;line-height:1.4;
}
.device-shell[data-device="mobile"] .insurance-panel-header h2{
  display:flex;flex-wrap:wrap;gap:4px;
  font-size:1.125rem;line-height:1.3;overflow-wrap:normal;
}
.device-shell[data-device="mobile"] .insurance-panel-header p{
  margin-top:6px;font-size:1rem;line-height:1.5;
}
.device-shell[data-device="mobile"] .insurance-close{
  position:absolute;top:12px;right:12px;
  width:44px;height:44px;min-width:44px;min-height:44px;
}
.device-shell[data-device="mobile"] .insurance-modal-stages{
  grid-template-columns:minmax(0,1fr);gap:10px;padding:12px;
}
.device-shell[data-device="mobile"] .insurance-modal-stages article{
  display:grid;grid-template-columns:minmax(0,1fr) 2rem;
  grid-template-rows:auto auto;gap:6px 8px;min-height:0;
  padding:12px;border-radius:12px;overflow-wrap:anywhere;
}
.device-shell[data-device="mobile"] .insurance-modal-stages article>span{
  position:static;grid-column:2;grid-row:1/3;align-self:start;
  justify-self:end;display:grid;width:2rem;min-height:1.75rem;
  height:auto;place-items:center;margin:0;border-radius:8px;
  font-size:.75rem;
}
.device-shell[data-device="mobile"] .insurance-modal-stages h3{
  grid-column:1;grid-row:1;margin:0;font-size:1.125rem;line-height:1.4;
}
.device-shell[data-device="mobile"] .insurance-modal-stages p{
  grid-column:1;grid-row:2;margin:0;font-size:1rem;line-height:1.5;
}
.device-shell[data-device="mobile"] #mauto-insurance-dialog .insurance-modal-note{
  grid-template-columns:minmax(0,1fr)!important;
  gap:6px;margin:0 12px;padding:12px;border-radius:12px;overflow-wrap:anywhere;
}
.device-shell[data-device="mobile"] #mauto-insurance-dialog .insurance-modal-note strong,
.device-shell[data-device="mobile"] #mauto-insurance-dialog .insurance-modal-note p{
  font-size:1rem;line-height:1.5!important;
}
.device-shell[data-device="mobile"] .insurance-panel-footer{
  position:sticky;bottom:0;z-index:4;padding:12px;
  background:#f6faff;
}
.device-shell[data-device="mobile"] .insurance-understood{
  min-height:48px;height:auto;padding:12px;font-size:1rem;line-height:1.5;
}
.device-shell[data-device="mobile"] .mauto-site-footer-contact .footer-phone-row{
  color:#fff;
  font-weight:700;
}

/* v309 — isolated mobile command centre.
   Desktop and tablet keep their approved hero, marquee and ecosystem unchanged. */
.mobile-dashboard{display:none}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.device-shell[data-device="mobile"] .mobile-dashboard{
  display:block;
  position:relative;
  z-index:20;
  width:100%;
  padding:0 9px 12px;
  overflow:hidden;
  background:#fff;
}
.device-shell[data-device="mobile"] .hero,
.device-shell[data-device="mobile"] .brand-strip,
.device-shell[data-device="mobile"] .ecosystem{
  display:none!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-topbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
  height:52px;
  padding:5px 2px 4px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-brand{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  color:#132b47;
  text-decoration:none;
}
.device-shell[data-device="mobile"] .mobile-dashboard-brand-mark{
  display:grid;
  width:38px;
  height:38px;
  flex:0 0 38px;
  place-items:center;
  border:1px solid rgba(62,136,222,.26);
  border-radius:50%;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(218,236,255,.72));
  box-shadow:inset 0 1px rgba(255,255,255,.98),0 7px 18px -13px rgba(27,79,137,.65);
}
.device-shell[data-device="mobile"] .mobile-dashboard-brand-mark img{
  width:31px;
  height:31px;
  object-fit:contain;
}
.device-shell[data-device="mobile"] .mobile-dashboard-brand-name{
  display:block;
  width:76px;
  height:auto;
  object-fit:contain;
  filter:contrast(1.04);
}
.device-shell[data-device="mobile"] .mobile-dashboard-location{
  display:flex;
  align-items:center;
  gap:4px;
  height:36px;
  padding:0 3px;
  border:0;
  background:transparent;
  color:#263d59;
  font-size:10px;
  font-weight:680;
  cursor:pointer;
}
.device-shell[data-device="mobile"] .mobile-dashboard-location>svg:first-child{
  width:16px;
  height:16px;
  fill:none;
  stroke:#276fbd;
  stroke-width:1.8;
}
.device-shell[data-device="mobile"] .mobile-dashboard-location .mobile-dashboard-chevron{
  width:12px;
  height:12px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
.device-shell[data-device="mobile"] .mobile-dashboard-actions{
  display:flex;
  gap:5px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-actions button{
  position:relative;
  display:grid;
  width:34px;
  height:34px;
  padding:0;
  place-items:center;
  border:1px solid rgba(84,143,211,.25);
  border-radius:50%;
  background:rgba(255,255,255,.73);
  box-shadow:inset 0 1px rgba(255,255,255,.96),0 8px 17px -15px rgba(31,72,119,.7);
  color:#173a61;
  cursor:pointer;
}
.device-shell[data-device="mobile"] .mobile-dashboard-actions svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.8;
}
.device-shell[data-device="mobile"] .mobile-dashboard-actions span{
  position:absolute;
  top:-3px;
  right:-2px;
  display:grid;
  width:14px;
  height:14px;
  place-items:center;
  border:1.5px solid #f7fbff;
  border-radius:50%;
  background:#2479e8;
  color:#fff;
  font-size:6px;
  font-weight:800;
}
.device-shell[data-device="mobile"] .mobile-dashboard-hero{
  position:relative;
  width:100%;
  overflow:hidden;
  border:1px solid rgba(89,150,218,.28);
  border-radius:22px;
  background:#f9fcff;
  box-shadow:0 16px 30px -25px rgba(19,59,104,.62),inset 0 1px rgba(255,255,255,.95);
}
.device-shell[data-device="mobile"] .mobile-dashboard-hero::after{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(247,251,255,.72) 0,rgba(247,251,255,.26) 40%,transparent 59%);
  content:"";
  pointer-events:none;
}
.device-shell[data-device="mobile"] .mobile-dashboard-hero>img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2041/770;
  object-fit:cover;
  object-position:center;
}

.device-shell[data-device="mobile"] .mobile-dashboard-hero-copy{
  position:absolute;
  z-index:2;
  top:17px;
  left:14px;
  max-width:210px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-hero-copy h1{
  margin:0;
  color:#0e2b4d;
  font-size:23px;
  font-weight:790;
  line-height:.98;
  letter-spacing:-.045em;
  text-shadow:0 1px rgba(255,255,255,.96);
}
.device-shell[data-device="mobile"] .mobile-dashboard-hero-copy p{
  margin:7px 0 0;
  color:#516c8b;
  font-size:10px;
  font-weight:610;
  letter-spacing:-.012em;
  text-shadow:0 1px rgba(255,255,255,.96);
}
.device-shell[data-device="mobile"] .mobile-dashboard-search{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) 38px;
  align-items:center;
  gap:7px;
  width:calc(100% - 16px);
  height:53px;
  margin:-17px auto 12px;
  padding:5px 5px 5px 13px;
  border:1px solid rgba(100,160,225,.3);
  border-radius:17px;
  background:rgba(255,255,255,.94);
  box-shadow:0 15px 27px -20px rgba(24,63,107,.56),inset 0 1px rgba(255,255,255,.98);
  backdrop-filter:blur(14px) saturate(116%);
}
.device-shell[data-device="mobile"] .mobile-dashboard-search-icon{
  width:21px;
  height:21px;
  fill:none;
  stroke:#2a6daf;
  stroke-linecap:round;
  stroke-width:1.8;
}
.device-shell[data-device="mobile"] .mobile-dashboard-submit{
  display:grid;
  place-items:center;
  width:22px;
  height:30px;
  padding:0;
  border:0;
  border-radius:10px;
  background:transparent;
  cursor:pointer;
}
.device-shell[data-device="mobile"] .mobile-dashboard-submit:focus-visible{
  outline:2px solid rgba(45,132,233,.62);
  outline-offset:2px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-search input{
  min-width:0;
  height:100%;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:#183650;
  font-size:11.5px;
  font-weight:610;
}
.device-shell[data-device="mobile"] .mobile-dashboard-search input::placeholder{color:#6d8097;opacity:1}
.device-shell[data-device="mobile"] .mobile-dashboard-camera{
  display:grid;
  width:38px;
  height:38px;
  padding:0;
  place-items:center;
  border:0;
  border-left:1px solid rgba(112,157,208,.22);
  border-radius:12px;
  background:linear-gradient(145deg,#f4f9ff,#e2effd);
  color:var(--mauto-ds-color-primary,#3c78da);
  cursor:pointer;
}
.device-shell[data-device="mobile"] .mobile-dashboard-camera svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.8;
}
.device-shell[data-device="mobile"] .mobile-dashboard-grid{
  display:grid;
  grid-auto-flow:row;
  grid-auto-rows:94px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  width:100%;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile{
  position:relative;
  display:block;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(112,166,223,.3);
  border-radius:17px;
  background:
    radial-gradient(circle at 89% 10%,rgba(173,214,255,.24),transparent 6rem),
    linear-gradient(145deg,rgba(255,255,255,.93),rgba(235,245,255,.9));
  box-shadow:0 13px 24px -21px rgba(27,66,109,.55),inset 0 1px rgba(255,255,255,.98);
  color:#132e4f;
  text-decoration:none;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile:active{
  transform:scale(.982);
  border-color:rgba(58,134,222,.52);
  box-shadow:0 8px 17px -16px rgba(27,66,109,.5),inset 0 2px 7px rgba(46,103,166,.08);
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile>span{
  position:relative;
  z-index:3;
  display:block;
  padding:12px 12px 0;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile strong,
.device-shell[data-device="mobile"] .mobile-dashboard-tile small{
  display:block;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile strong{
  max-width:142px;
  color:#112d4c;
  font-size:12px;
  font-weight:780;
  line-height:1.08;
  letter-spacing:-.025em;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile small{
  max-width:122px;
  margin-top:4px;
  color:#627996;
  font-size:7.8px;
  font-weight:580;
  line-height:1.25;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile>img{
  position:absolute;
  z-index:1;
  display:block;
  width:105px;
  height:64px;
  right:-2px;
  bottom:-3px;
  object-fit:contain;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile>i,
.device-shell[data-device="mobile"] .mobile-dashboard-tile>em{
  position:absolute;
  z-index:4;
  right:8px;
  bottom:8px;
  display:grid;
  width:25px;
  height:25px;
  place-items:center;
  border:1px solid rgba(69,137,214,.22);
  border-radius:9px;
  background:rgba(255,255,255,.83);
  box-shadow:0 6px 12px -10px rgba(26,73,121,.5);
  color:var(--mauto-ds-color-primary,#3c78da);
  font-size:13px;
  font-style:normal;
  font-weight:720;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-auto,
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside{
  grid-row:span 2;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-auto>span,
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside>span{
  padding:14px 13px 0;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-auto strong,
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside strong{
  font-size:14px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-auto small,
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside small{
  max-width:138px;
  font-size:8.5px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-auto>img,
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside>img{
  width:164px;
  height:112px;
  right:2px;
  bottom:9px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-parts>img{width:100px;height:69px;right:-3px;bottom:-5px}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-service>img{width:96px;height:66px;right:0;bottom:-6px}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-school>img{width:84px;height:58px;right:2px;bottom:-7px}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-tuning>img{width:91px;height:61px;right:0;bottom:-7px}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-dealers>img{width:99px;height:65px;right:-3px;bottom:-5px}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside{
  border-color:rgba(239,109,106,.31);
  background:
    radial-gradient(circle at 86% 10%,rgba(255,191,187,.2),transparent 6rem),
    linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,238,237,.92));
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside strong,
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside>i{color:#d92831}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-tradein::after{
  content:none;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-tradein>i{display:grid}
.device-shell[data-device="mobile"] .mobile-dashboard-tradein-icon{
  position:absolute;
  z-index:2;
  right:10px;
  bottom:9px;
  width:43px;
  height:43px;
  padding:4px;
  border:1px solid rgba(72,164,127,.22);
  border-radius:50%;
  background:linear-gradient(145deg,rgba(250,255,253,.98),rgba(223,248,234,.94));
  box-shadow:0 9px 18px -14px rgba(31,97,72,.55),inset 0 1px rgba(255,255,255,.95);
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:3.4;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tradein-icon .tradein-arrow-blue{stroke:#287edc}
.device-shell[data-device="mobile"] .mobile-dashboard-tradein-icon .tradein-arrow-green{stroke:#27aa62}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-arrow-left>i{
  right:auto;
  left:8px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-all>b{
  position:absolute;
  right:18px;
  top:17px;
  display:grid;
  grid-template-columns:repeat(2,11px);
  gap:4px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-all>b>i{
  width:11px;
  height:11px;
  border-radius:3px;
  background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da));
}

@media (prefers-reduced-motion:reduce){
  .device-shell[data-device="mobile"] .mobile-dashboard-tile{transition:none}
}

/* v314 — independent large-screen typography restoration.
   Desktop and tablet receive device-specific reading scales after the
   smartphone refinement. Mobile typography is intentionally untouched. */
.device-shell[data-device="desktop"] .reference-copy h1{
  font-size:47px;
  line-height:.97;
}
.device-shell[data-device="desktop"] .hero-capability-card>div>span{
  font-size:12px;
}
.device-shell[data-device="desktop"] .hero-capability-card>div>p{
  font-size:15px;
  line-height:1.36;
}
.device-shell[data-device="desktop"] .hero-card-features{
  font-size:13px;
  line-height:1.28;
}
.device-shell[data-device="desktop"] .ecosystem h2{
  font-size:26px;
}
.device-shell[data-device="desktop"] .cards strong{
  font-size:21px;
}
.device-shell[data-device="desktop"] .cards small{
  font-size:13px;
  line-height:1.34;
}
.device-shell[data-device="desktop"] .cards .card-features i{
  min-height:25px;
  padding-inline:9px;
  font-size:9.25px;
}
.device-shell[data-device="desktop"] .cards b{
  font-size:11px;
}
.device-shell[data-device="desktop"] .insurance-trigger strong{
  font-size:18px;
}
.device-shell[data-device="desktop"] .insurance-stages strong{
  font-size:10.5px;
}
.device-shell[data-device="desktop"] .insurance-stages small{
  font-size:7.75px;
  line-height:1.25;
}
.device-shell[data-device="desktop"] .advanced-search-form>.advanced-search-heading h2,
.device-shell[data-device="desktop"] .qa-compact-heading h2,
.device-shell[data-device="desktop"] .tools-secondary-row .finance-preview-heading h2{
  font-size:24px;
}
.device-shell[data-device="desktop"] .advanced-search-vehicle label>span{
  font-size:11px;
}
.device-shell[data-device="desktop"] .advanced-search-vehicle select{
  font-size:13px;
}
.device-shell[data-device="desktop"] .advanced-search-mode button{
  font-size:11px;
}
.device-shell[data-device="desktop"] .advanced-search-input input{
  font-size:13.5px;
}
.device-shell[data-device="desktop"] .advanced-search-submit{
  font-size:12.5px;
}
.device-shell[data-device="desktop"] .qa-compact-bubble p{
  font-size:12.5px;
  line-height:1.45;
}
.device-shell[data-device="desktop"] .finance-tabs button,
.device-shell[data-device="desktop"] .finance-category button{
  font-size:11px;
}
.device-shell[data-device="desktop"] .finance-field>span:first-child,
.device-shell[data-device="desktop"] .finance-term>div>span{
  font-size:10px;
}
.device-shell[data-device="desktop"] .finance-input-shell input{
  font-size:14px;
}
.device-shell[data-device="desktop"] .finance-result-main strong{
  font-size:24px;
}
.device-shell[data-device="desktop"] .finance-action{
  font-size:11px;
}
.device-shell[data-device="desktop"] .mauto-site-footer-brand p{
  font-size:12.5px;
}
.device-shell[data-device="desktop"] .mauto-site-footer nav>a,
.device-shell[data-device="desktop"] .mauto-site-footer-contact>span,
.device-shell[data-device="desktop"] .mauto-site-footer-contact>a{
  font-size:11.5px;
}

.device-shell[data-device="tablet"] .reference-copy h1{
  font-size:36px;
  line-height:.94;
}
.device-shell[data-device="tablet"] .hero-capability-card>div>span{
  font-size:8.2px;
}
.device-shell[data-device="tablet"] .hero-capability-card>div>p::before{
  font-size:9.2px;
  line-height:1.34;
}
.device-shell[data-device="tablet"] .hero-card-features::before{
  font-size:7.8px;
}
.device-shell[data-device="tablet"] .ecosystem h2{
  font-size:24px;
}
.device-shell[data-device="tablet"] .cards strong{
  font-size:15px;
  line-height:1.08;
}
.device-shell[data-device="tablet"] .cards small{
  min-height:28px;
  font-size:9.2px;
  line-height:1.3;
}
.device-shell[data-device="tablet"] .cards .card-features{
  gap:4px;
}
.device-shell[data-device="tablet"] .cards .card-features i{
  min-height:18px;
  padding-inline:5px;
  font-size:6.8px;
}
.device-shell[data-device="tablet"] .cards b{
  min-height:26px;
  font-size:8.2px;
}
.device-shell[data-device="tablet"] .insurance-trigger strong{
  font-size:14.5px;
}
.device-shell[data-device="tablet"] .insurance-trigger-action{
  font-size:7.6px;
}
.device-shell[data-device="tablet"] .insurance-stages strong{
  font-size:8.3px;
}
.device-shell[data-device="tablet"] .insurance-stages small{
  font-size:6.1px;
  line-height:1.2;
}
.device-shell[data-device="tablet"] .advanced-search-form>.advanced-search-heading h2,
.device-shell[data-device="tablet"] .qa-compact-heading h2,
.device-shell[data-device="tablet"] .tools-secondary-row .finance-preview-heading h2{
  font-size:22px;
}
.device-shell[data-device="tablet"] .advanced-search-vehicle label>span{
  font-size:9.25px;
}
.device-shell[data-device="tablet"] .advanced-search-vehicle select{
  font-size:11.25px;
}
.device-shell[data-device="tablet"] .advanced-search-mode button{
  font-size:9.5px;
}
.device-shell[data-device="tablet"] .advanced-search-input input{
  font-size:11.25px;
}
.device-shell[data-device="tablet"] .advanced-search-submit{
  font-size:11px;
}
.device-shell[data-device="tablet"] .qa-compact-bubble p{
  font-size:9.25px;
  line-height:1.4;
}
.device-shell[data-device="tablet"] .finance-tabs button,
.device-shell[data-device="tablet"] .finance-category button{
  font-size:8.7px;
}
.device-shell[data-device="tablet"] .finance-field>span:first-child,
.device-shell[data-device="tablet"] .finance-term>div>span{
  font-size:7.5px;
}
.device-shell[data-device="tablet"] .finance-input-shell input{
  font-size:11.75px;
}
.device-shell[data-device="tablet"] .finance-result-main strong{
  font-size:22px;
}
.device-shell[data-device="tablet"] .finance-action{
  font-size:9.5px;
}
.device-shell[data-device="tablet"] .mauto-site-footer-brand p{
  font-size:8.5px;
}
.device-shell[data-device="tablet"] .mauto-site-footer nav>a,
.device-shell[data-device="tablet"] .mauto-site-footer-contact>span,
.device-shell[data-device="tablet"] .mauto-site-footer-contact>a{
  font-size:7.25px;
}

/* v318 — mobile dialogue density and viewport containment.
   The mobile site now uses the shell's inner width instead of overflowing
   beneath its right bezel. Dialogue lanes stay fixed, but closely follow
   their content so the client and Mauto answer read as one compact exchange. */
.device-shell[data-device="mobile"] .device-surface,
.device-shell[data-device="mobile"] .site{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box;
}
.device-shell[data-device="mobile"] .site *,
.device-shell[data-device="mobile"] .site *::before,
.device-shell[data-device="mobile"] .site *::after{
  box-sizing:border-box;
}
.device-shell[data-device="mobile"] .tools-workspace,
.device-shell[data-device="mobile"] .advanced-search-preview,
.device-shell[data-device="mobile"] .tools-secondary-row,
.device-shell[data-device="mobile"] .finance-preview,
.device-shell[data-device="mobile"] .qa-compact{
  min-width:0!important;
  max-width:100%!important;
}
.device-shell[data-device="mobile"] .qa-compact-heading{
  margin-bottom:5px;
}
.device-shell[data-device="mobile"] .qa-compact-window{
  height:206px;
  grid-template-rows:62px 116px;
  align-content:start;
  gap:8px;
  padding:10px;
}
.device-shell[data-device="mobile"] .qa-compact-message{
  gap:7px;
}
.device-shell[data-device="mobile"] .qa-compact-mauto .qa-compact-bubble{
  align-self:flex-start;
}
.device-shell[data-device="mobile"] .qa-compact-mauto-avatar{
  align-self:flex-end;
}
.device-shell[data-device="mobile"] .qa-compact-client .qa-compact-bubble,
.device-shell[data-device="mobile"] .qa-compact-mauto .qa-compact-bubble{
  width:calc(100% - 43px);
  max-width:calc(100% - 43px);
  padding:9px 10px;
}
.device-shell[data-device="mobile"] .qa-compact-meta{
  margin-bottom:5px;
}

/* v320 — mobile CGI command centre.
   The phone uses the registered desktop/tablet CGI layers instead of a
   duplicate promotional still. Desktop and tablet rules are untouched. */
.mobile-dashboard-grid,
.mobile-dashboard-concierge{
  display:none;
}

.device-shell[data-device="mobile"] .site{
  display:flex;
  flex-direction:column;
  overflow-x:hidden;
}
.device-shell[data-device="mobile"] .site>*{
  order:10;
}
.device-shell[data-device="mobile"] .mobile-dashboard{
  order:1;
  display:block;
  padding:0 9px;
  overflow:visible;
  background:#fff;
}
.device-shell[data-device="mobile"] .hero{
  order:2;
  display:block!important;
  position:relative!important;
  width:calc(100% - 18px)!important;
  height:174px!important;
  min-height:174px!important;
  margin:0 9px!important;
  overflow:hidden!important;
  border:1px solid rgba(83,148,218,.27)!important;
  border-radius:20px 20px 0 0!important;
  background:#f7fbff!important;
  box-shadow:0 13px 25px -23px rgba(20,65,111,.55)!important;
  isolation:isolate;
}
.device-shell[data-device="mobile"] .hero::before,
.device-shell[data-device="mobile"] .hero::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
  background:none!important;
}
.device-shell[data-device="mobile"] .hero-visual{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  opacity:1!important;
  filter:none!important;
  background:#f7fbff!important;
}
.device-shell[data-device="mobile"] .hero-visual>.scene-layer,
.device-shell[data-device="mobile"] .hero-visual>.scene-layer>img,
.device-shell[data-device="mobile"] .hero-visual>.matrix>img,
.device-shell[data-device="mobile"] .scene-layer.internals img,
.device-shell[data-device="mobile"] .scene-layer.lights{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  transform-origin:center!important;
  filter:none!important;
}
.device-shell[data-device="mobile"] .scene-layer.matrix,
.device-shell[data-device="mobile"] .scene-layer.internals,
.device-shell[data-device="mobile"] .scene-layer.lights,
.device-shell[data-device="mobile"] .matrix-pixels{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  transform:none!important;
}
.device-shell[data-device="mobile"] .protected-car,
.device-shell[data-device="mobile"] .rear-amber-glow{
  display:none!important;
  opacity:0!important;
}
.device-shell[data-device="mobile"] .reference-copy{
  position:absolute!important;
  inset:0!important;
  z-index:34!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
  pointer-events:none;
}
.device-shell[data-device="mobile"] .reference-copy::before,
.device-shell[data-device="mobile"] .hero-capability-deck,
.device-shell[data-device="mobile"] .hero-mobile-controls{
  display:none!important;
}
.device-shell[data-device="mobile"] .hero-title-lockup{
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  display:grid!important;
  grid-template-columns:max-content 32px!important;
  align-items:center!important;
  gap:3px!important;
  width:auto!important;
  height:auto!important;
}
.device-shell[data-device="mobile"] .reference-copy h1{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  color:#102d4d;
  font-size:21px!important;
  font-weight:850;
  line-height:.9!important;
  letter-spacing:-.055em!important;
  text-shadow:0 1px rgba(255,255,255,.98),0 3px 9px rgba(255,255,255,.88)!important;
}
.device-shell[data-device="mobile"] .reference-copy h1>span{
  white-space:nowrap;
}
.device-shell[data-device="mobile"] .hero-title-mark{
  position:static!important;
  display:block!important;
  width:32px!important;
  height:32px!important;
  margin:0!important;
  transform:none!important;
  filter:drop-shadow(0 7px 11px rgba(18,75,127,.15));
}
.device-shell[data-device="mobile"] .hero-title-mark::before,
.device-shell[data-device="mobile"] .hero-title-mark::after{
  transform:none!important;
}
.device-shell[data-device="mobile"] .brand-strip{
  order:3;
  display:block!important;
  width:calc(100% - 18px)!important;
  height:31px!important;
  margin:0 9px!important;
  border:1px solid rgba(110,158,211,.2)!important;
  border-top:0!important;
  border-radius:0 0 14px 14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,247,253,.97))!important;
  box-shadow:0 12px 23px -23px rgba(21,64,108,.52)!important;
}
.device-shell[data-device="mobile"] .brand-track{
  height:100%;
}
.device-shell[data-device="mobile"] .brand-set{
  height:100%;
  gap:13px;
  padding-inline:10px;
}
.device-shell[data-device="mobile"] .brand-set img{
  max-width:47px;
  height:14px;
}
.device-shell[data-device="mobile"] .brand-set .brand-icon{
  max-width:18px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-concierge{
  order:4;
  position:relative;
  display:grid;
  grid-template-columns:31px minmax(0,1fr) 24px;
  align-items:center;
  gap:8px;
  width:calc(100% - 18px);
  min-height:48px;
  margin:7px 9px 8px;
  padding:6px 8px;
  overflow:hidden;
  border:1px solid rgba(86,151,219,.28);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(226,240,255,.9));
  box-shadow:0 12px 23px -22px rgba(22,65,111,.55),inset 0 1px rgba(255,255,255,.98);
  color:#153452;
  text-decoration:none;
}
.device-shell[data-device="mobile"] .mobile-dashboard-concierge::after{
  position:absolute;
  top:-24px;
  right:36px;
  width:92px;
  height:58px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(92,177,244,.16),transparent 69%);
  content:"";
  pointer-events:none;
}
.device-shell[data-device="mobile"] .mobile-dashboard-concierge-mark{
  display:grid;
  width:31px;
  height:31px;
  place-items:center;
  border:1px solid rgba(78,146,221,.24);
  border-radius:50%;
  background:rgba(235,246,255,.88);
}
.device-shell[data-device="mobile"] .mobile-dashboard-concierge-mark img{
  width:25px;
  height:25px;
  object-fit:contain;
}
.device-shell[data-device="mobile"] .mobile-dashboard-concierge>span:nth-child(2){
  display:grid;
  gap:2px;
  min-width:0;
}
.device-shell[data-device="mobile"] .mobile-dashboard-concierge strong{
  font-size:10px;
  line-height:1.05;
}
.device-shell[data-device="mobile"] .mobile-dashboard-concierge small{
  overflow:hidden;
  color:#647d98;
  font-size:7.2px;
  font-weight:620;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.device-shell[data-device="mobile"] .mobile-dashboard-concierge>i{
  position:relative;
  z-index:2;
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  border:1px solid rgba(65,139,222,.22);
  border-radius:9px;
  background:rgba(255,255,255,.76);
  color:var(--mauto-ds-color-primary,#3c78da);
  font-size:13px;
  font-style:normal;
}
.device-shell[data-device="mobile"] .mobile-dashboard-grid{
  order:5;
  display:grid;
  width:calc(100% - 18px);
  margin:0 9px 12px;
}
.device-shell[data-device="mobile"] .ecosystem{
  display:none!important;
}

@media (prefers-reduced-motion:reduce){
  .device-shell[data-device="mobile"] .mobile-dashboard-concierge{scroll-behavior:auto}
}

/* v321 — Insurance notice is editorial text, not another action.
   Keep the pale-green information canvas and remove the raised green badge
   consistently on desktop, tablet and phone. */
.insurance-modal .insurance-modal-note{
  grid-template-columns:max-content minmax(0,1fr)!important;
  align-items:center!important;
}
.insurance-modal .insurance-modal-note strong{
  display:block!important;
  align-self:center!important;
  justify-self:start!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:#168a52!important;
  font-size:10px;
  font-weight:790;
  line-height:1.2!important;
  text-align:left!important;
}
.device-shell[data-device="tablet"] .insurance-modal .insurance-modal-note strong{
  font-size:8px;
}
.device-shell[data-device="mobile"] .insurance-modal .insurance-modal-note strong{
  font-size:7.5px;
}

/* v322 — Mobile services are the nine actual Mauto directions.
   The two hero tiles are tightened; the commercial category closes the
   composition as a full-width row instead of the unrelated Trade-in tile. */
.device-shell[data-device="mobile"] .mobile-dashboard-grid{
  grid-auto-rows:86px;
  gap:7px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-auto,
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside{
  min-height:179px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-auto>span,
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside>span{
  padding-top:12px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-auto>img,
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside>img{
  height:104px;
  bottom:5px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-disassembly>img{
  width:91px;
  height:61px;
  right:0;
  bottom:-5px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial{
  grid-column:1 / -1;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial>span{
  padding-right:148px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial strong{
  max-width:none;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial small{
  max-width:160px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial>img{
  width:150px;
  height:78px;
  right:13px;
  bottom:-2px;
}

/* v323 — Mobile category rhythm: the school becomes the green full-width
   bridge; commercial transport returns to the compact bottom pair. */
.device-shell[data-device="mobile"] .mobile-dashboard-tile-auto{
  border-color:rgba(69,139,220,.38);
  background:
    radial-gradient(circle at 88% 10%,rgba(117,183,248,.28),transparent 6.3rem),
    linear-gradient(145deg,rgba(252,254,255,.97),rgba(222,239,255,.94));
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-school{
  grid-column:1 / -1;
  border-color:rgba(65,175,116,.4);
  background:
    radial-gradient(circle at 88% 12%,rgba(114,220,163,.25),transparent 6.5rem),
    linear-gradient(145deg,rgba(252,255,253,.97),rgba(224,247,234,.94));
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-school>span{
  padding-right:150px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-school strong{
  max-width:none;
  color:#14784c;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-school small{
  max-width:175px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-school>img{
  width:145px;
  height:78px;
  right:14px;
  bottom:-5px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-school>i{
  color:#168a52;
  border-color:rgba(48,157,100,.25);
  background:rgba(249,255,251,.88);
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial{
  grid-column:auto;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial>span{
  padding-right:0;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial strong{
  max-width:142px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial small{
  max-width:122px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial>img{
  width:96px;
  height:62px;
  right:-1px;
  bottom:-4px;
}

/* v324 — one centred phone canvas and one continuous CGI masthead.
   The preview shell now keeps the 390px design surface intact while fitting;
   the hero and marquee form one edge-to-edge visual instead of two cards. */
.device-shell[data-device="mobile"] .device-surface{
  width:390px!important;
  max-width:none!important;
  min-width:390px!important;
}
.device-shell[data-device="mobile"] .hero{
  width:100%!important;
  height:162px!important;
  min-height:162px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.device-shell[data-device="mobile"] .hero-visual{
  overflow:hidden!important;
  background:#f7fbff!important;
}
.device-shell[data-device="mobile"] .hero-visual>.scene-layer{
  transform:scale(1.1)!important;
  transform-origin:left center!important;
}
.device-shell[data-device="mobile"] .hero-visual>.scene-layer>img{
  transform:none!important;
}
.device-shell[data-device="mobile"] .matrix-pixels{
  transform:scale(1.1)!important;
  transform-origin:left center!important;
}
.device-shell[data-device="mobile"] .brand-strip{
  width:100%!important;
  height:31px!important;
  margin:0!important;
  border-right:0!important;
  border-left:0!important;
  border-radius:0!important;
  box-shadow:0 10px 20px -22px rgba(21,64,108,.42)!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-concierge{
  margin-top:4px;
  margin-bottom:7px;
}

/* v325 — mobile service cards are fully tappable; redundant arrow badges removed */
.device-shell[data-device="mobile"] .mobile-dashboard-tile{
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transition:
    transform .18s cubic-bezier(.2,.75,.25,1),
    border-color .18s ease,
    box-shadow .18s ease,
    filter .18s ease;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile>i{
  display:none!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile>img{
  transition:transform .2s cubic-bezier(.2,.75,.25,1),filter .2s ease;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile:focus-visible{
  outline:2px solid rgba(40,126,222,.78);
  outline-offset:2px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile:active{
  transform:translateY(1px) scale(.99);
  border-color:rgba(48,134,228,.52);
  box-shadow:
    0 6px 14px -13px rgba(27,66,109,.52),
    inset 0 2px 7px rgba(46,103,166,.1);
  filter:saturate(1.035);
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile:active>img{
  transform:translateX(2px) scale(1.015);
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial small{
  max-width:132px;
}
@media (prefers-reduced-motion:reduce){
  .device-shell[data-device="mobile"] .mobile-dashboard-tile,
  .device-shell[data-device="mobile"] .mobile-dashboard-tile>img{
    transition:none!important;
  }
}

/* v326 — clearer mobile service naming and support affordance */
.device-shell[data-device="mobile"] .mobile-dashboard-concierge{
  grid-template-columns:31px minmax(0,1fr) 24px 24px;
  gap:7px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-concierge-headset{
  position:relative;
  z-index:2;
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  color:#173b68;
}
.device-shell[data-device="mobile"] .mobile-dashboard-concierge-headset svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.8;
}

/* v327 — unified category pictograms for the nine mobile service cards */
.mauto-category-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,currentColor 22%,transparent);
  border-radius:50%;
  background:var(--icon-background);
  box-sizing:border-box;
}
.mauto-category-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mauto-category-icon--green{--icon-background:#EEFBF2;color:#2DBE55}
.mauto-category-icon--blue{--icon-background:#EFF5FF;color:#2878F6}
.mauto-category-icon--red{--icon-background:#FFF1F1;color:#FF3B3B}
.mauto-category-icon--purple{--icon-background:#F5F0FF;color:#814CF6}
.mauto-category-icon--orange{--icon-background:#FFF4E7;color:#ED921F}
.device-shell[data-device="mobile"] .mobile-dashboard-tile>span{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:7px;
  row-gap:2px;
  align-items:start;
  padding:10px 9px 0!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile .mauto-category-icon{
  grid-column:1;
  grid-row:1/3;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile strong,
.device-shell[data-device="mobile"] .mobile-dashboard-tile small{
  grid-column:2;
  min-width:0;
  margin-top:0;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile strong{grid-row:1}
.device-shell[data-device="mobile"] .mobile-dashboard-tile small{grid-row:2}

/* v328 — the brand mark lives in the global header; the CGI headline stays typographic */
.hero-title-lockup,
.device-shell[data-device="tablet"] .hero-title-lockup{
  grid-template-columns:max-content;
  gap:0;
}
.device-shell[data-device="mobile"] .hero-title-lockup{
  grid-template-columns:max-content!important;
  gap:0!important;
}

/* v330 — denser mobile brand rail with enlarged, tightly cropped emblem-only marks */
.device-shell[data-device="mobile"] .brand-set{
  gap:9px;
  padding-inline:7px;
}
.device-shell[data-device="mobile"] .brand-set>*{
  margin-inline:6px;
}
.device-shell[data-device="mobile"] .brand-set>.brand-icon{
  width:25px;
  max-width:25px;
  height:21px;
  margin-inline:3px;
  object-fit:cover;
  object-position:center;
}

/* v332 — mobile service hierarchy and bare reference-matched pictograms */
.device-shell[data-device="mobile"] .mauto-category-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.device-shell[data-device="mobile"] .mauto-category-icon svg{
  width:26px;
  height:26px;
  stroke-width:1.85;
  overflow:visible;
}
.device-shell[data-device="mobile"] .mauto-category-icon img{
  display:block;
  width:28px;
  height:28px;
  object-fit:contain;
}
.device-shell[data-device="mobile"] .mauto-category-icon .icon-solid{
  fill:currentColor;
  stroke:none;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile>span{
  grid-template-columns:28px minmax(0,1fr);
  column-gap:8px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-auto,
.device-shell[data-device="mobile"] .mobile-dashboard-tile-parts{
  grid-row:span 2;
  min-height:179px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-parts>span{
  padding-top:12px!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-parts strong{
  max-width:142px;
  font-size:14px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-parts small{
  max-width:138px;
  font-size:8.5px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-parts>img{
  width:164px;
  height:104px;
  right:2px;
  bottom:5px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-school{
  grid-column:auto;
  grid-row:auto;
  min-height:0;
  border-color:rgba(112,166,223,.3);
  background:radial-gradient(circle at 89% 10%,rgba(173,214,255,.24),transparent 6rem),linear-gradient(145deg,rgba(255,255,255,.93),rgba(235,245,255,.9));
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-school>span{
  padding:10px 9px 0!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-school strong{
  max-width:142px;
  color:#112d4c;
  font-size:12px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-school small{
  max-width:122px;
  font-size:7.8px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-school>img{
  width:84px;
  height:58px;
  right:2px;
  bottom:-7px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside{
  grid-column:1 / -1;
  grid-row:auto;
  min-height:0;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside>span{
  padding:10px 150px 0 9px!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside strong{
  max-width:none;
  font-size:12px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside small{
  max-width:175px;
  font-size:7.8px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside>img{
  width:145px;
  height:78px;
  right:14px;
  bottom:-5px;
}

/* v335 — keep the complete mobile year placeholder visible in the compact row */
.device-shell[data-device="mobile"] .advanced-search-vehicle{
  grid-template-columns:minmax(0,1fr) minmax(0,.97fr) 70px;
}
.device-shell[data-device="mobile"] .advanced-search-vehicle label:last-child select{
  min-width:0;
  padding-right:12px;
  padding-left:8px;
  font-size:8px;
  text-overflow:clip;
}

/* v336 — restrained category colour coding across desktop, tablet and mobile */
.cards #c1{
  border-color:rgba(74,146,219,.48);
  background:
    radial-gradient(circle at 88% 8%,rgba(111,184,250,.22),transparent 12rem),
    linear-gradient(135deg,rgba(255,255,255,.97),rgba(226,241,255,.95));
}
.cards #c1::before{
  background:
    linear-gradient(118deg,rgba(255,255,255,.82),rgba(255,255,255,.12) 36%,transparent 54%),
    radial-gradient(circle at 91% 5%,rgba(86,164,234,.18),transparent 42%);
}
.cards #c2{
  border-color:rgba(74,146,219,.48);
  background:
    radial-gradient(circle at 88% 8%,rgba(111,184,250,.22),transparent 12rem),
    linear-gradient(135deg,rgba(255,255,255,.97),rgba(226,241,255,.95));
}
.cards #c2::before{
  background:
    linear-gradient(118deg,rgba(255,255,255,.82),rgba(255,255,255,.12) 36%,transparent 54%),
    radial-gradient(circle at 91% 5%,rgba(86,164,234,.18),transparent 42%);
}
.cards #c9{
  border-color:rgba(229,91,96,.38);
  background:
    radial-gradient(circle at 88% 8%,rgba(255,145,145,.2),transparent 12rem),
    linear-gradient(135deg,rgba(255,255,255,.97),rgba(255,234,234,.95));
}
.cards #c9::before{
  background:
    linear-gradient(118deg,rgba(255,255,255,.82),rgba(255,255,255,.12) 36%,transparent 54%),
    radial-gradient(circle at 91% 5%,rgba(241,102,107,.16),transparent 42%);
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-parts{
  border-color:rgba(69,139,220,.38);
  background:
    radial-gradient(circle at 88% 10%,rgba(117,183,248,.28),transparent 6.3rem),
    linear-gradient(145deg,rgba(252,254,255,.97),rgba(222,239,255,.94));
}

/* v340 — compact-card copy remains constrained when a secondary line is present */
.device-shell[data-device="mobile"] :is(
  .mobile-dashboard-tile-service,
  .mobile-dashboard-tile-tuning,
  .mobile-dashboard-tile-disassembly,
  .mobile-dashboard-tile-school,
  .mobile-dashboard-tile-dealers,
  .mobile-dashboard-tile-commercial
)>span{
  row-gap:1px;
}
.device-shell[data-device="mobile"] :is(
  .mobile-dashboard-tile-service,
  .mobile-dashboard-tile-tuning,
  .mobile-dashboard-tile-disassembly,
  .mobile-dashboard-tile-school,
  .mobile-dashboard-tile-dealers,
  .mobile-dashboard-tile-commercial
) small{
  width:38px;
  max-width:38px;
  line-height:1.12;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-tuning small,
.device-shell[data-device="mobile"] .mobile-dashboard-tile-disassembly small{
  width:40px;
  max-width:40px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-school small{
  width:44px;
  max-width:44px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-dealers small{
  width:37px;
  max-width:37px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial small{
  width:36px;
  max-width:36px;
}

/* v341 — the same bare category pictograms on desktop and tablet tiles */
.cards .card-category-icon{
  position:absolute;
  z-index:5;
  top:15px;
  left:15px;
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  pointer-events:none;
}
.cards .card-category-icon svg{
  width:28px;
  height:28px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.cards .card-category-icon .icon-solid{
  fill:currentColor;
  stroke:none;
}
.cards .card-category-icon img{
  position:static;
  display:block;
  width:30px;
  height:30px;
  max-width:none;
  object-fit:contain;
  filter:none;
  transform:none;
  transition:none;
}
.cards a:hover .card-category-icon img{
  transform:none;
}
.device-shell[data-device="tablet"] .cards .card-category-icon{
  top:12px;
  left:12px;
  width:25px;
  height:25px;
}
.device-shell[data-device="tablet"] .cards .card-category-icon svg,
.device-shell[data-device="tablet"] .cards .card-category-icon img{
  width:24px;
  height:24px;
}
.device-shell[data-device="mobile"] .cards .card-category-icon{
  display:none;
}

/* v342 — support is part of the ecosystem heading on desktop and tablet. */
.ecosystem>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.ecosystem>header>h2{
  flex:0 0 auto;
}
.ecosystem-support{
  position:relative;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 25px 27px;
  align-items:center;
  gap:8px;
  width:min(430px,42vw);
  min-height:54px;
  margin-left:auto;
  padding:6px 8px;
  overflow:hidden;
  border:1px solid rgba(86,151,219,.28);
  border-radius:17px;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(226,240,255,.92));
  box-shadow:0 13px 25px -23px rgba(22,65,111,.58),inset 0 1px rgba(255,255,255,.98);
  color:#153452;
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.ecosystem-support::after{
  position:absolute;
  top:-27px;
  right:48px;
  width:110px;
  height:67px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(92,177,244,.15),transparent 69%);
  content:"";
  pointer-events:none;
}
.ecosystem-support:hover{
  transform:translateY(-1px);
  border-color:rgba(54,137,226,.4);
  box-shadow:0 16px 28px -23px rgba(22,65,111,.66),inset 0 1px rgba(255,255,255,1);
}
.ecosystem-support:focus-visible{
  outline:2px solid rgba(40,126,222,.78);
  outline-offset:2px;
}
.ecosystem-support-mark{
  position:relative;
  z-index:2;
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border:1px solid rgba(78,146,221,.24);
  border-radius:50%;
  background:rgba(235,246,255,.88);
}
.ecosystem-support-mark img{
  width:28px;
  height:28px;
  object-fit:contain;
}
.ecosystem-support-copy{
  position:relative;
  z-index:2;
  display:grid;
  gap:3px;
  min-width:0;
}
.ecosystem-support-copy strong{
  color:#153452;
  font-size:12px;
  font-weight:760;
  line-height:1.05;
}
.ecosystem-support-copy small{
  overflow:hidden;
  color:#647d98;
  font-size:8.2px;
  font-weight:620;
  line-height:1.18;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ecosystem-support-headset{
  position:relative;
  z-index:2;
  display:grid;
  width:25px;
  height:25px;
  place-items:center;
  color:#173b68;
}
.ecosystem-support-headset svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.8;
}
.ecosystem-support>i{
  position:relative;
  z-index:2;
  display:grid;
  width:27px;
  height:27px;
  place-items:center;
  border:1px solid rgba(65,139,222,.22);
  border-radius:9px;
  background:rgba(255,255,255,.78);
  color:var(--mauto-ds-color-primary,#3c78da);
  font-size:14px;
  font-style:normal;
}
.device-shell[data-device="tablet"] .ecosystem>header{
  gap:12px;
}
.device-shell[data-device="tablet"] .ecosystem-support{
  grid-template-columns:29px minmax(0,1fr) 22px 24px;
  gap:6px;
  width:318px;
  min-height:48px;
  padding:5px 7px;
  border-radius:15px;
}
.device-shell[data-device="tablet"] .ecosystem-support-mark{
  width:29px;
  height:29px;
}
.device-shell[data-device="tablet"] .ecosystem-support-mark img{
  width:24px;
  height:24px;
}
.device-shell[data-device="tablet"] .ecosystem-support-copy strong{
  font-size:10px;
}
.device-shell[data-device="tablet"] .ecosystem-support-copy small{
  font-size:6.8px;
}
.device-shell[data-device="tablet"] .ecosystem-support-headset,
.device-shell[data-device="tablet"] .ecosystem-support>i{
  width:22px;
  height:22px;
}
.device-shell[data-device="tablet"] .ecosystem-support-headset svg{
  width:18px;
  height:18px;
}
.device-shell[data-device="tablet"] .ecosystem-support>i{
  font-size:12px;
}
.device-shell[data-device="mobile"] .ecosystem-support{
  display:none!important;
}

@media (prefers-reduced-motion:reduce){
  .ecosystem-support{transition:none}
}

/* v343 — cleaner mobile category copy and fully framed supporting artwork. */
.device-shell[data-device="mobile"] .mobile-dashboard-tile-auto>span,
.device-shell[data-device="mobile"] .mobile-dashboard-tile-parts>span{
  align-content:start;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-auto strong,
.device-shell[data-device="mobile"] .mobile-dashboard-tile-parts strong{
  align-self:center;
  margin-bottom:0;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-school>img{
  bottom:2px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-tuning>img{
  bottom:1px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside small{
  width:auto;
  max-width:180px;
  font-size:6.25px;
  line-height:1.16;
  text-wrap:pretty;
}

/* v344 — concise, useful copy restores balance in the two mobile hero tiles. */
.device-shell[data-device="mobile"] .mobile-dashboard-tile-auto small,
.device-shell[data-device="mobile"] .mobile-dashboard-tile-parts small{
  display:block;
  width:auto;
  max-width:104px;
  margin-top:3px;
  color:#607a95;
  font-size:7.2px;
  font-weight:650;
  line-height:1.22;
  text-wrap:pretty;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-parts small{
  max-width:116px;
  font-size:6.8px;
}

/* v345 — preserve intentional copy lines and keep commercial text clear of artwork. */
.device-shell[data-device="mobile"] .mobile-dashboard-tile-parts small>span{
  white-space:nowrap;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial>span{
  grid-template-columns:26px minmax(0,1fr);
  column-gap:3px;
  padding-left:7px!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial strong{
  max-width:92px;
  font-size:11.4px;
  letter-spacing:-.035em;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial>img{
  width:92px;
  right:-3px;
  bottom:-14px;
}

/* v346 — open dialogue geometry and exact avatar alignment.
   Both participants keep fixed lanes, while the MAUTO mark now shares the
   vertical axis of its answer. The answer has a restrained open notch beside
   the mark, mirroring the client's conversational edge without changing the
   approved blue identity. */
.qa-compact-window{
  height:245px;
  grid-template-rows:80px 119px;
  align-content:center;
  gap:10px;
  padding:13px 18px;
}
.qa-compact-message,
.qa-compact-message:not(.is-typing),
.qa-compact-message.is-typing{
  align-items:center;
}
.qa-compact-avatar,
.qa-compact-mauto-avatar{
  align-self:center!important;
  margin-top:0!important;
  margin-bottom:0!important;
  transform:none!important;
}
.qa-compact-mauto-bubble{
  position:relative;
  overflow:visible;
}
.qa-compact-mauto-bubble::after{
  position:absolute;
  top:50%;
  right:-1px;
  width:12px;
  height:32px;
  background:linear-gradient(145deg,rgba(250,253,255,.99),rgba(233,245,255,.97));
  clip-path:polygon(100% 0,100% 100%,0 50%);
  transform:translateY(-50%);
  content:"";
  pointer-events:none;
}
.device-shell[data-device="tablet"] .qa-compact-window{
  height:215px;
  grid-template-rows:82px 100px;
  gap:9px;
  padding:12px 13px;
}
.device-shell[data-device="tablet"] .qa-compact-mauto-bubble::after{
  width:10px;
  height:27px;
}
.device-shell[data-device="mobile"] .qa-compact-window{
  height:194px;
  grid-template-rows:58px 112px;
  align-content:start;
  gap:8px;
  padding:8px 10px;
}
.device-shell[data-device="mobile"] .qa-compact-mauto .qa-compact-bubble,
.device-shell[data-device="mobile"] .qa-compact-mauto-avatar{
  align-self:center!important;
}
.device-shell[data-device="mobile"] .qa-compact-mauto-bubble::after{
  width:9px;
  height:24px;
}

/* v348 — restore the approved copy position and lift only the vehicle art. */
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial>span{
  transform:none;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial strong{
  max-width:92px;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial>img{
  bottom:0;
}

/* v349 — tablet cards keep only their readable description and main action.
   The compact feature pills are desktop-level detail and are intentionally
   removed from the tablet composition. */
.device-shell[data-device="tablet"] .cards a{
  grid-template-rows:auto auto 1fr;
}
.device-shell[data-device="tablet"] .cards img{
  grid-row:1/4;
}
.device-shell[data-device="tablet"] .cards .card-features{
  display:none!important;
}
.device-shell[data-device="tablet"] .cards b{
  grid-row:3;
}

/* v357 — primary actions use one consistent bottom-right anchor on the
   approved desktop and tablet category cards. Mobile remains unchanged. */
.device-shell[data-device="desktop"] .cards b,
.device-shell[data-device="tablet"] .cards b{
  align-self:end;
  justify-self:end;
  margin:10px 0 0;
  transform:none;
}

/* v358 — device-specific card density.
   Desktop loses unused vertical space; tablet artwork expands into the free
   lower-left image bay. Copy, actions and the approved 3×3 grid stay intact. */
.device-shell[data-device="desktop"] .cards>a{
  height:222px;
  min-height:222px;
}
.device-shell[data-device="desktop"] .cards>a>img{
  width:108%;
  height:185px;
  max-width:220px;
  align-self:end;
  justify-self:center;
}
.device-shell[data-device="desktop"] .cards strong{
  margin-top:6px;
}
.device-shell[data-device="desktop"] .cards small{
  margin-top:5px;
}
.device-shell[data-device="desktop"] .cards .card-features{
  margin-top:7px;
}
.device-shell[data-device="desktop"] .cards b{
  margin-top:8px;
}

.device-shell[data-device="tablet"] .cards>a>img{
  width:122%;
  height:142px;
  max-width:142px;
  align-self:end;
  justify-self:center;
}
.device-shell[data-device="tablet"] .cards>a{
  grid-template-columns:48% minmax(0,1fr);
  height:158px;
  min-height:158px;
}

/* v360 — artwork occupies the intended lower-left bay instead of stretching
   the card rows.  The complete cutout now sits level with the primary action
   on desktop and tablet; copy and actions keep their approved anchors. */
.device-shell[data-device="desktop"] .cards>a>img{
  position:absolute;
  bottom:6px;
  left:2px;
  width:42%;
  height:154px;
  max-width:none;
  object-fit:contain;
  object-position:center bottom;
  transform:none;
}
.device-shell[data-device="tablet"] .cards>a>img{
  position:absolute;
  bottom:0;
  left:-2px;
  width:50%;
  height:116px;
  max-width:none;
  object-fit:contain;
  object-position:center bottom;
  transform:none;
}
.device-shell[data-device="desktop"] .cards>a:hover>img,
.device-shell[data-device="tablet"] .cards>a:hover>img{
  transform:scale(1.025);
  transform-origin:center bottom;
}

/* v364 — tablet-only artwork micro-alignment.  Wide vehicle silhouettes move
   toward their actions; the showroom cutout drops onto the shared baseline. */
.device-shell[data-device="tablet"] .cards>a:is(#c1,#c3,#c6,#c8,#c9)>img{
  left:10px;
}
.device-shell[data-device="tablet"] .cards>#c7>img{
  bottom:-15px;
}

/* v365 — desktop-only finish for the three crowded cutouts.  The dismantler
   and showroom settle lower in their image bays; the driving-school copy
   clears the tall road sign without disturbing the shared action anchor. */
.device-shell[data-device="desktop"] .cards>#c5>img{
  bottom:-4px;
}
.device-shell[data-device="desktop"] .cards>#c7>img{
  bottom:-8px;
}
.device-shell[data-device="desktop"] .cards>#c6>:is(strong,small,.card-features){
  margin-left:22px;
}

/* v366 — one continuous glass header across desktop, tablet and mobile.
   The header keeps its controls crisp while a short translucent veil overlaps
   the CGI scene, removing the hard white cut without washing out the artwork. */
.device-shell[data-device="desktop"] .mobile-dashboard,
.device-shell[data-device="tablet"] .mobile-dashboard,
.device-shell[data-device="mobile"] .mobile-dashboard{
  position:relative;
  z-index:40;
  display:block;
  width:100%;
  margin:0;
  overflow:visible;
  border:0;
  background:#fff;
  box-shadow:none;
  isolation:isolate;
}
.device-shell[data-device="desktop"] .mobile-dashboard::after,
.device-shell[data-device="tablet"] .mobile-dashboard::after,
.device-shell[data-device="mobile"] .mobile-dashboard::after{
  position:absolute;
  z-index:0;
  right:0;
  bottom:-24px;
  left:0;
  height:26px;
  background:linear-gradient(180deg,
    rgba(242,248,255,.96) 0%,
    rgba(242,248,255,.7) 35%,
    rgba(242,248,255,.3) 68%,
    rgba(242,248,255,0) 100%);
  content:"";
  pointer-events:none;
}
.device-shell[data-device="desktop"] .mobile-dashboard-topbar,
.device-shell[data-device="tablet"] .mobile-dashboard-topbar,
.device-shell[data-device="mobile"] .mobile-dashboard-topbar{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  width:100%;
}
.device-shell[data-device="desktop"] .mobile-dashboard-topbar>* ,
.device-shell[data-device="tablet"] .mobile-dashboard-topbar>* ,
.device-shell[data-device="mobile"] .mobile-dashboard-topbar>*{
  position:relative;
  z-index:2;
}
.device-shell[data-device="desktop"] .mobile-dashboard-brand,
.device-shell[data-device="tablet"] .mobile-dashboard-brand{
  display:flex;
  align-items:center;
  min-width:0;
  color:#132b47;
  text-decoration:none;
}
.device-shell[data-device="desktop"] .mobile-dashboard-brand-mark,
.device-shell[data-device="tablet"] .mobile-dashboard-brand-mark{
  display:grid;
  flex:0 0 auto;
  place-items:center;
  border:1px solid rgba(62,136,222,.23);
  border-radius:50%;
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(216,235,255,.7));
  box-shadow:inset 0 1px rgba(255,255,255,.98),0 10px 24px -20px rgba(27,79,137,.55);
}
.device-shell[data-device="desktop"] .mobile-dashboard-brand-mark img,
.device-shell[data-device="tablet"] .mobile-dashboard-brand-mark img,
.device-shell[data-device="desktop"] .mobile-dashboard-brand-name,
.device-shell[data-device="tablet"] .mobile-dashboard-brand-name{
  display:block;
  object-fit:contain;
}
.device-shell[data-device="desktop"] .mobile-dashboard-location,
.device-shell[data-device="tablet"] .mobile-dashboard-location{
  display:flex;
  align-items:center;
  border:0;
  background:transparent;
  color:#263d59;
  font-family:inherit;
  font-weight:700;
  cursor:pointer;
}
.device-shell[data-device="desktop"] .mobile-dashboard-location>svg:first-child,
.device-shell[data-device="tablet"] .mobile-dashboard-location>svg:first-child,
.device-shell[data-device="desktop"] .mobile-dashboard-location .mobile-dashboard-chevron,
.device-shell[data-device="tablet"] .mobile-dashboard-location .mobile-dashboard-chevron{
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.device-shell[data-device="desktop"] .mobile-dashboard-location>svg:first-child,
.device-shell[data-device="tablet"] .mobile-dashboard-location>svg:first-child{
  color:var(--mauto-ds-color-primary,#3c78da);
}
.device-shell[data-device="desktop"] .mobile-dashboard-actions,
.device-shell[data-device="tablet"] .mobile-dashboard-actions{
  display:flex;
}
.device-shell[data-device="desktop"] .mobile-dashboard-actions button,
.device-shell[data-device="tablet"] .mobile-dashboard-actions button{
  position:relative;
  display:grid;
  padding:0;
  place-items:center;
  border:1px solid rgba(84,143,211,.24);
  border-radius:50%;
  background:rgba(255,255,255,.67);
  box-shadow:inset 0 1px rgba(255,255,255,.96),0 10px 20px -18px rgba(31,72,119,.62);
  color:#173a61;
  cursor:pointer;
  backdrop-filter:blur(10px) saturate(112%);
  -webkit-backdrop-filter:blur(10px) saturate(112%);
}
.device-shell[data-device="desktop"] .mobile-dashboard-actions svg,
.device-shell[data-device="tablet"] .mobile-dashboard-actions svg{
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.device-shell[data-device="desktop"] .mobile-dashboard-actions span,
.device-shell[data-device="tablet"] .mobile-dashboard-actions span{
  position:absolute;
  display:grid;
  place-items:center;
  border:2px solid #f7fbff;
  border-radius:50%;
  background:#2479e8;
  color:#fff;
  font-weight:800;
}

.device-shell[data-device="desktop"] .mobile-dashboard{
  padding:0 38px;
}
.device-shell[data-device="desktop"] .mobile-dashboard-topbar{
  gap:20px;
  height:70px;
}
.device-shell[data-device="desktop"] .mobile-dashboard-brand{gap:11px}
.device-shell[data-device="desktop"] .mobile-dashboard-brand-mark{width:50px;height:50px}
.device-shell[data-device="desktop"] .mobile-dashboard-brand-mark img{width:42px;height:42px}
.device-shell[data-device="desktop"] .mobile-dashboard-brand-name{width:112px;height:auto}
.device-shell[data-device="desktop"] .mobile-dashboard-location{gap:8px;height:44px;padding:0 7px;font-size:14px}
.device-shell[data-device="desktop"] .mobile-dashboard-location>svg:first-child{width:21px;height:21px;stroke-width:1.8}
.device-shell[data-device="desktop"] .mobile-dashboard-location .mobile-dashboard-chevron{width:14px;height:14px;stroke-width:1.8}
.device-shell[data-device="desktop"] .mobile-dashboard-actions{gap:9px}
.device-shell[data-device="desktop"] .mobile-dashboard-actions button{width:42px;height:42px}
.device-shell[data-device="desktop"] .mobile-dashboard-actions svg{width:21px;height:21px;stroke-width:1.8}
.device-shell[data-device="desktop"] .mobile-dashboard-actions span{top:-4px;right:-3px;width:17px;height:17px;font-size:8px}

.device-shell[data-device="tablet"] .mobile-dashboard{
  padding:0 20px;
}
.device-shell[data-device="tablet"] .mobile-dashboard-topbar{
  gap:12px;
  height:58px;
}
.device-shell[data-device="tablet"] .mobile-dashboard-brand{gap:8px}
.device-shell[data-device="tablet"] .mobile-dashboard-brand-mark{width:42px;height:42px}
.device-shell[data-device="tablet"] .mobile-dashboard-brand-mark img{width:35px;height:35px}
.device-shell[data-device="tablet"] .mobile-dashboard-brand-name{width:88px;height:auto}
.device-shell[data-device="tablet"] .mobile-dashboard-location{gap:5px;height:38px;padding:0 4px;font-size:11px}
.device-shell[data-device="tablet"] .mobile-dashboard-location>svg:first-child{width:17px;height:17px;stroke-width:1.8}
.device-shell[data-device="tablet"] .mobile-dashboard-location .mobile-dashboard-chevron{width:12px;height:12px;stroke-width:1.8}
.device-shell[data-device="tablet"] .mobile-dashboard-actions{gap:6px}
.device-shell[data-device="tablet"] .mobile-dashboard-actions button{width:36px;height:36px}
.device-shell[data-device="tablet"] .mobile-dashboard-actions svg{width:18px;height:18px;stroke-width:1.8}
.device-shell[data-device="tablet"] .mobile-dashboard-actions span{top:-3px;right:-2px;width:15px;height:15px;font-size:7px}

.device-shell[data-device="mobile"] .mobile-dashboard{
  padding:0 9px;
  background:#fff;
}
.device-shell[data-device="mobile"] .mobile-dashboard::after{
  bottom:-18px;
  height:20px;
}
.device-shell[data-device="desktop"] .hero,
.device-shell[data-device="tablet"] .hero,
.device-shell[data-device="mobile"] .hero{
  margin-top:-1px;
}

/* v367 — premium editorial typography across the approved responsive home.
   Removes the mixed-script Eco lockup, restores the production system font in
   every surface and keeps finance copy inside the phone canvas. */
.mauto-home-runtime{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",sans-serif;
  font-kerning:normal;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.mauto-home-runtime :is(h1,h2,h3,p,strong,small,span,button,input,select,textarea,dt,dd){
  font-family:inherit;
}
.mauto-home-runtime :is(h1,h2,h3){
  color:#102a43;
  text-wrap:balance;
}
.mauto-home-runtime :is(p,small,dt){
  text-wrap:pretty;
}

.hero-title-lockup{
  width:min(680px,100%);
  grid-template-columns:minmax(0,1fr)!important;
}
.reference-copy h1{
  display:grid;
  gap:.12em;
  max-width:13.5em;
  color:#102a43;
  font-weight:700;
  line-height:.98;
  letter-spacing:-.048em;
  text-shadow:0 1px rgba(255,255,255,.94),0 8px 24px rgba(16,42,67,.08)!important;
}
.reference-copy h1 .hero-title-primary,
.reference-copy h1 .hero-title-secondary{
  display:block;
  color:inherit;
  white-space:normal!important;
}
.reference-copy h1 .hero-title-secondary{
  color:#385a78;
  font-size:.88em;
  font-weight:590;
  letter-spacing:-.038em;
}

.ecosystem h2,
.advanced-search-heading h2,
.qa-compact-heading h2,
.tools-secondary-row .finance-preview-heading h2,
.interface-copy h2{
  color:#102a43;
  font-family:inherit;
  font-weight:690;
  line-height:1.08;
  letter-spacing:-.04em;
}
.ecosystem h2{
  max-width:22em;
}
.advanced-search-heading,
.qa-compact-heading,
.tools-secondary-row .finance-preview-heading{
  height:auto;
  min-height:46px;
  align-items:flex-end;
}
.finance-preview-heading>div{
  display:flex;
  width:100%;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
}
.finance-preview-heading>div>span{
  order:1;
  margin:0;
  color:#3974ad;
  font-size:9px;
  font-weight:720;
  line-height:1.15;
  letter-spacing:.105em;
  text-transform:uppercase;
  white-space:normal;
}
.finance-preview-heading h2{
  order:2;
  margin:0;
}
.finance-preview-heading p{
  color:#60758a;
  font-weight:500;
}
.qa-compact-heading h2{
  white-space:nowrap;
}
.finance-field>span:first-child,
.finance-term>div>span,
.finance-result-main>span,
.finance-result dt{
  color:#566d84;
  font-weight:620;
}
.finance-result-main strong,
.finance-result dd{
  font-variant-numeric:tabular-nums;
}
.finance-action{
  font-weight:700;
  letter-spacing:-.012em;
  white-space:nowrap;
}
.interface-kicker{
  color:#3974ad;
  font-weight:700;
  letter-spacing:.11em;
}
.interface-copy>p{
  color:#596f84;
  font-weight:480;
}
.interface-points strong{
  font-weight:680;
}

.device-shell[data-device="desktop"] .reference-copy h1{
  font-size:49px;
}
.device-shell[data-device="desktop"] .ecosystem h2{
  font-size:30px;
}
.device-shell[data-device="desktop"] .advanced-search-form>.advanced-search-heading h2,
.device-shell[data-device="desktop"] .qa-compact-heading h2,
.device-shell[data-device="desktop"] .tools-secondary-row .finance-preview-heading h2{
  font-size:26px;
}

.device-shell[data-device="tablet"] .reference-copy h1{
  font-size:40px;
  line-height:1;
}
.device-shell[data-device="tablet"] .ecosystem h2{
  font-size:26px;
}
.device-shell[data-device="tablet"] .advanced-search-form>.advanced-search-heading h2,
.device-shell[data-device="tablet"] .qa-compact-heading h2,
.device-shell[data-device="tablet"] .tools-secondary-row .finance-preview-heading h2{
  font-size:23px;
}
.device-shell[data-device="tablet"] .finance-preview-heading>div>span{
  font-size:8px;
}
.device-shell[data-device="tablet"] .tools-secondary-row{
  display:flex;
  width:100%;
  max-width:100%;
  flex-direction:column;
  gap:24px;
  margin-top:24px;
  overflow:hidden;
}
.device-shell[data-device="tablet"] .tools-secondary-row>.qa-compact,
.device-shell[data-device="tablet"] .tools-secondary-row>.finance-preview{
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
}
.device-shell[data-device="tablet"] .qa-compact-heading,
.device-shell[data-device="tablet"] .finance-preview-heading{
  height:auto;
  min-height:36px;
  margin:0 0 10px;
  padding-left:8px;
}
.device-shell[data-device="tablet"] .finance-preview-heading>div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
}
.device-shell[data-device="tablet"] .finance-preview-heading>div>span{
  order:1;
}
.device-shell[data-device="tablet"] .finance-preview-heading h2{
  order:2;
}
.device-shell[data-device="tablet"] .qa-compact-window{
  width:100%;
  height:246px;
  padding:14px 18px;
  border-radius:20px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-calculator{
  width:100%;
  height:auto!important;
  padding:16px;
  overflow:hidden;
  border-radius:20px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-tabs,
.device-shell[data-device="tablet"] .tools-secondary-row .finance-category{
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:min(320px,100%);
  height:auto;
  gap:7px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-tabs button,
.device-shell[data-device="tablet"] .tools-secondary-row .finance-category button{
  width:100%;
  min-height:38px;
  height:auto;
  padding:0 10px;
  border-radius:11px;
  font-size:10px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-fields{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:10px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-field>span:first-child,
.device-shell[data-device="tablet"] .tools-secondary-row .finance-term>div>span{
  font-size:8.5px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-input-shell{
  height:39px;
  padding:0 10px;
  border-radius:11px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-input-shell input{
  font-size:12px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-term{
  padding:7px 10px 5px;
  border-radius:12px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-term strong{
  font-size:9px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-result{
  grid-template-columns:minmax(150px,.72fr) minmax(0,2fr);
  gap:9px;
  margin-top:9px;
  padding:10px 12px;
  border-radius:14px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-result-main>span{
  font-size:8px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-result-main strong{
  font-size:24px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-result dl>div{
  padding:2px 8px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-result dt{
  font-size:7px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-result dd{
  margin-top:3px;
  font-size:9px;
}
.device-shell[data-device="tablet"] .tools-secondary-row .finance-action{
  width:min(360px,100%);
  min-height:40px;
  margin:10px auto 0;
  border-radius:12px;
  font-size:10px;
}

.device-shell[data-device="mobile"] .hero-title-lockup{
  top:12px!important;
  left:12px!important;
  right:12px!important;
  width:auto!important;
}
.device-shell[data-device="mobile"] .reference-copy h1{
  display:grid!important;
  width:100%!important;
  max-width:100%!important;
  gap:3px;
  color:#102a43;
  font-size:23px!important;
  font-weight:700;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  text-shadow:0 1px rgba(255,255,255,.96),0 5px 14px rgba(16,42,67,.08)!important;
}
.device-shell[data-device="mobile"] .reference-copy h1 .hero-title-secondary{
  font-size:.86em;
  letter-spacing:-.03em;
}
.device-shell[data-device="mobile"] .advanced-search-heading,
.device-shell[data-device="mobile"] .qa-compact-heading,
.device-shell[data-device="mobile"] .tools-secondary-row .finance-preview-heading{
  min-height:0;
  padding-left:4px;
  margin-bottom:10px;
}
.device-shell[data-device="mobile"] .advanced-search-form>.advanced-search-heading h2,
.device-shell[data-device="mobile"] .qa-compact-heading h2,
.device-shell[data-device="mobile"] .tools-secondary-row .finance-preview-heading h2{
  font-size:22px;
  line-height:1.08;
}
.device-shell[data-device="mobile"] .finance-preview-heading>div{
  gap:4px;
}
.device-shell[data-device="mobile"] .finance-preview-heading>div>span{
  order:1;
  font-size:7.5px;
  line-height:1.2;
  letter-spacing:.1em;
}
.device-shell[data-device="mobile"] .finance-preview-heading h2{
  order:2;
}
.device-shell[data-device="mobile"] .finance-calculator{
  width:100%;
  padding:13px;
  overflow:hidden;
  border-radius:20px;
}
.device-shell[data-device="mobile"] .finance-tabs,
.device-shell[data-device="mobile"] .finance-category,
.device-shell[data-device="mobile"] .finance-fields>.finance-category{
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;
  height:auto;
  gap:7px;
}
.device-shell[data-device="mobile"] .finance-tabs button,
.device-shell[data-device="mobile"] .finance-category button,
.device-shell[data-device="mobile"] .finance-fields>.finance-category button{
  width:100%;
  min-height:40px;
  height:auto;
  padding:0 10px;
  font-size:10.5px;
}
.device-shell[data-device="mobile"] .finance-fields{
  gap:9px;
  margin-top:10px;
}
.device-shell[data-device="mobile"] .finance-field>span:first-child,
.device-shell[data-device="mobile"] .finance-term>div>span,
.device-shell[data-device="mobile"] .finance-term strong{
  font-size:9px;
  line-height:1.25;
}
.device-shell[data-device="mobile"] .finance-input-shell{
  height:44px;
}
.device-shell[data-device="mobile"] .finance-input-shell input{
  font-size:15px;
}
.device-shell[data-device="mobile"] .finance-result{
  display:grid;
  width:100%;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:9px;
  padding:12px;
  overflow:hidden;
}
.device-shell[data-device="mobile"] .finance-result-main{
  gap:3px;
}
.device-shell[data-device="mobile"] .finance-result-main>span{
  font-size:9px;
}
.device-shell[data-device="mobile"] .finance-result-main strong{
  font-size:27px;
}
.device-shell[data-device="mobile"] .finance-result dl{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:0;
}
.device-shell[data-device="mobile"] .finance-result dl>div{
  min-width:0;
  padding:4px 8px;
  border-left:1px solid rgba(99,150,206,.24);
}
.device-shell[data-device="mobile"] .finance-result dl>div:first-child{
  padding-left:0;
  border-left:0;
}
.device-shell[data-device="mobile"] .finance-result dt{
  min-height:2.4em;
  overflow-wrap:normal;
  font-size:7.5px;
  line-height:1.2;
}
.device-shell[data-device="mobile"] .finance-result dd{
  margin-top:4px;
  overflow-wrap:normal;
  font-size:9.5px;
  line-height:1.15;
  white-space:nowrap;
}
.device-shell[data-device="mobile"] .finance-action{
  width:100%;
  min-height:42px;
  margin:10px 0 0;
  font-size:10.5px;
}
.device-shell[data-device="mobile"] .interface-copy h2{
  max-width:11em;
  font-size:31px;
  line-height:1.05;
}

@media (prefers-reduced-motion:reduce){
  .reference-copy h1{scroll-behavior:auto}
}

/* Home v119 — one bottom MAUTO Insurance dock; the four stages live inside
   the existing accessible dialog instead of occupying a second card row. */
.insurance-flow{
  width:100% !important;
  margin-top:18px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.insurance-flow-shell{
  display:block !important;
  width:100% !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.insurance-trigger{
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:14px !important;
  width:100% !important;
  min-height:90px !important;
  padding:14px 18px !important;
  border:0 !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 88% 10%,rgba(164,220,193,.28),transparent 11rem),
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(235,248,243,.82)) !important;
  box-shadow:0 18px 36px -28px rgba(20,73,83,.48),inset 0 0 0 1px rgba(255,255,255,.88) !important;
  color:#123154 !important;
  text-align:left !important;
  -webkit-backdrop-filter:blur(18px) saturate(126%) !important;
  backdrop-filter:blur(18px) saturate(126%) !important;
}
.insurance-trigger:active{
  transform:translateY(1px) scale(.993) !important;
  background:linear-gradient(145deg,rgba(228,245,238,.94),rgba(241,249,255,.86)) !important;
  box-shadow:inset 0 4px 12px rgba(32,101,92,.09) !important;
}
.insurance-trigger-icon{
  display:grid !important;
  place-items:center !important;
  width:58px !important;
  height:58px !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,rgba(237,255,246,.98),rgba(219,248,232,.9)) !important;
  color:#109d5b !important;
  box-shadow:inset 0 0 0 1px rgba(57,181,116,.12) !important;
}
.insurance-trigger-icon svg{width:30px !important;height:30px !important}
.insurance-trigger-copy{display:block !important;min-width:0 !important}
.insurance-trigger-copy strong{
  display:block !important;
  color:#123154 !important;
  font-size:22px !important;
  font-weight:830 !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
}
.insurance-brand-name{color:#123154 !important;letter-spacing:.02em !important}
.insurance-trigger-copy small{
  display:block !important;
  margin-top:6px !important;
  color:#69819b !important;
  font-size:12px !important;
  font-weight:650 !important;
  line-height:1.2 !important;
}
.insurance-trigger-action{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.72) !important;
  color:#168e58 !important;
  box-shadow:inset 0 0 0 1px rgba(30,152,91,.12) !important;
  font-size:13px !important;
  font-weight:780 !important;
}
.insurance-stages[hidden]{display:none !important}
.insurance-panel-header small{
  color:#15995a !important;
  font-weight:820 !important;
  letter-spacing:.12em !important;
}
.insurance-panel-header h2 .insurance-brand-name{font-weight:860 !important}

.device-shell[data-device="mobile"] .insurance-flow{margin-top:10px !important}
.device-shell[data-device="mobile"] .insurance-trigger{
  grid-template-columns:46px minmax(0,1fr) auto !important;
  gap:10px !important;
  min-height:72px !important;
  padding:10px 12px !important;
  border-radius:19px !important;
}
.device-shell[data-device="mobile"] .insurance-trigger-icon{
  width:46px !important;
  height:46px !important;
  border-radius:15px !important;
}
.device-shell[data-device="mobile"] .insurance-trigger-icon svg{width:25px !important;height:25px !important}
.device-shell[data-device="mobile"] .insurance-trigger-copy strong{font-size:16px !important}
.device-shell[data-device="mobile"] .insurance-trigger-copy small{margin-top:4px !important;font-size:8.5px !important;white-space:normal !important}
.device-shell[data-device="mobile"] .insurance-trigger-action{
  min-width:36px !important;
  min-height:36px !important;
  padding:0 10px !important;
  overflow:hidden !important;
  font-size:0 !important;
}
.device-shell[data-device="mobile"] .insurance-trigger-action span{font-size:17px !important}

.device-shell[data-device="tablet"] .insurance-trigger{
  grid-template-columns:52px minmax(0,1fr) auto !important;
  min-height:80px !important;
  padding:12px 15px !important;
}
.device-shell[data-device="tablet"] .insurance-trigger-icon{width:52px !important;height:52px !important}
.device-shell[data-device="tablet"] .insurance-trigger-copy strong{font-size:19px !important}

/* Finance v117 — compact shared state and icy result surface. */
#preview-finance-calculator.finance-calculator{gap:8px;padding:12px}
#preview-finance-calculator .finance-tabs,
#preview-finance-calculator .finance-category{gap:6px}
#preview-finance-calculator .finance-tabs button,
#preview-finance-calculator .finance-category button{min-height:38px;padding:0 12px;border-radius:12px}
#preview-finance-calculator .finance-fields{gap:8px;margin-top:8px}
#preview-finance-calculator .finance-field{gap:4px}
#preview-finance-calculator .finance-input-shell{height:42px;min-height:42px;padding:0 12px;border:0;background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px rgba(95,143,196,.12)}
#preview-finance-calculator .finance-input-shell:focus-within{background:#eaf4ff;box-shadow:none}
#preview-finance-calculator .finance-term{gap:7px;padding:9px 12px;border:0;border-radius:15px;background:rgba(246,250,255,.86)}
#preview-finance-calculator .finance-term-points-v117{display:flex;justify-content:space-between;gap:5px;color:#7990aa;font-size:10px;font-weight:750;line-height:1}
#preview-finance-calculator .finance-term-points-v117 span.is-active{color:var(--mauto-ds-color-primary,#3c78da);font-weight:900}
#preview-finance-calculator .finance-result{gap:10px;margin-top:4px;padding:13px;border:0;border-radius:17px;background:radial-gradient(circle at 15% 8%,rgba(255,255,255,.98),transparent 38%),repeating-linear-gradient(120deg,rgba(255,255,255,.22) 0 2px,rgba(121,178,232,.07) 2px 5px),linear-gradient(135deg,#edf7ff 0%,#dcecff 58%,#eaf4ff 100%);box-shadow:inset 0 0 0 1px rgba(91,151,215,.14)}
#preview-finance-calculator .finance-result dl>div{align-content:end}
#preview-finance-calculator .finance-action{min-height:44px;margin-top:2px}
@media(max-width:760px){
  #preview-finance-calculator.finance-calculator{padding:10px}
  #preview-finance-calculator .finance-tabs button,#preview-finance-calculator .finance-category button{min-height:36px;font-size:11px}
  #preview-finance-calculator .finance-input-shell{height:40px;min-height:40px}
  #preview-finance-calculator .finance-result dl{grid-template-columns:repeat(3,minmax(0,1fr))}
  #preview-finance-calculator .finance-result dl>div{min-height:58px;padding:5px}
}

/* Home v121 — approved order and compact product surfaces:
   cards -> main search -> MAUTO Insurance -> calculator. */
.tools-workspace{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:16px!important;
  width:100%!important;
  padding:18px 16px 34px!important;
}
.advanced-search-preview{
  order:1!important;
  width:min(1320px,100%)!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
}
.advanced-search-preview::before{display:none!important}
.advanced-search-form{
  width:100%!important;
  max-width:none!important;
  padding:16px 18px!important;
  border:0!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(236,246,255,.88))!important;
  box-shadow:0 18px 38px -32px rgba(22,64,106,.42),inset 0 0 0 1px rgba(255,255,255,.78)!important;
}
.advanced-search-form>.advanced-search-heading{
  display:flex!important;
  width:100%!important;
  min-height:0!important;
  align-items:center!important;
  margin:0 0 10px!important;
}
.advanced-search-form>.advanced-search-heading h2{
  display:block!important;
  margin:0!important;
  color:#102a43!important;
  font-size:25px!important;
  font-weight:720!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.advanced-search-form>.advanced-search-heading h2 b{display:inline!important;color:var(--mauto-ds-color-primary,#3c78da)!important}
.advanced-search-form>.advanced-search-heading h2 em{display:inline!important;color:#102a43!important;font-style:normal!important}
.advanced-search-vehicle{gap:9px!important}
.advanced-search-vehicle select{
  height:40px!important;
  border:0!important;
  background:rgba(247,250,254,.92)!important;
  box-shadow:inset 0 0 0 1px rgba(92,140,192,.11)!important;
}
.advanced-search-vehicle select:focus,
.advanced-search-input:focus-within{
  border:0!important;
  outline:0!important;
  background:#eaf4ff!important;
  box-shadow:none!important;
}
.advanced-search-mode{margin-top:9px!important}
.advanced-search-query-row{margin-top:9px!important}
.advanced-search-input{height:42px!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(92,140,192,.11)!important}
.advanced-search-submit{min-height:42px!important}

.insurance-flow{
  order:2!important;
  width:min(1320px,100%)!important;
  margin:0 auto!important;
}
.insurance-flow-shell{
  display:grid!important;
  grid-template-columns:minmax(230px,1.05fr) minmax(0,3.15fr)!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
  padding:10px!important;
  border:0!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(239,248,244,.86))!important;
  box-shadow:0 18px 38px -32px rgba(19,77,70,.40),inset 0 0 0 1px rgba(255,255,255,.82)!important;
}
.insurance-trigger{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  align-items:center!important;
  gap:4px 10px!important;
  min-height:72px!important;
  padding:9px 11px!important;
  border:0!important;
  border-radius:16px!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.insurance-trigger-icon{
  grid-row:1/3!important;
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
}
.insurance-trigger-icon svg{width:27px!important;height:27px!important}
.insurance-trigger-copy{align-self:end!important}
.insurance-trigger-copy strong{font-size:17px!important;line-height:1.05!important;white-space:nowrap!important}
.insurance-gold{color:#159b59!important}
.insurance-trigger-action{
  display:flex!important;
  align-self:start!important;
  justify-content:flex-start!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--mauto-ds-color-primary,#3c78da)!important;
  box-shadow:none!important;
  font-size:10px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.insurance-stages,
.insurance-stages[hidden]{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:8px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.insurance-stages li{
  position:relative!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  align-items:center!important;
  gap:1px 7px!important;
  min-width:0!important;
  min-height:72px!important;
  padding:8px 9px!important;
  border:0!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(240,247,255,.78))!important;
  box-shadow:inset 0 0 0 1px rgba(106,151,201,.10)!important;
}
.insurance-stages li.is-complete{background:linear-gradient(145deg,rgba(244,255,249,.96),rgba(224,247,235,.88))!important}
.insurance-stage-index{
  position:absolute!important;
  top:5px!important;
  left:7px!important;
  color:var(--mauto-ds-color-primary,#3c78da)!important;
  font-size:7px!important;
  font-weight:850!important;
  letter-spacing:.04em!important;
}
.insurance-stage-icon{
  grid-row:1/3!important;
  display:grid!important;
  width:28px!important;
  height:28px!important;
  place-items:center!important;
  border-radius:9px!important;
  background:rgba(233,243,255,.84)!important;
  color:#216fc2!important;
}
.insurance-stage-icon svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.insurance-stages li>div{display:grid!important;gap:2px!important;min-width:0!important}
.insurance-stages li strong{color:#173552!important;font-size:11px!important;font-weight:770!important;line-height:1.05!important;white-space:nowrap!important}
.insurance-stages li small{color:#74889c!important;font-size:7.5px!important;font-weight:580!important;line-height:1.15!important}
.insurance-stages li.is-complete .insurance-stage-index,
.insurance-stages li.is-complete .insurance-stage-icon,
.insurance-stages li.is-complete strong{color:#109657!important}

.tools-secondary-row{
  order:3!important;
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  align-items:start!important;
  gap:16px!important;
  width:min(1320px,100%)!important;
  margin:0 auto!important;
}
.tools-secondary-row>.finance-preview{order:1!important;min-height:0!important}
.tools-secondary-row>.qa-compact{order:2!important}
.finance-preview-heading{
  display:flex!important;
  width:100%!important;
  min-height:0!important;
  align-items:center!important;
  margin:0 0 8px!important;
  padding:0 4px!important;
}
.finance-preview-heading>div{display:block!important}
.finance-preview-heading>div>span,
.finance-preview-heading>p{display:none!important}
.tools-secondary-row .finance-preview-heading h2{
  margin:0!important;
  color:#102a43!important;
  font-size:25px!important;
  font-weight:720!important;
  line-height:1!important;
}
#preview-finance-calculator.finance-calculator{
  gap:6px!important;
  padding:10px!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:0 18px 36px -31px rgba(22,64,106,.35),inset 0 0 0 1px rgba(255,255,255,.78)!important;
}
#preview-finance-calculator .finance-tabs button,
#preview-finance-calculator .finance-category button{min-height:32px!important;padding:0 9px!important;border:0!important;border-radius:10px!important;font-size:9.5px!important}
#preview-finance-calculator .finance-fields{gap:6px!important;margin-top:6px!important}
#preview-finance-calculator .finance-field{gap:3px!important}
#preview-finance-calculator .finance-field>span:first-child,
#preview-finance-calculator .finance-term>div>span{font-size:8px!important}
#preview-finance-calculator .finance-input-shell{height:35px!important;min-height:35px!important;padding:0 9px!important;border-radius:10px!important}
#preview-finance-calculator .finance-input-shell input{font-size:12px!important}
#preview-finance-calculator .finance-term{gap:5px!important;padding:6px 9px!important;border-radius:11px!important}
#preview-finance-calculator .finance-term strong{font-size:8.5px!important}
#preview-finance-calculator .finance-result{gap:7px!important;margin-top:2px!important;padding:9px!important;border-radius:13px!important}
#preview-finance-calculator .finance-result-main strong{font-size:25px!important}
#preview-finance-calculator .finance-result dl>div{min-height:0!important;padding:2px 6px!important}
#preview-finance-calculator .finance-result dt{min-height:2.25em!important;font-size:6.8px!important;line-height:1.1!important}
#preview-finance-calculator .finance-result dd{margin-top:3px!important;font-size:8.5px!important;white-space:nowrap!important}
#preview-finance-calculator .finance-action{min-height:36px!important;margin-top:1px!important;border-radius:11px!important;font-size:9.5px!important}

/* Keep the approved visual card system visible on every profile. */
.mobile-dashboard-grid :is(.mobile-dashboard-tile,.mobile-dashboard-tile-roadside),
.ecosystem-cards>a{
  overflow:hidden!important;
  border-color:transparent!important;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(237,246,255,.86))!important;
  box-shadow:0 18px 38px -32px rgba(22,64,106,.42),inset 0 0 0 1px rgba(255,255,255,.82)!important;
}
.mobile-dashboard-grid img,
.ecosystem-cards>a>img{object-fit:contain!important;filter:none!important}

.device-shell[data-device="tablet"] .tools-secondary-row,
.device-shell[data-device="mobile"] .tools-secondary-row{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}
.device-shell[data-device="tablet"] .tools-secondary-row>.finance-preview,
.device-shell[data-device="mobile"] .tools-secondary-row>.finance-preview,
.device-shell[data-device="tablet"] .tools-secondary-row>.qa-compact,
.device-shell[data-device="mobile"] .tools-secondary-row>.qa-compact{width:100%!important;max-width:100%!important}

.device-shell[data-device="mobile"] .tools-workspace{gap:10px!important;padding:10px 8px 24px!important}
.device-shell[data-device="mobile"] .advanced-search-form{padding:10px!important;border-radius:17px!important}
.device-shell[data-device="mobile"] .advanced-search-form>.advanced-search-heading{margin-bottom:7px!important}
.device-shell[data-device="mobile"] .advanced-search-form>.advanced-search-heading h2{font-size:18px!important}
.device-shell[data-device="mobile"] .advanced-search-vehicle{gap:6px!important}
.device-shell[data-device="mobile"] .advanced-search-vehicle label>span{font-size:8px!important}
.device-shell[data-device="mobile"] .advanced-search-vehicle select{height:34px!important;padding:0 24px 0 8px!important;font-size:9px!important}
.device-shell[data-device="mobile"] .advanced-search-mode{margin-top:6px!important;padding:3px!important}
.device-shell[data-device="mobile"] .advanced-search-mode button{min-height:29px!important;font-size:8.5px!important}
.device-shell[data-device="mobile"] .advanced-search-query-row{grid-template-columns:minmax(0,1fr) 78px!important;gap:6px!important;margin-top:6px!important}
.device-shell[data-device="mobile"] .advanced-search-input{height:36px!important;padding-left:9px!important}
.device-shell[data-device="mobile"] .advanced-search-input input{font-size:9px!important}
.device-shell[data-device="mobile"] .advanced-search-camera{width:30px!important;height:30px!important;flex-basis:30px!important}
.device-shell[data-device="mobile"] .advanced-search-submit{min-height:36px!important;padding:0 8px!important;font-size:9px!important}

.device-shell[data-device="mobile"] .insurance-flow{margin:0!important}
.device-shell[data-device="mobile"] .insurance-flow-shell{
  grid-template-columns:minmax(0,1fr)!important;
  gap:6px!important;
  padding:7px!important;
  border-radius:17px!important;
}
.device-shell[data-device="mobile"] .insurance-trigger{
  grid-template-columns:38px minmax(0,1fr) 28px!important;
  grid-template-rows:1fr!important;
  gap:7px!important;
  min-height:46px!important;
  padding:4px 6px!important;
}
.device-shell[data-device="mobile"] .insurance-trigger-icon{grid-column:1!important;grid-row:1!important;width:38px!important;height:38px!important;border-radius:12px!important}
.device-shell[data-device="mobile"] .insurance-trigger-icon svg{width:22px!important;height:22px!important}
.device-shell[data-device="mobile"] .insurance-trigger-copy{grid-column:2!important;grid-row:1!important;align-self:center!important}
.device-shell[data-device="mobile"] .insurance-trigger-copy strong{font-size:14px!important}
.device-shell[data-device="mobile"] .insurance-trigger-action{
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  width:28px!important;
  max-width:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  justify-content:center!important;
  padding:0!important;
  overflow:visible!important;
  border-radius:9px!important;
  background:rgba(236,246,255,.78)!important;
  font-size:0!important;
}
.device-shell[data-device="mobile"] .insurance-trigger-action span{font-size:15px!important}
.device-shell[data-device="mobile"] .insurance-stages{gap:4px!important}
.device-shell[data-device="mobile"] .insurance-stages li{
  grid-template-columns:20px minmax(0,1fr)!important;
  min-height:48px!important;
  gap:1px 4px!important;
  padding:5px!important;
  border-radius:11px!important;
}
.device-shell[data-device="mobile"] .insurance-stage-index{top:3px!important;left:4px!important;font-size:5.5px!important}
.device-shell[data-device="mobile"] .insurance-stage-icon{width:20px!important;height:20px!important;border-radius:6px!important}
.device-shell[data-device="mobile"] .insurance-stage-icon svg{width:13px!important;height:13px!important}
.device-shell[data-device="mobile"] .insurance-stages li strong{font-size:7.2px!important}
.device-shell[data-device="mobile"] .insurance-stages li small{font-size:5.2px!important;line-height:1.05!important}

.device-shell[data-device="mobile"] .tools-secondary-row .finance-preview-heading{margin:0 0 6px!important;padding-left:3px!important}
.device-shell[data-device="mobile"] .tools-secondary-row .finance-preview-heading h2{font-size:18px!important}
.device-shell[data-device="mobile"] #preview-finance-calculator.finance-calculator{padding:8px!important;border-radius:16px!important}
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-tabs button,
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-category button{min-height:29px!important;font-size:8.5px!important}
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-input-shell{height:32px!important;min-height:32px!important}
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-result{
  grid-template-columns:minmax(102px,.72fr) minmax(0,2fr)!important;
  padding:8px!important;
}
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-result-main strong{font-size:21px!important}
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-result dl{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-result dt{font-size:5.6px!important}
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-result dd{font-size:6.8px!important}

@media (max-width:860px){
  .insurance-flow-shell{grid-template-columns:minmax(0,1fr)!important}
  .tools-secondary-row{grid-template-columns:minmax(0,1fr)!important}
}

/* v122 — approved category catalogue and artifact-free Insurance stages. */
.device-shell[data-device="desktop"] .ecosystem .cards,
.device-shell[data-device="tablet"] .ecosystem .cards{
  display:grid!important;
  width:100%!important;
  max-width:1320px!important;
  margin:0 auto!important;
  overflow:visible!important;
  transform:none!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.device-shell[data-device="tablet"] .ecosystem .cards{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>a,
.device-shell[data-device="tablet"] .ecosystem .cards>a{
  position:relative!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  padding:20px!important;
  overflow:hidden!important;
  border:0!important;
  background:
    radial-gradient(circle at 87% 82%,rgba(191,221,251,.40),transparent 46%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,247,255,.94))!important;
  box-shadow:0 18px 34px -30px rgba(22,65,108,.46),inset 0 0 0 1px rgba(111,163,214,.14)!important;
  transform:none!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>a{
  height:304px!important;
  min-height:304px!important;
  border-radius:24px!important;
}
.device-shell[data-device="tablet"] .ecosystem .cards>a{
  height:252px!important;
  min-height:252px!important;
  border-radius:21px!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>a:hover,
.device-shell[data-device="tablet"] .ecosystem .cards>a:hover{
  background:
    radial-gradient(circle at 84% 80%,rgba(171,212,251,.55),transparent 48%),
    linear-gradient(145deg,#fff,#edf6ff)!important;
  box-shadow:0 23px 43px -32px rgba(22,72,124,.54),inset 0 0 0 1px rgba(84,151,218,.19)!important;
  transform:translateY(-2px)!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>a:active,
.device-shell[data-device="tablet"] .ecosystem .cards>a:active{
  transform:translateY(1px) scale(.995)!important;
  box-shadow:inset 0 2px 8px rgba(39,91,142,.12)!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards .card-category-icon,
.device-shell[data-device="tablet"] .ecosystem .cards .card-category-icon{
  position:absolute!important;
  z-index:3!important;
  top:18px!important;
  left:18px!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>a>strong,
.device-shell[data-device="tablet"] .ecosystem .cards>a>strong{
  position:absolute!important;
  z-index:3!important;
  top:24px!important;
  right:18px!important;
  left:74px!important;
  margin:0!important;
  color:#102d49!important;
  font-size:21px!important;
  font-weight:770!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}
.device-shell[data-device="tablet"] .ecosystem .cards>a>strong{font-size:18px!important}
.device-shell[data-device="desktop"] .ecosystem .cards>a>small,
.device-shell[data-device="tablet"] .ecosystem .cards>a>small{
  position:absolute!important;
  z-index:3!important;
  top:54px!important;
  right:18px!important;
  left:74px!important;
  margin:0!important;
  color:#71879c!important;
  font-size:10.5px!important;
  font-weight:600!important;
  line-height:1.28!important;
}
.device-shell[data-device="tablet"] .ecosystem .cards>a>small{font-size:9.5px!important}
.device-shell[data-device="desktop"] .ecosystem .cards>a>img,
.device-shell[data-device="tablet"] .ecosystem .cards>a>img{
  position:absolute!important;
  z-index:1!important;
  right:12px!important;
  bottom:8px!important;
  left:12px!important;
  width:calc(100% - 24px)!important;
  max-width:none!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:none!important;
  transform:none!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>a>img{height:216px!important}
.device-shell[data-device="tablet"] .ecosystem .cards>a>img{height:174px!important}
.device-shell[data-device="desktop"] .ecosystem .cards .card-features,
.device-shell[data-device="tablet"] .ecosystem .cards .card-features{display:none!important}
.device-shell[data-device="desktop"] .ecosystem .cards>a>b,
.device-shell[data-device="tablet"] .ecosystem .cards>a>b{
  position:absolute!important;
  z-index:4!important;
  right:15px!important;
  bottom:15px!important;
  display:grid!important;
  width:39px!important;
  height:39px!important;
  min-width:39px!important;
  min-height:39px!important;
  margin:0!important;
  padding:0!important;
  place-items:center!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.93)!important;
  color:var(--mauto-ds-color-primary,#3c78da)!important;
  box-shadow:0 12px 24px -18px rgba(31,102,175,.66),inset 0 0 0 1px rgba(78,144,210,.14)!important;
  font-size:0!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>a>b::after,
.device-shell[data-device="tablet"] .ecosystem .cards>a>b::after{
  content:"→"!important;
  font-size:18px!important;
  font-weight:720!important;
  line-height:1!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>a::after,
.device-shell[data-device="tablet"] .ecosystem .cards>a::after{
  display:none!important;
  content:none!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards #c8,
.device-shell[data-device="tablet"] .ecosystem .cards #c8{order:7!important}
.device-shell[data-device="desktop"] .ecosystem .cards #c7,
.device-shell[data-device="tablet"] .ecosystem .cards #c7{order:8!important}
.device-shell[data-device="desktop"] .ecosystem .cards #c9,
.device-shell[data-device="tablet"] .ecosystem .cards #c9{
  order:9!important;
  grid-column:1/-1!important;
  background:
    radial-gradient(circle at 78% 58%,rgba(255,215,215,.40),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,243,243,.94))!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards #c9{height:224px!important;min-height:224px!important}
.device-shell[data-device="tablet"] .ecosystem .cards #c9{height:202px!important;min-height:202px!important}
.device-shell[data-device="desktop"] .ecosystem .cards #c9>strong,
.device-shell[data-device="tablet"] .ecosystem .cards #c9>strong{
  top:66px!important;
  right:54%!important;
  left:76px!important;
  color:#c42e32!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards #c9>small,
.device-shell[data-device="tablet"] .ecosystem .cards #c9>small{
  top:98px!important;
  right:54%!important;
  left:76px!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards #c9>img,
.device-shell[data-device="tablet"] .ecosystem .cards #c9>img{
  right:68px!important;
  bottom:0!important;
  left:auto!important;
  width:51%!important;
  height:100%!important;
  object-position:right bottom!important;
}

.insurance-flow-shell{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.insurance-stages,
.insurance-stages[hidden]{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.insurance-stages li{
  grid-template-columns:30px minmax(0,1fr)!important;
  grid-template-rows:10px 24px!important;
  align-content:center!important;
  gap:1px 7px!important;
  max-width:100%!important;
  min-height:62px!important;
  padding:8px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.insurance-stage-index{
  position:static!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:end!important;
  justify-self:center!important;
  width:auto!important;
  height:auto!important;
  font-size:6.5px!important;
  line-height:1!important;
}
.insurance-stage-icon{
  grid-column:1!important;
  grid-row:2!important;
  align-self:start!important;
  justify-self:center!important;
  width:26px!important;
  height:24px!important;
  border-radius:8px!important;
}
.insurance-stages li>div{
  grid-column:2!important;
  grid-row:1/3!important;
  align-self:center!important;
  overflow:hidden!important;
}
.insurance-stages li:not(:last-child)::after{display:none!important}

.device-shell[data-device="tablet"] .insurance-flow-shell{
  grid-template-columns:minmax(0,1fr)!important;
  overflow:hidden!important;
}
.device-shell[data-device="tablet"] .insurance-stages{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.device-shell[data-device="mobile"] .insurance-flow-shell{overflow:hidden!important}
.device-shell[data-device="mobile"] .insurance-stages{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:100%!important;
  overflow:hidden!important;
}
.device-shell[data-device="mobile"] .insurance-stages li{
  grid-template-columns:21px minmax(0,1fr)!important;
  grid-template-rows:7px 17px!important;
  min-height:48px!important;
  gap:1px 3px!important;
  padding:4px!important;
}
.device-shell[data-device="mobile"] .insurance-stage-index{
  position:static!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:end!important;
  justify-self:center!important;
  font-size:5px!important;
}
.device-shell[data-device="mobile"] .insurance-stage-icon{
  grid-column:1!important;
  grid-row:2!important;
  width:20px!important;
  height:17px!important;
  border-radius:6px!important;
}
.device-shell[data-device="mobile"] .insurance-stages li>div{
  grid-column:2!important;
  grid-row:1/3!important;
  align-self:center!important;
}
.device-shell[data-device="mobile"] .insurance-stages li strong{
  overflow:hidden!important;
  font-size:7px!important;
  text-overflow:ellipsis!important;
}
.device-shell[data-device="mobile"] .insurance-stages li small{
  display:block!important;
  overflow:hidden!important;
  font-size:5px!important;
  line-height:1.05!important;
  text-overflow:ellipsis!important;
}

/* v123 — approved home copy and compact desktop/tablet catalogue. */
.device-shell[data-device="desktop"] .reference-copy h1,
.device-shell[data-device="tablet"] .reference-copy h1{
  max-width:18em!important;
}
.device-shell[data-device="desktop"] .ecosystem,
.device-shell[data-device="tablet"] .ecosystem{
  min-height:0!important;
}
.device-shell[data-device="desktop"] .ecosystem{padding:18px 24px 24px!important}
.device-shell[data-device="tablet"] .ecosystem{padding:16px 16px 22px!important}
.device-shell[data-device="desktop"] .ecosystem-header,
.device-shell[data-device="tablet"] .ecosystem-header{margin-bottom:12px!important}
.device-shell[data-device="desktop"] .ecosystem h2,
.device-shell[data-device="tablet"] .ecosystem h2{
  max-width:none!important;
  margin:0!important;
  line-height:1.02!important;
}
.device-shell[data-device="desktop"] .ecosystem h2>span,
.device-shell[data-device="desktop"] .ecosystem h2>small,
.device-shell[data-device="tablet"] .ecosystem h2>span,
.device-shell[data-device="tablet"] .ecosystem h2>small{display:block!important}
.device-shell[data-device="desktop"] .ecosystem h2>small,
.device-shell[data-device="tablet"] .ecosystem h2>small{
  margin-top:4px!important;
  color:#58728a!important;
  font-weight:570!important;
}
.device-shell[data-device="desktop"] .ecosystem h2>small{font-size:13px!important}
.device-shell[data-device="tablet"] .ecosystem h2>small{font-size:12px!important}
.device-shell[data-device="desktop"] .ecosystem .cards{gap:12px!important}
.device-shell[data-device="tablet"] .ecosystem .cards{gap:10px!important}
.device-shell[data-device="desktop"] .ecosystem .catalogue-card,
.device-shell[data-device="tablet"] .ecosystem .catalogue-card{padding:0!important}
.device-shell[data-device="desktop"] .ecosystem .catalogue-card{
  min-height:214px!important;
  height:214px!important;
  border-radius:22px!important;
}
.device-shell[data-device="tablet"] .ecosystem .catalogue-card{
  min-height:178px!important;
  height:178px!important;
  border-radius:19px!important;
}
.device-shell[data-device="desktop"] .ecosystem .catalogue-icon{top:13px!important;left:13px!important;width:34px!important;height:34px!important}
.device-shell[data-device="tablet"] .ecosystem .catalogue-icon{top:11px!important;left:11px!important;width:30px!important;height:30px!important}
.device-shell[data-device="desktop"] .ecosystem .catalogue-card strong{top:15px!important;left:56px!important;right:12px!important;font-size:17px!important;line-height:1.08!important}
.device-shell[data-device="tablet"] .ecosystem .catalogue-card strong{top:13px!important;left:49px!important;right:10px!important;font-size:15.5px!important;line-height:1.08!important}
.device-shell[data-device="desktop"] .ecosystem .catalogue-card small{top:38px!important;left:56px!important;right:12px!important;font-size:9.5px!important}
.device-shell[data-device="tablet"] .ecosystem .catalogue-card small{top:33px!important;left:49px!important;right:10px!important;font-size:8.5px!important}
.device-shell[data-device="desktop"] .ecosystem .catalogue-card.c8 small{top:52px!important}
.device-shell[data-device="tablet"] .ecosystem .catalogue-card.c8 small{top:47px!important}
.device-shell[data-device="desktop"] .ecosystem .catalogue-card img{left:8px!important;right:8px!important;bottom:4px!important;height:148px!important}
.device-shell[data-device="tablet"] .ecosystem .catalogue-card img{left:7px!important;right:7px!important;bottom:3px!important;height:116px!important}
.device-shell[data-device="desktop"] .ecosystem .catalogue-card b{right:10px!important;bottom:10px!important;width:32px!important;height:32px!important}
.device-shell[data-device="tablet"] .ecosystem .catalogue-card b{right:8px!important;bottom:8px!important;width:28px!important;height:28px!important}
.device-shell[data-device="desktop"] .ecosystem .catalogue-card.c9{height:150px!important;min-height:150px!important}
.device-shell[data-device="tablet"] .ecosystem .catalogue-card.c9{height:132px!important;min-height:132px!important}
.device-shell[data-device="desktop"] .ecosystem .catalogue-card.c9 strong{top:38px!important;left:58px!important;right:53%!important}
.device-shell[data-device="tablet"] .ecosystem .catalogue-card.c9 strong{top:31px!important;left:50px!important;right:53%!important}
.device-shell[data-device="desktop"] .ecosystem .catalogue-card.c9 small{top:62px!important;left:58px!important;right:53%!important}
.device-shell[data-device="tablet"] .ecosystem .catalogue-card.c9 small{top:53px!important;left:50px!important;right:53%!important}
.device-shell[data-device="desktop"] .ecosystem .catalogue-card.c9 img,
.device-shell[data-device="tablet"] .ecosystem .catalogue-card.c9 img{
  left:auto!important;
  right:30px!important;
  bottom:0!important;
  width:50%!important;
  height:100%!important;
}

/* v123.2 — final desktop/tablet anchor grid repair; mobile untouched. */
.device-shell[data-device="desktop"] .ecosystem .cards,
.device-shell[data-device="tablet"] .ecosystem .cards{
  display:grid!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  grid-auto-flow:row!important;
  align-items:stretch!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.device-shell[data-device="tablet"] .ecosystem .cards{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>a,
.device-shell[data-device="tablet"] .ecosystem .cards>a{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  grid-column:auto!important;
  grid-row:auto!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>a{
  min-height:214px!important;
  height:214px!important;
  border-radius:22px!important;
}
.device-shell[data-device="tablet"] .ecosystem .cards>a{
  min-height:178px!important;
  height:178px!important;
  border-radius:19px!important;
}
.device-shell[data-device="desktop"] .ecosystem .card-category-icon,
.device-shell[data-device="tablet"] .ecosystem .card-category-icon,
.device-shell[data-device="desktop"] .ecosystem .cards>a>strong,
.device-shell[data-device="tablet"] .ecosystem .cards>a>strong,
.device-shell[data-device="desktop"] .ecosystem .cards>a>small,
.device-shell[data-device="tablet"] .ecosystem .cards>a>small,
.device-shell[data-device="desktop"] .ecosystem .cards>a>img,
.device-shell[data-device="tablet"] .ecosystem .cards>a>img{
  position:absolute!important;
}
.device-shell[data-device="desktop"] .ecosystem .card-category-icon{
  top:13px!important;
  left:13px!important;
  width:34px!important;
  height:34px!important;
}
.device-shell[data-device="tablet"] .ecosystem .card-category-icon{
  top:11px!important;
  left:11px!important;
  width:30px!important;
  height:30px!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>a>strong{
  top:15px!important;
  left:56px!important;
  right:40px!important;
  font-size:18px!important;
  line-height:1.08!important;
}
.device-shell[data-device="tablet"] .ecosystem .cards>a>strong{
  top:12px!important;
  left:49px!important;
  right:35px!important;
  font-size:15px!important;
  line-height:1.08!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>a>small{
  top:42px!important;
  left:56px!important;
  right:16px!important;
  font-size:11px!important;
  line-height:1.22!important;
}
.device-shell[data-device="tablet"] .ecosystem .cards>a>small{
  top:35px!important;
  left:49px!important;
  right:12px!important;
  font-size:9.5px!important;
  line-height:1.18!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>a>img{
  left:7%!important;
  right:7%!important;
  bottom:4px!important;
  width:86%!important;
  height:75%!important;
  object-fit:contain!important;
}
.device-shell[data-device="tablet"] .ecosystem .cards>a>img{
  left:6%!important;
  right:6%!important;
  bottom:2px!important;
  width:88%!important;
  height:73%!important;
  object-fit:contain!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>a>b,
.device-shell[data-device="tablet"] .ecosystem .cards>a>b{
  display:none!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>#c9,
.device-shell[data-device="tablet"] .ecosystem .cards>#c9{
  grid-column:1/-1!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>#c9{
  height:150px!important;
  min-height:150px!important;
}
.device-shell[data-device="tablet"] .ecosystem .cards>#c9{
  height:132px!important;
  min-height:132px!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>#c9>strong{
  top:35px!important;
  left:58px!important;
  right:55%!important;
}
.device-shell[data-device="tablet"] .ecosystem .cards>#c9>strong{
  top:30px!important;
  left:50px!important;
  right:55%!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>#c9>small{
  top:62px!important;
  left:58px!important;
  right:55%!important;
}
.device-shell[data-device="tablet"] .ecosystem .cards>#c9>small{
  top:53px!important;
  left:50px!important;
  right:55%!important;
}
.device-shell[data-device="desktop"] .ecosystem .cards>#c9>img,
.device-shell[data-device="tablet"] .ecosystem .cards>#c9>img{
  left:43%!important;
  right:4%!important;
  bottom:0!important;
  width:53%!important;
  height:96%!important;
  object-fit:contain!important;
}

/* P1 visual hardening — active Home readability, safe areas and touch targets. */
.device-shell[data-device="mobile"] .mobile-dashboard-topbar{
  min-height:76px!important;
  padding: max(18px, env(safe-area-inset-top, 0px)) 10px 8px!important;
}
.device-shell[data-device="mobile"] :is(
  .mobile-dashboard-brand,
  .mobile-dashboard-location,
  .mobile-dashboard-actions button,
  .advanced-search-vehicle select,
  .advanced-search-mode button,
  .advanced-search-input,
  .advanced-search-camera,
  .advanced-search-submit,
  .finance-tabs button,
  .finance-category button,
  .finance-input-shell,
  .finance-range,
  .finance-action
){
  min-height:44px!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-actions button,
.device-shell[data-device="mobile"] .advanced-search-camera{
  min-width:44px!important;
  width:44px!important;
  height:44px!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-location>span{
  font-size:12px!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-actions button>span{
  width:20px!important;
  height:20px!important;
  background:#0b5fc6!important;
  font-size:12px!important;
  line-height:20px!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile small{
  color:#4f6782!important;
  font-size:12px!important;
  line-height:1.3!important;
}
.device-shell[data-device="mobile"] :is(
  .mobile-dashboard-tile strong,
  .qa-compact-meta strong,
  .qa-compact-meta span
){
  font-size:12px!important;
  line-height:1.25!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile:is(.mobile-dashboard-tile-auto,.mobile-dashboard-tile-parts)>span{
  min-height:66px!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside{
  min-height:110px!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside small{
  display:-webkit-box!important;
  max-width:190px!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-concierge{
  min-height:64px!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-concierge :is(strong,small){
  font-size:12px!important;
  line-height:1.35!important;
}
.device-shell[data-device="mobile"] .advanced-search-query-row{
  grid-template-columns:minmax(0,1fr) 92px!important;
}
.device-shell[data-device="mobile"] .advanced-search-vehicle label>span,
.device-shell[data-device="mobile"] .advanced-search-vehicle select,
.device-shell[data-device="mobile"] .advanced-search-mode button,
.device-shell[data-device="mobile"] .advanced-search-input input,
.device-shell[data-device="mobile"] .advanced-search-submit{
  font-size:12px!important;
}
.device-shell[data-device="mobile"] .advanced-search-input{
  height:44px!important;
}
.device-shell[data-device="mobile"] .insurance-stages{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  overflow:visible!important;
}
.device-shell[data-device="mobile"] .insurance-stages li{
  grid-template-columns:32px minmax(0,1fr)!important;
  grid-template-rows:12px minmax(28px,auto)!important;
  min-height:76px!important;
  padding:8px!important;
}
.device-shell[data-device="mobile"] .insurance-stage-index{
  font-size:12px!important;
}
.device-shell[data-device="mobile"] .insurance-stage-icon{
  width:30px!important;
  height:28px!important;
}
.device-shell[data-device="mobile"] .insurance-stages li strong,
.device-shell[data-device="mobile"] .insurance-stages li small{
  display:block!important;
  overflow:visible!important;
  font-size:12px!important;
  line-height:1.25!important;
  text-overflow:clip!important;
}
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-tabs button,
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-category button,
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-field>span:first-child,
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-term>div>span,
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-term strong,
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-result-main>span,
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-result :is(dt,dd),
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-action{
  font-size:12px!important;
  line-height:1.3!important;
}
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-input-shell{
  height:44px!important;
  min-height:44px!important;
}
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-result{
  grid-template-columns:1fr!important;
  gap:10px!important;
}
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-result dl{
  grid-template-columns:1fr!important;
}
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-result dl>div{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  min-height:44px!important;
  padding:7px 0!important;
  border:0!important;
  border-top:1px solid rgba(99,150,206,.18)!important;
}
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-result :is(dt,dd){
  min-height:0!important;
  margin:0!important;
  white-space:normal!important;
}
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-action{
  min-height:44px!important;
}
.device-shell[data-device="mobile"] .mauto-site-footer :is(p,small,strong,a,span){
  font-size:12px!important;
  line-height:1.4!important;
}
.device-shell[data-device="mobile"] .mauto-site-footer :is(nav a,.footer-phone,.mauto-site-footer-contact>a){
  display:inline-flex!important;
  min-width:44px!important;
  min-height:44px!important;
  align-items:center!important;
}
.device-shell[data-device="mobile"] .mauto-site-footer-bottom>span{
  color:rgba(229,240,252,.78)!important;
}
.device-shell[data-device="mobile"] .reference-copy h1{
  width:max-content!important;
  max-width:calc(100% - 8px)!important;
  padding:4px 8px 5px!important;
  border-radius:10px!important;
  background:rgba(249,252,255,.64)!important;
  box-shadow:0 7px 22px rgba(17,51,88,.08)!important;
  -webkit-backdrop-filter:blur(5px)!important;
  backdrop-filter:blur(5px)!important;
  text-shadow:0 1px #fff,0 0 14px rgba(255,255,255,.96)!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile:is(.mobile-dashboard-tile-auto,.mobile-dashboard-tile-parts){
  height:215px!important;
  min-height:215px!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-tile:is(
  .mobile-dashboard-tile-service,
  .mobile-dashboard-tile-tuning,
  .mobile-dashboard-tile-disassembly,
  .mobile-dashboard-tile-school
){
  height:104px!important;
  min-height:104px!important;
}
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-tabs button,
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-category button{
  height:44px!important;
  min-height:44px!important;
  font-size:12px!important;
}
.device-shell[data-device="mobile"] #preview-finance-calculator .finance-input-shell input,
.device-shell[data-device="mobile"] .advanced-search-input input{
  min-height:44px!important;
  font-size:12px!important;
}
.device-shell[data-device="mobile"] .finance-range{
  min-height:44px!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-grid{
  grid-auto-rows:104px!important;
}
.device-shell[data-device="mobile"] .mobile-dashboard-grid>.mobile-dashboard-tile{
  height:100%!important;
  min-height:0!important;
}

/* P1.1 Home production hardening — readable desktop/tablet UI without
   inflating decorative marque artwork, hidden wordmark fallbacks or step IDs. */
:is(.device-shell[data-device="desktop"],.device-shell[data-device="tablet"]) :is(
  .mobile-dashboard-location>span,
  .mobile-dashboard-actions button>span,
  .ecosystem-support-copy strong,
  .ecosystem-support-copy small,
  .ecosystem .cards>a>small,
  .advanced-search-vehicle label>span,
  .advanced-search-vehicle select,
  .advanced-search-mode button,
  .advanced-search-input input,
  .advanced-search-submit,
  .advanced-search-status,
  .insurance-trigger-action,
  .insurance-stages li strong,
  .insurance-stages li small,
  .qa-compact-meta strong,
  .qa-compact-meta span,
  .qa-compact-bubble p,
  #preview-finance-calculator .finance-tabs button,
  #preview-finance-calculator .finance-category button,
  #preview-finance-calculator .finance-field>span:first-child,
  #preview-finance-calculator .finance-term>div>span,
  #preview-finance-calculator .finance-term strong,
  #preview-finance-calculator .finance-result-main>span,
  #preview-finance-calculator .finance-result dt,
  #preview-finance-calculator .finance-result dd,
  #preview-finance-calculator .finance-action,
  .interface-points small,
  .mauto-site-footer-brand p,
  .mauto-site-footer-brand small,
  .mauto-site-footer nav>strong,
  .mauto-site-footer nav>a,
  .mauto-site-footer-contact>strong,
  .mauto-site-footer-contact>span,
  .mauto-site-footer-contact>a,
  .mauto-site-footer-bottom>span
){
  font-size:12px!important;
  line-height:1.35!important;
}
:is(.device-shell[data-device="desktop"],.device-shell[data-device="tablet"]) :is(
  .mobile-dashboard-brand,
  .mobile-dashboard-location,
  .mobile-dashboard-actions button,
  .advanced-search-vehicle select,
  .advanced-search-mode button,
  .advanced-search-input,
  .advanced-search-camera,
  .advanced-search-submit,
  #preview-finance-calculator .finance-tabs button,
  #preview-finance-calculator .finance-category button,
  #preview-finance-calculator .finance-input-shell,
  #preview-finance-calculator .finance-range,
  #preview-finance-calculator .finance-action,
  .insurance-close,
  .insurance-understood
){
  min-height:44px!important;
}
:is(.device-shell[data-device="desktop"],.device-shell[data-device="tablet"]) .mobile-dashboard-actions button{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
}
:is(.device-shell[data-device="desktop"],.device-shell[data-device="tablet"]) .mobile-dashboard-actions button>span{
  width:20px!important;
  height:20px!important;
  background:#0b5fc6!important;
  line-height:20px!important;
}
:is(.device-shell[data-device="desktop"],.device-shell[data-device="tablet"]) .advanced-search-camera{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  flex-basis:44px!important;
}
:is(.device-shell[data-device="desktop"],.device-shell[data-device="tablet"]) .advanced-search-input{
  height:44px!important;
}
:is(.device-shell[data-device="desktop"],.device-shell[data-device="tablet"]) #preview-finance-calculator .finance-range{
  height:44px!important;
}
:is(.device-shell[data-device="desktop"],.device-shell[data-device="tablet"]) #preview-finance-calculator .finance-result dt{
  min-height:2.7em!important;
}
:is(.device-shell[data-device="desktop"],.device-shell[data-device="tablet"]) :is(
  .ecosystem-support-copy small,
  .ecosystem .cards>a>small,
  .advanced-search-vehicle label>span,
  .insurance-stages li small,
  #preview-finance-calculator .finance-field>span:first-child,
  #preview-finance-calculator .finance-term>div>span,
  #preview-finance-calculator .finance-result-main>span,
  #preview-finance-calculator .finance-result dt,
  .interface-points small
){
  color:#506a84!important;
}
.device-shell[data-device="tablet"] .ecosystem-support{
  width:340px!important;
  min-height:56px!important;
}
:is(.device-shell[data-device="desktop"],.device-shell[data-device="tablet"]) .ecosystem-support-copy small{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
}

/* Footer links are standalone navigation controls, including the short
   "Поиск" item, so the inline-link size exception does not apply. */
:is(.device-shell[data-device="desktop"],.device-shell[data-device="tablet"]) .mauto-site-footer :is(
  .mauto-site-footer-brand>a,
  nav a,
  .footer-phone,
  .mauto-site-footer-contact>a,
  .mauto-footer-social
){
  display:inline-flex!important;
  min-width:44px!important;
  min-height:44px!important;
  align-items:center!important;
}
:is(.device-shell[data-device="desktop"],.device-shell[data-device="tablet"]) .mauto-site-footer nav>a{
  margin-bottom:0!important;
}
:is(.device-shell[data-device="desktop"],.device-shell[data-device="tablet"]) .mauto-site-footer-bottom{
  height:auto!important;
  min-height:56px!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
}
:is(.device-shell[data-device="desktop"],.device-shell[data-device="tablet"]) .mauto-site-footer-bottom>*{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
:is(.device-shell[data-device="desktop"],.device-shell[data-device="tablet"]) .mauto-site-footer-bottom>span{
  color:rgba(226,239,253,.78)!important;
}
:is(.device-shell[data-device="desktop"],.device-shell[data-device="tablet"]) .mauto-site-footer :is(
  .mauto-site-footer-contact .mauto-wordmark,
  .mauto-site-footer-bottom .mauto-wordmark
){
  font-size:12px!important;
}

/* The tablet capability card remains in the approved hero position. Its
   real copy replaces the 0px/pseudo-text compression used by the prototype. */
.device-shell[data-device="tablet"] .hero-capability-deck{
  width:340px!important;
  height:146px!important;
}
.device-shell[data-device="tablet"] .hero-capability-card{
  grid-template-columns:minmax(0,1fr) 96px!important;
}
.device-shell[data-device="tablet"] .hero-capability-card>div{
  padding:10px 4px 9px 12px!important;
}
.device-shell[data-device="tablet"] .hero-capability-card>div>span{
  font-size:12px!important;
  line-height:1.15!important;
  letter-spacing:.075em!important;
}
.device-shell[data-device="tablet"] .hero-capability-card>div>p{
  display:-webkit-box!important;
  max-width:224px!important;
  max-height:4.9em!important;
  margin-top:6px!important;
  overflow:hidden!important;
  color:#506d88!important;
  font-size:12px!important;
  line-height:1.3!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
}
.device-shell[data-device="tablet"] .hero-capability-card>div>p::before,
.device-shell[data-device="tablet"] .hero-card-features::before{
  content:none!important;
}
.device-shell[data-device="tablet"] .hero-card-features{
  display:block!important;
  max-width:224px!important;
  max-height:2.7em!important;
  margin-top:5px!important;
  overflow:hidden!important;
  font-size:12px!important;
  line-height:1.25!important;
  white-space:normal!important;
}
.device-shell[data-device="tablet"] .hero-capability-card>figure img{
  width:92px!important;
  height:92px!important;
  max-width:92px!important;
  max-height:92px!important;
}

/* Final readable-logo/index lock: these marks remain visually compact, but
   never rely on microtype below the platform's 12px floor. */
.device-shell :is(.brand-track b, .insurance-stages .insurance-stage-index){
  font-size:12px!important;
  line-height:1.15!important;
}

/* Calculation assumptions belong to the result, before the share action. */
#preview-finance-calculator .finance-assumptions{display:block;grid-column:1/-1;margin:8px 0 5px;color:#4f6681;font-size:12px;font-weight:400;line-height:1.4;overflow-wrap:anywhere;text-align:left}

/* master095: Insurance owns its compact header and one body scrollport. */
html body #mauto-insurance-dialog { padding:0!important; align-items:end!important; justify-items:center!important; }
html body #mauto-insurance-dialog .insurance-panel { display:flex!important; flex-direction:column!important; width:100%!important; max-width:440px!important; max-height:75dvh!important; min-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; border-radius:24px 24px 0 0!important; box-sizing:border-box!important; }
html body #mauto-insurance-dialog .mauto-platform-sheet__handle { flex:0 0 12px!important; height:12px!important; min-height:12px!important; padding:3px 0 4px!important; box-sizing:border-box!important; }
html body #mauto-insurance-dialog .insurance-panel-header { position:relative!important; display:block!important; flex:0 0 auto!important; height:auto!important; min-height:56px!important; max-height:none!important; padding:6px 52px 10px!important; margin:0!important; background:transparent!important; text-align:center!important; box-sizing:border-box!important; }
html body #mauto-insurance-dialog .insurance-panel-header small { font-size:10px!important; line-height:14px!important; letter-spacing:.04em!important; font-weight:600!important; color:#52677f!important; margin:0 0 3px!important; }
html body #mauto-insurance-dialog .insurance-panel-header h2 { display:block!important; margin:0!important; font-size:18px!important; line-height:24px!important; font-weight:700!important; letter-spacing:-.025em!important; overflow-wrap:anywhere!important; }
html body #mauto-insurance-dialog .insurance-panel-shield { position:absolute!important; inset:8px 10px auto auto!important; width:32px!important; height:32px!important; background:none!important; border:0!important; box-shadow:none!important; }
html body #mauto-insurance-dialog .insurance-close { top:4px!important; left:4px!important; right:auto!important; width:44px!important; height:44px!important; }
html body #mauto-insurance-dialog .insurance-panel-body { min-height:0!important; overflow:auto!important; overscroll-behavior:contain; padding:12px!important; }
html body #mauto-insurance-dialog #insurance-modal-summary { margin:0 0 12px!important; font-size:14px!important; line-height:20px!important; color:#52677f!important; }
html body #mauto-insurance-dialog .insurance-modal-stages { grid-template-columns:minmax(0,1fr)!important; gap:8px!important; padding:0!important; }
html body #mauto-insurance-dialog .insurance-modal-stages article { min-height:0!important; padding:12px 14px!important; border-radius:14px!important; }
html body #mauto-insurance-dialog .insurance-modal-stages h3 { font-size:15px!important; line-height:20px!important; margin:0 28px 4px 0!important; }
html body #mauto-insurance-dialog .insurance-modal-stages p, html body #mauto-insurance-dialog .insurance-modal-note p { font-size:14px!important; line-height:20px!important; font-weight:400!important; color:#52677f!important; }
html body #mauto-insurance-dialog .insurance-modal-note { display:block!important; margin:10px 0 0!important; padding:12px!important; }
html body #mauto-insurance-dialog .insurance-modal-note strong { display:block; margin-bottom:4px; font-size:14px!important; line-height:20px!important; }
html body #mauto-insurance-dialog .insurance-panel-footer { position:static!important; flex:0 0 auto!important; padding:8px 12px max(8px,env(safe-area-inset-bottom))!important; background:#fff!important; }
html body #mauto-insurance-dialog .insurance-understood { min-height:44px!important; height:auto!important; width:100%!important; font-size:15px!important; line-height:20px!important; padding:12px!important; border-radius:12px!important; color:#fff!important; background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da))!important; }
@media(min-width:768px){html body #mauto-insurance-dialog {justify-items:end!important;align-items:stretch!important;} html body #mauto-insurance-dialog .insurance-panel {max-height:100dvh!important;height:100%!important;border-radius:24px 0 0 24px!important;} html body #mauto-insurance-dialog .insurance-panel-body {flex:1 1 auto!important;} }