/* shared nav dropdown + module pages (extra.css) */
.mlink{display:none!important}
.fdrop{position:relative}
.fdrop summary,.mmenu summary{list-style:none;cursor:pointer}
.fdrop summary::-webkit-details-marker,.mmenu summary::-webkit-details-marker{display:none}
.fdrop summary{color:var(--sub)}
.fdrop summary:hover,.fdrop[open] summary{color:#fff}
.fpanel{position:absolute;top:34px;left:-20px;width:520px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:10px;background:#121216;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.8);z-index:60}
.fpanel a,.mpanel a{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:10px;color:#e4e4e7}
.fpanel a:hover,.mpanel a:hover{background:rgba(249,115,22,.1)}
.fpanel a span:first-child,.mpanel a span:first-child{flex:none;width:22px;text-align:center}
.fpanel a b{display:block;font-size:14px}
.fpanel a small{display:block;font-size:12px;color:var(--mut);line-height:1.35}
.fpanel .all{grid-column:1/-1;justify-content:center;color:var(--o2);font-weight:700;border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:4px}
.mmenu{display:block}
@media(min-width:860px){.mmenu{display:none}}
.mmenu summary{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;font-size:18px;color:#fff}
.mpanel{position:fixed;left:0;right:0;top:64px;bottom:0;overflow:auto;background:#0b0b0e;border-top:1px solid var(--line);padding:14px 20px 40px;z-index:60}
.mpanel h6{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:12px 0 6px}
.mpanel .mgrid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.mpanel a{font-size:15px;font-weight:600}
.mpanel .btn{width:100%;justify-content:center;margin-top:10px}
/* module pages */
.mhero{position:relative;padding:56px 0 30px;overflow:hidden}
.mhero:before{content:"";position:absolute;inset:-30% -10% auto;height:640px;background:radial-gradient(520px 320px at 30% 40%,rgba(249,115,22,.24),transparent 70%);pointer-events:none}
.mhero .wrap{position:relative}
.crumb{font-size:13px;color:var(--mut);margin-bottom:14px}
.crumb a:hover{color:#fff}
.mhero h1{font-size:clamp(36px,6.5vw,60px);font-weight:900;display:flex;gap:14px;align-items:center;margin:10px 0 12px}
.mhero h1 .mi{width:56px;height:56px;flex:none;border-radius:16px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,var(--o),var(--y))}
.mhero .value{font-size:clamp(20px,3vw,26px);font-weight:700;max-width:780px;letter-spacing:-.01em}
.mhero .lead{margin-top:10px}
.mhero .cta-row{justify-content:flex-start}
.fl{display:grid;gap:10px;margin-top:28px}
@media(min-width:800px){.fl{grid-template-columns:1fr 1fr}}
.fl li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.rel{display:grid;gap:12px;margin-top:28px}
@media(min-width:760px){.rel{grid-template-columns:repeat(3,1fr)}}
a.tile{display:block;transition:border-color .15s,transform .15s}
a.tile:hover{border-color:rgba(249,115,22,.5);transform:translateY(-2px)}
a.tile .more,.plink{color:var(--o2);font-weight:700;font-size:14px;margin-top:10px;display:inline-block}
.fgrid a.tile{display:flex}
.plinks{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}
.mtab2{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px;scrollbar-width:none}
.mtab2 span{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 11px;white-space:nowrap;font-size:12px;color:#475569}
.mtab2 span.on{background:#fff7ed;border-color:#fdba74;color:#c2410c;font-weight:700}
.tblw td small{color:#64748b;font-size:11px}
.setg{display:grid;gap:10px}
@media(min-width:760px){.setg{grid-template-columns:1fr 1fr}}
.setc{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px}
.setc h5{font-size:14px;margin-bottom:4px}.setc p{font-size:12.5px;color:#475569}
.frm{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:12.5px;margin-top:8px}
.frm b{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 10px;text-align:right}
.bar{height:8px;border-radius:9px;background:#f1f5f9;margin-top:10px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--o),var(--y))}
.aih{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;display:grid;gap:10px;max-width:620px;margin-left:auto}
.aih-h{display:flex;justify-content:space-between;font-size:12.5px;color:#64748b}.aih-h b{color:#0f172a;font-size:14px}
.aim{padding:10px 12px;border-radius:12px;font-size:13px;max-width:88%}
.aim.u{background:#f97316;color:#fff;justify-self:end;border-bottom-right-radius:4px}
.aim.a{background:#f1f5f9;color:#0f172a;border-bottom-left-radius:4px}
.aim ul{margin:6px 0 0 16px}
.aib{display:flex;gap:8px;margin-top:10px}.aib b{background:#0f172a;color:#fff;border-radius:8px;padding:5px 10px;font-size:12px}.aib span{border:1px solid #cbd5e1;border-radius:8px;padding:5px 10px;font-size:12px}
/* inbox (dark, Dealer Portal colors) */
.kx{display:grid;grid-template-columns:1fr;background:#0f0f13;color:#e4e4e7;font-size:13px;min-height:520px}
@media(min-width:760px){.kx{grid-template-columns:56px 260px 1fr}}
@media(min-width:1100px){.kx{grid-template-columns:56px 280px 1fr 250px}}
.kx-side{display:none;flex-direction:column;align-items:center;gap:14px;padding:14px 0;background:#0a0a0d;border-right:1px solid var(--line)}
@media(min-width:760px){.kx-side{display:flex}}
.kx-side .mark{width:32px;height:32px;font-size:12px;border-radius:9px;margin-bottom:6px}
.kx-side i{font-style:normal;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;opacity:.65;font-size:16px}
.kx-side i.on{background:rgba(249,115,22,.15);opacity:1;box-shadow:inset 0 0 0 1px rgba(249,115,22,.5)}
.kx-side i.ai{margin-top:auto;opacity:1;border:1px solid rgba(249,115,22,.5)}
.kx-list{display:none;border-right:1px solid var(--line);background:#121216;min-width:0}
@media(min-width:760px){.kx-list{display:block}}
.kx-lh{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 8px}
.kx-lh b{font-size:15px}
.kx-plus{width:28px;height:28px;border-radius:8px;background:var(--o);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px}
.kx-fs{display:flex;gap:6px;padding:0 14px 10px}
.kx-filter{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:var(--o2)}
.kx-search{flex:1;border:1px solid var(--line);border-radius:8px;padding:5px 10px;color:var(--mut)}
.kx-today{padding:6px 14px;font-size:12px;font-weight:700;color:var(--o2);border-bottom:2px solid rgba(249,115,22,.5);margin:0 14px 4px}
.kx-row{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid #1c1c22}
.kx-row.on{background:rgba(249,115,22,.1);box-shadow:inset 3px 0 0 var(--o)}
.kx-cb{flex:none;width:13px;height:13px;border:1.5px solid #3f3f46;border-radius:3px;margin-top:3px}
.kx-m{flex:1;min-width:0}
.kc-t{display:flex;justify-content:space-between;gap:8px;align-items:center}
.kc-t b{font-size:13.5px}.kc-t span{font-size:11.5px;color:var(--mut);white-space:nowrap}
.kx-m small{display:block;color:var(--mut);font-size:11.5px}
.kc-t p{color:#a1a1aa;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kc-ch{font-style:normal;color:var(--o2);flex:none;display:grid}
.kx-chat{display:flex;flex-direction:column;min-width:0}
.kx-ch{padding:14px 16px;border-bottom:1px solid var(--line)}
.kx-ct{display:flex;justify-content:space-between}.kx-ct b{font-size:16px}
.kx-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:8px}
.kx-meta div{display:flex;flex-direction:column;gap:4px}
.kx-meta div:last-child{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:6px}
.kx-meta div:last-child small{width:100%}
.kx-meta small{color:var(--mut);font-size:11.5px}
.chip{background:#1f1f26;border:1px solid var(--line);border-radius:7px;padding:3px 9px;font-size:12px}
.chip.o{border-color:rgba(249,115,22,.55);color:var(--o2);background:transparent}
.kx-msgs{flex:1;padding:16px;display:flex;flex-direction:column;gap:8px;background:radial-gradient(400px 300px at 80% 20%,rgba(249,115,22,.06),transparent 70%)}
.kx-comp{border-top:1px solid var(--line);padding:10px 14px 14px}
.kx-tools{display:flex;gap:16px;color:var(--o2);padding:2px 4px 10px}
.kx-in{display:flex;gap:8px}
.kx-in span{flex:1;border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--mut);background:#0b0b0e}
.kx-in b{background:var(--o);color:#fff;border-radius:10px;padding:9px 16px}
.kx-info{display:none;border-left:1px solid var(--line);padding:14px;background:#121216}
@media(min-width:1100px){.kx-info{display:block}}
.kx-it{display:flex;justify-content:space-between}.kx-it b{font-size:14px}
.kx-ph{color:var(--mut);font-size:11.5px}
.kx-info h6{font-size:12px;color:var(--sub);margin:16px 0 8px;font-weight:700}
.kx-add{border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--o2);font-weight:700}
.kx-ev{border:1px solid var(--line);border-radius:10px}
.kx-ev div{display:flex;gap:10px;padding:10px 12px;border-top:1px solid var(--line)}
.kx-ev div:first-child{border-top:0}
.kx-ev i{font-style:normal}
.kx-ev p{font-size:12.5px}.kx-ev small{display:block;color:var(--mut);font-size:11px}
/* reset FAQ details styles for nav menus */
details.fdrop,details.mmenu{border:0;background:none;margin:0;overflow:visible;border-radius:0}
details.fdrop>summary,details.mmenu>summary{padding:0;font-weight:inherit;justify-content:center;gap:0}
details.fdrop>summary{display:block;font-weight:500}
details.mmenu>summary{display:grid;font-weight:400}
details.fdrop>summary:after,details.mmenu>summary:after{content:none}
.navlinks{align-items:center}
.mpanel{bottom:auto;height:calc(100vh - 64px);height:calc(100dvh - 64px)}
nav:has(details.mmenu[open]){backdrop-filter:none;-webkit-backdrop-filter:none;background:#0a0a0c}
/* compare pages */
.fits{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.fits>*{min-width:0}
.fit{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:22px}
.fit.us{border-color:rgba(249,115,22,.55)}
.fit h3{margin:0 0 8px;font-size:17px}.fit p{margin:0;color:var(--mut,#a1a1aa)}
.ctable-wrap{overflow-x:auto;margin-top:18px;border:1px solid var(--line);border-radius:14px}
.ctable{width:100%;border-collapse:collapse;font-size:15px;min-width:620px}
.ctable th,.ctable td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.ctable thead th{background:rgba(255,255,255,.04);font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.ctable thead th:last-child{color:#f97316}
.ctable tbody th{width:22%;font-weight:600}
.ctable td.nl{color:#71717a;font-style:italic}
.ctable sup a{color:#f97316;text-decoration:none;font-size:11px;margin-left:2px}
.ctable tr:last-child th,.ctable tr:last-child td{border-bottom:0}
.srcs{padding-left:0;list-style:none;font-size:14px;color:#a1a1aa}.srcs a{color:#f97316}
.cchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cchip{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px;color:inherit;text-decoration:none}
.cchip:hover{border-color:#f97316}
.tm{font-size:12.5px;color:#71717a;margin-top:30px;line-height:1.6}
.ccat{display:block;color:#f97316;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
@media(max-width:760px){.fits{grid-template-columns:1fr}}
.ctable th{background:transparent;color:#f4f4f5;font-size:15px}
.ctable thead th{background:rgba(255,255,255,.04);color:#a1a1aa;font-size:12px}
.ctable td{color:#e4e4e7}
.ctable thead th{border-bottom:1px solid var(--line)}
@media(max-width:760px){
 .ctable{min-width:0}.ctable thead{display:none}
 .ctable,.ctable tbody,.ctable tr,.ctable th,.ctable td{display:block;width:auto}
 .ctable tr{padding:14px 16px;border-bottom:1px solid var(--line)}
 .ctable tbody th{width:auto;padding:0 0 8px;border:0;font-size:16px}
 .ctable td{padding:6px 0;border:0;font-size:14.5px}
 .ctable td:before{content:attr(data-l);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#71717a;font-style:normal;margin-bottom:2px}
 .ctable td.dpc:before{color:#f97316}
}
/* ===== Readability pass (Nov 9): secondary text >=17px, contrast >= WCAG AA ===== */
:root{--sub:#c7cbd1;--mut:#b4b8c0}
.lead,.tile p,.caption,.legend,.step p,details p,.faq p,footer,footer span,.ls-foot,.pbox p,.ovr,.crumb,.srcs,.tm,
.fit p,.ctable,.ctable td,.ctable td.nl,.ticks li,.ticks li small,.mkrow small,.mkrow .q,.ls-col ul,.ls-col li span,.amt span,.mlink,.value{font-size:17px!important}
.lead,.tile p,.caption,.legend,.step p,details p,.faq p,footer,.ls-foot,.pbox p,.ovr,.crumb,.srcs,.tm,.fit p,.mkrow small,.mkrow .q,.ls-col li span,.amt span,.mlink,.ticks li small{color:#c7cbd1!important}
.ctable td.nl{color:#b4b8c0!important}
.fit{padding:26px 28px}.fit h3{font-size:22px!important;line-height:1.3;margin-bottom:10px}.fit p{line-height:1.6}
.ctable tbody th{font-size:17px!important}
.tm{line-height:1.65}
/* small uppercase labels: not body copy, kept compact but bigger and high-contrast */
.ctable thead th,.ctable td:before,.mpanel h6,.ls-col h4,.ccat{font-size:14px!important;color:#c7cbd1!important}
.ctable thead th:last-child,.ctable td.dpc:before,.ccat{color:#fb923c!important}
.fpanel a small{font-size:15px;color:#c7cbd1}
.navlinks{font-size:16px;color:#c7cbd1}
.side .lbl{color:#a1a1aa}
.eyebrow{font-size:14px!important}
.pill{font-size:13px!important}
.plink,.tile .more,.more,.cchip,.faq summary,details summary,.mkrow b,.step h4,.box h4,.big4 span{font-size:17px!important}
.box code{font-size:13px!important}
.big4 b,.ls-mid span{font-size:13px!important}
/* build-your-stack calculator */
.stack{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px;margin-top:20px}
.s-lbl{display:block;font-size:19px;font-weight:700;margin-bottom:12px}.s-lbl output{color:#fb923c}
.stack input[type=range]{width:100%;height:34px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;--p:50%}
.stack input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:99px;background:linear-gradient(90deg,#f97316 var(--p),#33333d var(--p))}
.stack input[type=range]::-moz-range-track{height:10px;border-radius:99px;background:#33333d}
.stack input[type=range]::-moz-range-progress{height:10px;border-radius:99px;background:#f97316}
.stack input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:4px solid #f97316;margin-top:-10px}
.stack input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid #f97316}
.stack input[type=range]:focus-visible{outline:3px solid #fb923c;outline-offset:4px;border-radius:8px}
.s-ticks{display:flex;justify-content:space-between;font-size:15px;color:#c7cbd1}
.s-hint,.s-sub,.s-note,.s-foot{font-size:17px;color:#c7cbd1;margin:10px 0 0}
.s-foot{margin-top:22px;line-height:1.6}.s-foot a{color:#fb923c}
.s-email{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.s-email>*{min-width:0}
.s-card{background:#0e0e12;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:4px}
.s-card small{font-size:17px;font-weight:700;color:#f4f4f5}
.s-card b{font-size:38px;font-weight:900;letter-spacing:-.02em;line-height:1.1}.s-card b i{font-size:17px;font-style:normal;color:#c7cbd1;font-weight:600}
.s-card span{font-size:17px;color:#c7cbd1}
.s-card .s-only{font-size:15px;font-weight:700;color:#fb923c;text-transform:uppercase;letter-spacing:.04em;margin-top:6px}
.s-card-dp{border-color:rgba(249,115,22,.6);background:linear-gradient(160deg,rgba(249,115,22,.14),#0e0e12)}
.s-card-dp .s-only{text-transform:none;letter-spacing:0;color:#f4f4f5;font-weight:600}
.s-build{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-top:30px;align-items:start}
.s-build>*{min-width:0}
.s-build h3{font-size:24px;margin:0}
.s-pick{border:0;padding:0;margin:16px 0 8px;display:flex;flex-wrap:wrap;gap:10px}
.s-pick legend{font-size:17px;font-weight:700;margin-bottom:8px;padding:0}
.sopt{font-size:17px;border:1px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer;display:flex;gap:8px;align-items:center}
.sopt:has(input:checked){border-color:#f97316;background:rgba(249,115,22,.1)}
.srow{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line);cursor:pointer}
.srow input,.sopt input{width:22px;height:22px;accent-color:#f97316}
.srow .sl b{display:block;font-size:17px}.srow .sl small{display:block;font-size:17px;color:#c7cbd1}
.srow .sv{font-size:19px;font-weight:800;white-space:nowrap}
.srow.off{opacity:.5}.srow.off .sv{text-decoration:line-through}
.s-right{display:grid;gap:14px;position:sticky;top:90px}
.s-total,.s-dp{border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:6px}
.s-total{background:#0e0e12;border:1px solid var(--line)}
.s-dp{border:1px solid rgba(249,115,22,.6);background:linear-gradient(160deg,rgba(249,115,22,.18),rgba(234,179,8,.08))}
.s-total small,.s-dp small{font-size:17px;font-weight:700;color:#c7cbd1}
.s-total b,.s-dp b{font-size:40px;font-weight:900;line-height:1.1}
.s-total span,.s-dp span{font-size:17px;color:#c7cbd1}
.s-tq{color:#fde68a!important}
.valuebox{background:linear-gradient(160deg,rgba(249,115,22,.14),rgba(234,179,8,.06));border:1px solid rgba(249,115,22,.5);border-radius:18px;padding:22px 26px;margin-top:18px;font-size:19px;line-height:1.55}
.valuebox b{color:#fff}
@media(max-width:900px){.s-email{grid-template-columns:1fr 1fr}.s-build{grid-template-columns:1fr}.s-right{position:static}}
@media(max-width:480px){.stack{padding:18px}.s-card b{font-size:30px}.s-total b,.s-dp b{font-size:34px}}
.fit h3{color:#f4f4f5!important;font-weight:750}
.fit p{font-weight:400!important}
.s-email{grid-template-columns:repeat(3,1fr)}
.s-card .s-only,.s-ticks,.s-hint,.ctable thead th,.ctable td:before,.ccat,.mpanel h6,.ls-col h4,.fpanel a small{font-size:17px!important}
.s-email .s-card small{color:#fff}
.s-total .s-tv{color:#fff}
@media(max-width:700px){.s-email{grid-template-columns:1fr}.s-card{display:grid;grid-template-columns:1fr auto}.s-card span{grid-column:1/-1}.srow{grid-template-columns:auto 1fr}.srow .sv{grid-column:2}.fit{padding:22px}}
.s-count{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);font-size:19px!important;color:#f4f4f5;line-height:1.5}
.s-count b{font-size:24px;color:#fff;font-weight:900}
.s-cd b{color:#fb923c}
.s-dp>b{font-size:34px!important}
.s-pick+.s-pick{margin-top:6px}
.s-kind{display:block;margin:4px 0 2px}
.sbadge{display:inline-block;font-style:normal;font-size:14px!important;font-weight:800;letter-spacing:.03em;padding:3px 10px;border-radius:999px;border:1px solid}
.sb-pub{color:#86efac;border-color:rgba(134,239,172,.5);background:rgba(34,197,94,.1)}
.sb-typ{color:#fde68a;border-color:rgba(253,230,138,.5);background:rgba(234,179,8,.1)}
.sb-quote{color:#c7cbd1;border-color:rgba(199,203,209,.45);background:rgba(255,255,255,.05)}
.s-dp a{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.ctable td.typ{color:#fde68a}
.srow.hl{border-left:4px solid #f97316;padding-left:12px;background:rgba(249,115,22,.07);border-radius:8px}
.sb-hl{color:#fff;border-color:#f97316;background:#f97316;margin-left:6px}

/* SMS thread (Inbox mockup) */
.kx-msgs{gap:2px!important;padding:18px 18px 14px!important}
.sms-day{align-self:center;font-size:13px;color:#a1a1aa;margin:2px 0 10px}
.sms{display:flex;flex-direction:column;max-width:70%;margin-top:10px}
.sms.cont{margin-top:4px}
.sms .bub{display:block;padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;border:0;outline:0;box-shadow:none}
.sms .ts{display:block;font-size:13px;color:#a1a1aa;margin:4px 6px 0;line-height:1.3}
.sms.in{align-self:flex-start}
.sms.in .bub{background:#2a2d33;color:#f4f4f5;border-bottom-left-radius:6px}
.sms.out{align-self:flex-end;align-items:flex-end}
.sms.out .bub{background:#f97316;color:#fff;border-bottom-right-radius:6px}
.sms.out .ts{text-align:right}
.sms .ts b{color:#d4d4d8;font-weight:600}
@media(max-width:600px){.sms{max-width:82%}}


/* inbox mockup legibility */
.kc-t b{font-size:14px!important}.kc-t span,.kc-m small,.kx-ph,.kx-meta small,.kx-ev small,.chip{font-size:13px!important}
.kc-t p,.kx-ev p{font-size:13.5px!important;color:#c7cbd1!important}

/* sample parts store (homepage) */
.ps-frame{padding:0}
.ps{background:#fff;color:#111827;border-radius:0 0 16px 16px;overflow:hidden;font-size:14px;line-height:1.35}
.ps svg{display:block}
.ps-head{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#0f172a;color:#fff}
.ps-logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:15px;line-height:1.05;white-space:nowrap}
.ps-logo small{display:block;font-size:11px;font-weight:700;color:#fb923c;letter-spacing:.12em;text-transform:uppercase}
.ps-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#f97316,#c2410c);display:grid;place-items:center;font-size:13px;font-weight:900}
.ps-search{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:#fff;color:#6b7280;border-radius:9px;padding:8px 12px;font-size:13.5px;white-space:nowrap;overflow:hidden}
.ps-search svg,.ps-acts svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex:none}
.ps-search span{overflow:hidden;text-overflow:ellipsis}
.ps-acts{display:flex;align-items:center;gap:14px;color:#e5e7eb}
.ps-acc{display:flex;align-items:center;gap:6px;font-size:13px}.ps-acc em{font-style:normal}
.ps-cart{position:relative}.ps-cart svg{width:22px;height:22px}
.ps-cart i{position:absolute;top:-7px;right:-9px;background:#f97316;color:#fff;font-style:normal;font-size:11px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center}
.ps-nav{display:flex;gap:18px;padding:9px 16px;background:#111c33;color:#cbd5e1;font-size:13px;font-weight:600;overflow:hidden;white-space:nowrap}
.ps-nav .on{color:#fff}.ps-nav .hot{color:#fb923c}
.ps-garage{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff7ed;border-bottom:1px solid #fed7aa}
.ps-veh{display:grid;gap:1px;min-width:0}
.ps-veh small{font-size:12px;font-weight:700;color:#9a3412;text-transform:uppercase;letter-spacing:.06em}
.ps-veh b{font-size:16px;color:#111827}
.ps-veh span{font-size:13px;color:#c2410c;font-weight:600;text-decoration:underline}
.ps-find{background:#f97316;color:#fff;font-weight:800;font-size:14px;padding:10px 18px;border-radius:9px;white-space:nowrap;box-shadow:0 2px 0 #c2410c}
.ps-body{padding:14px 16px 18px;display:grid;gap:14px;background:#f8fafc}
.ps-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.ps-cat{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 4px 9px;text-align:center;font-size:12.5px;font-weight:700;color:#334155;display:grid;justify-items:center;gap:5px;line-height:1.2}
.ps-ci{width:34px;height:34px;border-radius:50%;background:#fff7ed;display:grid;place-items:center;color:#ea580c}
.ps-ci svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.ps-sec{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.ps-sec b{font-size:15px}.ps-sec span{font-size:13px;color:#c2410c;font-weight:700;white-space:nowrap}
.ps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ps-grid>*,.ps-cats>*{min-width:0}
.ps-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.ps-img{background:linear-gradient(180deg,#f8fafc,#eef2f7);aspect-ratio:16/10;display:grid;place-items:center;padding:8px;border-bottom:1px solid #eef2f7}
.ps-img svg{width:86%;height:auto;max-height:100%}
.ps-info{padding:10px 12px 12px;display:flex;flex-direction:column;gap:5px;flex:1}
.ps-fits{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;background:#dcfce7;color:#166534;border-radius:8px;padding:3px 9px 3px 6px;font-size:13px;font-weight:700;line-height:1.5}
.ps-fits svg{width:13px;height:13px}
.ps-name{font-size:14px;line-height:1.3;color:#0f172a}
.ps-meta{font-size:12.5px;color:#64748b}
.ps-row{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:4px}
.ps-row strong{font-size:17px;color:#0f172a}
.ps-stock{font-size:12.5px;font-weight:700;color:#15803d;white-space:nowrap}
.ps-add{display:block;text-align:center;background:#0f172a;color:#fff;font-weight:700;font-size:13.5px;border-radius:8px;padding:8px 10px;margin-top:4px}
@media(max-width:1100px) and (min-width:861px){.ps-cats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.ps-head{flex-wrap:wrap;gap:10px}.ps-search{order:3;flex-basis:100%}.ps-acts{margin-left:auto}
 .ps-cats{grid-template-columns:repeat(3,1fr)}.ps-nav{gap:14px}.ps-garage{flex-wrap:wrap}.ps-find{flex:1;text-align:center}
 .ps-info{padding:9px 10px 11px}.ps-fits{font-size:12.5px}.ps-row{flex-direction:column;align-items:flex-start;gap:2px}.ps-acc em{display:none}}

/* nav: hamburger until there is room for 6 desktop links */
@media(min-width:860px) and (max-width:1099px){.navlinks{display:none!important}.mmenu{display:block!important}}

/* integrations ring (homepage) */
.ig{padding:24px 0 40px;overflow:hidden}
.ig-head{text-align:center;max-width:720px;margin:0 auto 8px}
.ig-head h2{font-size:clamp(28px,4vw,40px);margin:8px 0 10px;letter-spacing:-.02em}
.ig-head p{font-size:18px!important;color:var(--sub)}
.ig-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ig-stage{position:relative;margin:0 auto}
.ig-ring{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:980px;margin:20px auto 0}
.ig-tile{outline:none}
.ig-card{width:200px;height:132px;box-sizing:border-box;padding:14px;justify-content:space-between;border-radius:16px;background:linear-gradient(160deg,#1b1b21,#121216);border:1px solid #2c2c35;display:flex;flex-direction:column;gap:6px;align-items:stretch;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.ig-plate{display:flex;gap:8px;flex:0 0 auto;align-items:center;justify-content:center;width:100%;height:62px;border-radius:12px;background:#fff;padding:10px 14px;box-sizing:border-box;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.ig-plate.dark{background:#0b0b0e;box-shadow:inset 0 0 0 1px #2c2c35}
.ig-plate img{display:block;max-width:100%;max-height:38px;width:auto;height:auto;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.ig-plate-t{font-size:15px;font-weight:700;color:#1c1e21;white-space:nowrap}
.ig-chip.on{align-self:flex-start}
.ig-cat{font-size:13px;color:#b4b8c0;text-transform:uppercase;letter-spacing:.06em;font-weight:600;line-height:1.3}
.ig-name{font-size:19px;line-height:1.2;color:#fff;font-weight:750;letter-spacing:-.01em}
.ig-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;border-radius:999px;padding:3px 10px;line-height:1.4}
.ig-chip.on{background:rgba(34,197,94,.14);color:#4ade80;border:1px solid rgba(34,197,94,.45)}
.ig-chip.on i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e}
.ig-tile.on .ig-card{border-color:rgba(249,115,22,.35)}
.ig-tile:hover .ig-card,.ig-tile:focus-visible .ig-card{border-color:#f97316;box-shadow:0 0 0 1px rgba(249,115,22,.6),0 0 34px rgba(249,115,22,.35),0 14px 40px rgba(0,0,0,.5)}
.ig-tile:focus-visible .ig-card{outline:2px solid #fb923c;outline-offset:3px}
.ig-foot{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px}
.ig-hint{font-size:14px;color:#b4b8c0;display:none}
.ig-tm{text-align:center;font-size:14px!important;color:#b4b8c0;margin-top:10px}
/* 3D mode (added by JS when motion is allowed) */
.ig.ig-3d .ig-hint{display:inline}
.ig.ig-3d .ig-stage{height:230px;perspective:1300px;perspective-origin:50% 45%;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.ig.ig-3d .ig-stage.drag{cursor:grabbing}
.ig.ig-3d .ig-stage::after{content:"";position:absolute;left:50%;bottom:6px;width:70%;height:40px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(249,115,22,.22),transparent);pointer-events:none}
.ig.ig-3d .ig-ring{display:block;position:absolute;left:50%;top:50%;width:0;height:0;margin:0;max-width:none;transform-style:preserve-3d}
.ig.ig-3d .ig-tile{position:absolute;left:-100px;top:-66px;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden}
@media(max-width:600px){
 .ig-card{width:164px;height:118px;padding:11px}
 .ig-plate{height:54px;padding:8px 10px}.ig-plate img{max-height:32px}
 .ig-name{font-size:18px}
 .ig.ig-3d .ig-tile{left:-82px;top:-59px}
 .ig.ig-3d .ig-stage{height:210px;perspective:900px}
 .ig-head p{font-size:17px!important}
}

/* phone + computer section */
.dv{overflow:hidden}
.dv-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:48px;align-items:center}
.dv-copy h2{margin:10px 0 14px}
.dv-pts{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}
.dv-pts li{display:flex;gap:10px;align-items:flex-start;font-size:17px;line-height:1.5;color:var(--sub)}
.dv-pts li svg{flex:0 0 auto;margin-top:3px}.dv-pts b{color:#fff}
.dv-note{font-size:17px!important;color:var(--sub);margin-top:20px;border-left:3px solid var(--o);padding-left:12px}
.dv-art{position:relative;padding:20px 0 40px}
.dv-laptop{position:relative;margin-right:150px}
.dv-screen{background:#0b0b0e;border:10px solid #1d1d23;border-bottom-width:14px;border-radius:16px 16px 6px 6px;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(249,115,22,.12);overflow:hidden}
.dv-base{height:16px;margin:0 -6%;background:linear-gradient(#2a2a31,#17171c);border-radius:0 0 18px 18px;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.dv-app{display:flex;min-height:330px;background:#f8fafc;color:#0f172a}
.dv-side{width:118px;flex:0 0 auto;background:#0f172a;padding:12px 8px;display:flex;flex-direction:column;gap:4px}
.dv-side i{font-style:normal;font-size:13px;color:#cbd5e1;padding:6px 8px;border-radius:7px}
.dv-side i.on{background:rgba(249,115,22,.18);color:#fdba74;font-weight:700}
.dv-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center;margin:0 0 8px 6px}
.dv-main{flex:1;min-width:0;padding:14px 16px}
.dv-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dv-h b{font-size:17px}
.dv-sample{font-size:13px;color:#9a3412;background:#ffedd5;border-radius:999px;padding:2px 9px;font-weight:600}
.dv-kpi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
.dv-kpi div{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px}
.dv-kpi small{display:block;font-size:13px;color:#475569;line-height:1.25}.dv-kpi b{font-size:20px}
.dv-tbl{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}
.dv-tr{display:grid;grid-template-columns:58px 64px minmax(0,1fr) 64px;gap:8px;align-items:center;padding:8px 10px;border-top:1px solid #eef2f7;font-size:13px}
.dv-tr:first-child{border-top:0}.dv-tr .dv-pr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#334155}.dv-am{text-align:right;font-weight:700}
.dv-ch{font-size:13px;font-weight:700;color:#334155;background:#f1f5f9;border-radius:6px;padding:1px 7px;justify-self:start}
.dv-st{font-size:13px;font-weight:700;border-radius:999px;padding:2px 8px;white-space:nowrap;justify-self:start}
.dv-st.ok{background:#dcfce7;color:#166534}.dv-st.info{background:#dbeafe;color:#1e40af}.dv-st.mut{background:#f1f5f9;color:#475569}
.dv-phone{position:absolute;right:0;bottom:0;width:214px;background:#0b0b0e;border:8px solid #1d1d23;border-radius:34px;box-shadow:0 30px 70px rgba(0,0,0,.7),0 0 0 1px #2c2c35,0 0 50px rgba(249,115,22,.18);overflow:hidden}
.dv-notch{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:62px;height:18px;border-radius:12px;background:#000;z-index:2}
.dv-pscreen{background:#f8fafc;color:#0f172a;padding:32px 10px 14px;min-height:380px;border-radius:26px}
.dv-pbar{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px 10px}
.dv-pbar b{font-size:14px;flex:1;white-space:nowrap}
.dv-burger{display:grid;gap:3px}.dv-burger i{display:block;width:16px;height:2px;background:#0f172a;border-radius:2px}
.dv-pdot{font-size:13px;font-weight:800;color:#fff;background:#f97316;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center}
.dv-ph{display:flex;justify-content:space-between;align-items:baseline;margin:12px 2px 8px}.dv-ph b{font-size:17px}.dv-ph small{font-size:13px;color:#475569}
.dv-oc{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px;margin-bottom:8px}
.dv-oc1{display:flex;align-items:center;gap:5px;font-size:13px;white-space:nowrap}.dv-oc1 .dv-am{margin-left:auto}
.dv-oc p{font-size:13.5px;color:#334155;margin:5px 0 6px;line-height:1.35}
@media(max-width:900px){.dv-grid{grid-template-columns:1fr;gap:36px}}
@media(max-width:600px){
 .dv-laptop{margin-right:0}
 .dv-screen{border-width:7px;border-bottom-width:10px;border-radius:12px 12px 5px 5px}
 .dv-side{display:none}
 .dv-app{min-height:0}
 .dv-main{padding:10px}
  .dv-tr{grid-template-columns:56px minmax(0,1fr) auto;padding:7px 8px}
 .dv-tr .dv-ch{display:none}
 .dv-art{padding:0 0 0}
 .dv-phone{position:relative;right:auto;bottom:auto;width:228px;margin:-40px auto 0}
}

/* guides */
.gd-answer{margin-top:22px;max-width:820px;background:linear-gradient(160deg,rgba(249,115,22,.12),rgba(249,115,22,.03));border:1px solid rgba(249,115,22,.45);border-radius:16px;padding:20px 22px}
.gd-answer b{display:block;color:#fdba74;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.gd-answer p{font-size:19px!important;line-height:1.55;color:#f4f4f5}
.gd-body{max-width:820px}
.gd-body h2{font-size:clamp(24px,3.4vw,32px);margin:38px 0 12px}
.gd-body p{font-size:18px!important;line-height:1.65;color:#d4d4d8;margin:0 0 12px}
.gd-list{margin:6px 0 10px}.gd-list li{font-size:18px!important;line-height:1.55}
.gd-list li b{color:#fff}
.gd-links{margin-top:26px}
.gd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:22px}
.gd-card{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--card);transition:border-color .2s,transform .2s}
.gd-card:hover{border-color:rgba(249,115,22,.6);transform:translateY(-2px)}
.gd-card b{font-size:20px;line-height:1.3;color:#fff}
.gd-card p{font-size:17px!important;color:var(--sub);line-height:1.5}
.gd-card span{margin-top:auto;color:var(--o2);font-weight:700;font-size:17px}
.pt-compare{margin-top:18px;font-size:17px!important}
.pt-compare a{color:var(--o2);font-weight:700;border-bottom:1px solid rgba(249,115,22,.5)}
.pt-compare a:hover{color:#fff}