/* Standalone/scoped CQ Dashcam Studio. Brand tokens read from CQ's styles.css. */ body.cq-dashcam{--cq-bg:#090a0c;--cq-panel:#101216;--cq-card:#15181c;--cq-text:#f4f1eb;--cq-muted:#a9afb8;--cq-orange:#f77920;--cq-bright:#ffad4a;--cq-border:rgba(255,255,255,.12);--cq-font:"DM Sans",Inter,Arial,sans-serif;--cq-display:"Barlow Condensed","Liberation Sans Narrow","Arial Narrow",sans-serif;margin:0;background:var(--cq-bg);color:var(--cq-text);font:15px/1.6 var(--cq-font);-webkit-font-smoothing:antialiased;color-scheme:dark;padding-bottom:100px} .cq-dashcam *{box-sizing:border-box}.cq-dashcam [hidden]{display:none!important}.cq-dashcam a:not(.site-header *,.site-footer *){color:inherit;text-decoration:none}.cq-dashcam button,.cq-dashcam input,.cq-dashcam select,.cq-dashcam textarea{font:inherit}.cq-dashcam button:not(.site-header *,.site-footer *){cursor:pointer;color:inherit}.cq-dashcam img{display:block;max-width:100%}.cq-dashcam button:disabled{cursor:wait;opacity:.55}.cq-dashcam :is(a,button,input,select,textarea,summary):not(.site-header *,.site-footer *):focus-visible{outline:2px solid var(--cq-bright);outline-offset:5px}.cq-dashcam p:not(.site-header *,.site-footer *){margin:0}.cq-dashcam h1,.cq-dashcam h2,.cq-dashcam h3,.cq-dashcam h4{margin:0;line-height:1.1;font-weight:700}.cq-dashcam h2{font-family:var(--cq-display);font-size:clamp(34px,4vw,50px);letter-spacing:-.02em}.cq-dashcam button:not(.site-header *,.site-footer *) svg{width:20px;height:20px;flex-shrink:0}.cq-dashcam section[id]{scroll-margin-top:105px}.cq-shell{width:min(1240px,calc(100% - 80px));margin-inline:auto}.cq-orange{color:var(--cq-orange)}.cq-overline,.cq-eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;line-height:1.6}.cq-eyebrow{color:var(--cq-orange);margin-bottom:14px!important;display:flex;align-items:center;gap:12px}.cq-overline{color:var(--cq-muted)}.cq-small-line{display:inline-block;width:27px;height:1px;background:var(--cq-orange)}.cq-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cq-skip{position:fixed;z-index:200;left:15px;top:-90px;padding:12px 20px;background:var(--cq-orange);color:#090a0c!important}.cq-skip:focus{top:10px}.cq-button{min-height:48px;padding:13px 21px;display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:700;line-height:1.4;transition:background .18s,border-color .18s,transform .18s}.cq-button span:last-child{font-size:20px;line-height:1}.cq-button-primary{background:var(--cq-orange);color:#170d05!important}.cq-button-primary:hover{background:var(--cq-bright);transform:translateY(-1px)}.cq-button-quiet{background:transparent;border-color:var(--cq-border);color:var(--cq-text)}.cq-button-quiet:hover{background:#1c2026;border-color:#58606d}.cq-full{width:100%}.cq-text-btn{border:0;background:transparent;display:inline-flex;align-items:center;gap:16px;font-size:13px;font-weight:600;padding:12px 0;min-height:44px}.cq-text-btn:hover,.cq-inline-btn:hover{color:var(--cq-bright)}.cq-inline-btn{border:0;background:transparent;padding:8px 0;min-height:44px;text-align:left;font-size:12px;font-weight:600;line-height:1.4}.cq-icon-btn{display:grid;place-items:center;background:transparent;border:1px solid var(--cq-border);width:44px;height:44px;border-radius:50%;flex-shrink:0}.cq-icon-btn:hover{background:#23282e} .cq-header{position:sticky;top:0;z-index:25;border-bottom:1px solid var(--cq-border);background:rgba(9,10,12,.93);backdrop-filter:blur(18px)}.cq-header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.cq-brand{width:254px;flex-shrink:0}.cq-brand img{width:100%;height:auto}.cq-nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:12px;color:#c6c9ce}.cq-nav a{padding-block:12px;position:relative}.cq-nav a:after{content:"";height:1px;width:0;position:absolute;bottom:5px;left:0;background:var(--cq-orange);transition:width .2s}.cq-nav a:hover:after{width:100%}.cq-header-phone{border-left:1px solid var(--cq-border);padding:8px 0 8px 30px;font-size:13px;font-weight:600}.cq-phone-icon{color:var(--cq-orange);margin-right:8px}.cq-mobile-menu{display:none}.cq-mobile-nav{padding:6px 24px 18px;border-top:1px solid var(--cq-border)}.cq-mobile-nav a{display:block;padding:12px 0;font-size:14px}.cq-breadcrumb{display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:1.4px;color:#8f96a0;padding-block:25px 17px}.cq-hero{display:grid;grid-template-columns:1fr 1.02fr;gap:55px;align-items:center;padding:15px 0 45px;position:relative}.cq-hero:before{content:"";position:absolute;pointer-events:none;z-index:-1;inset:-40px -35px 0;background:radial-gradient(ellipse at 78% 38%,rgba(247,121,32,.055),transparent 60%)}.cq-hero-copy{padding:13px 0}.cq-hero h1{font-family:var(--cq-display);font-size:clamp(72px,7.85vw,112px);line-height:.92;letter-spacing:-.025em;font-weight:700;margin:24px 0}.cq-hero h1>span{color:var(--cq-orange)}.cq-hero-intro{font-size:19px;line-height:1.55;color:#eeeae4;letter-spacing:-.25px}.cq-hero-sub{margin-top:16px!important;color:var(--cq-muted);font-size:13px;line-height:1.85}.cq-hero-actions{display:flex;align-items:center;gap:26px;margin-top:27px}.cq-hero-proof{display:flex;flex-wrap:wrap;gap:20px;margin-top:31px;color:#a8aeb6;font-size:10px}.cq-hero-proof i{font-style:normal;color:var(--cq-orange);margin-right:5px} .cq-lab{position:relative;border:1px solid #303137;border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#171a1e,#0d0f12 75%);box-shadow:0 24px 60px #0003}.cq-lab-top{display:flex;justify-content:space-between;align-items:center;padding:23px 23px 0;gap:16px;position:relative;z-index:2}.cq-lab-top .cq-overline{color:var(--cq-orange);font-size:9px}.cq-lab-top p{font-size:18px;letter-spacing:-.4px;margin-top:4px}.cq-mode-switch{display:flex;padding:3px;border-radius:6px;background:#090b0e;border:1px solid var(--cq-border)}.cq-mode-switch button{min-height:38px;border:0;background:transparent;color:var(--cq-muted);padding:7px 11px;border-radius:4px;font-size:10px}.cq-mode-switch button.is-active{color:var(--cq-text);background:#2a2e34;box-shadow:0 2px 7px #0006}.cq-map{position:relative;margin-top:5px;aspect-ratio:600/430}.cq-car-diagram{display:block;width:100%;height:100%}.cq-front-zone,.cq-rear-zone{transition:opacity .45s}.cq-lab[data-channels="1"] .cq-rear-zone{opacity:.03}.cq-lab[data-channels="1"] .cq-rear-line{opacity:.2}.cq-lab[data-channels="1"] .cq-hotspot-rear{border-color:#68707a;background:#23272e;color:#c0c3c8;box-shadow:none}.cq-lab[data-channels="1"] .cq-map-label-rear strong{color:#848d98}.cq-lab[data-mode="parked"] .cq-front-zone,.cq-lab[data-mode="parked"][data-channels="2"] .cq-rear-zone{opacity:.55}.cq-lab[data-mode="parked"] .cq-wire,.cq-lab[data-highlight="power"] .cq-wire{stroke:#ffbb7a;stroke-width:2.5;stroke-dasharray:3 4;animation:cq-current 1.5s linear infinite}.cq-lab[data-highlight="front"] .cq-front-zone{filter:brightness(1.6)}.cq-lab[data-highlight="rear"][data-channels="2"] .cq-rear-zone{filter:brightness(1.6)}@keyframes cq-current{to{stroke-dashoffset:-28}}.cq-wire{opacity:.7}.cq-hotspot{position:absolute;border:1px solid var(--cq-orange);background:var(--cq-orange);color:#160c05!important;border-radius:50%;width:32px;height:32px;padding:0;transform:translate(-50%,-50%);display:grid;place-items:center;box-shadow:0 0 0 7px #f7792015;transition:box-shadow .2s,background .2s;z-index:3;font-size:10px;font-weight:700}.cq-hotspot:before{content:"";position:absolute;inset:-7px}.cq-hotspot:hover,.cq-hotspot:focus-visible{background:#ffc089;box-shadow:0 0 0 11px #f779202b}.cq-hotspot-front{left:50%;top:39.3%}.cq-hotspot-rear{left:50%;top:72.6%}.cq-hotspot-power{left:57.5%;top:54.65%;background:#231b16;color:#ffad4a!important;width:26px;height:26px;font-size:9px}.cq-map-label{position:absolute;pointer-events:none;display:grid;gap:3px}.cq-map-label span{font-size:7px;letter-spacing:1.2px;color:#9099a4}.cq-map-label strong{font-size:12px;line-height:1.4;color:#e3e4e5;font-weight:500}.cq-map-label-front{top:30.5%;left:8.2%}.cq-map-label-rear{top:73%;right:7.5%}.cq-map-label-power{top:42%;right:4.4%}.cq-map-tip{position:absolute;bottom:12px;left:16px;right:16px;background:#24201c;border:1px solid #b36f3f;border-radius:6px;padding:12px 14px;font-size:11px;line-height:1.55;box-shadow:0 10px 24px #0007;z-index:5;pointer-events:none}.cq-lab-bottom{border-top:1px solid var(--cq-border);padding:17px 18px;display:flex;align-items:center;gap:8px;min-height:65px}.cq-lab-bottom p{font-size:9px;line-height:1.6;color:#a5acb6;flex:1}.cq-lab-bottom .cq-overline{font-size:8px;letter-spacing:1px;white-space:nowrap;color:#d6bcaa}.cq-lab-indicator{width:5px;height:5px;background:var(--cq-orange);border-radius:50%;flex-shrink:0}.cq-route-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--cq-border);border-bottom:1px solid var(--cq-border);padding:24px 0;gap:22px;color:#bcc0c6;font-size:12px}.cq-route-bar b{font-family:monospace;font-weight:400;color:var(--cq-orange);margin-right:12px;font-size:11px}.cq-route-bar i{display:block;flex:1;height:1px;background:linear-gradient(90deg,#252930,transparent);max-width:130px} .cq-section{padding-top:74px;padding-bottom:14px}.cq-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:27px}.cq-section-aside{font-size:12px;color:var(--cq-muted);line-height:1.8}.cq-pricing-note{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#151310;border:1px solid #a96a332c;border-radius:6px;margin-bottom:27px}.cq-demo-chip{font-size:8px;font-weight:700;letter-spacing:1px;color:#ffb06e;white-space:nowrap}.cq-pricing-note p{font-size:11px;color:#b9b3ad;flex:1}.cq-pricing-note button{color:#e8ad7d;font-size:10px;white-space:nowrap;min-height:30px}.cq-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.cq-package{position:relative;background:var(--cq-panel);border:1px solid #2a2d33;border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s;min-width:0;display:flex;flex-direction:column}.cq-package:before{content:"";position:absolute;inset:0;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),#f7792012,transparent 70%);pointer-events:none;opacity:0;transition:opacity .2s}.cq-package:hover:before{opacity:1}.cq-package:hover{border-color:#75513a;box-shadow:0 15px 40px #0004}.cq-package.is-selected{border-color:#d97a35;box-shadow:0 0 0 1px #f7792025}.cq-card-ribbon{display:flex;justify-content:space-between;align-items:center;padding:11px 20px;border-bottom:1px solid #ffffff08;font-size:8px;letter-spacing:1.5px;font-weight:600;min-height:40px;color:#9ca4af}.cq-package.is-selected .cq-card-ribbon{background:#231b14;color:#ffb071}.cq-card-selected{color:var(--cq-bright);visibility:hidden;letter-spacing:.6px;font-size:8px}.cq-package.is-selected .cq-card-selected{visibility:visible}.cq-card-top{padding:22px 24px 16px}.cq-card-top h3{font-family:var(--cq-display);font-size:34px;letter-spacing:-.4px}.cq-card-top p{font-size:11px;color:var(--cq-muted);margin-top:8px}.cq-photo-button{position:relative;background:#f6f6f5;margin:0 20px;border:0;border-radius:6px;display:block;overflow:hidden;height:204px;width:calc(100% - 40px);flex-shrink:0;padding:0}.cq-photo{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s ease;padding:7px}.cq-photo-button:hover .cq-photo{transform:scale(1.045)}.cq-photo-zoom{position:absolute;right:9px;bottom:9px;z-index:3;background:#fff;color:#30353b;font-size:10px;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;border:1px solid #0002}.cq-photo-zoom svg{width:16px!important;height:16px!important}.cq-photo-fallback{padding:20px;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#53585e;line-height:1.5}.cq-photo-fallback svg{width:62px!important;height:62px!important;opacity:.6}.cq-photo-fallback strong{font-size:15px;font-family:var(--cq-display);letter-spacing:.8px}.cq-photo-fallback small{font-size:10px;max-width:190px;line-height:1.5}.cq-card-body{padding:20px 24px 24px;position:relative;display:flex;flex-direction:column;flex:1}.cq-model-label{color:#89929e;font-size:9px;letter-spacing:1.1px;font-weight:600}.cq-card-price{display:flex;align-items:center;gap:16px;margin:9px 0 17px}.cq-card-price strong{font-size:43px;letter-spacing:-2px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums}.cq-card-price strong .cq-dollar{font-size:22px;letter-spacing:-1px;vertical-align:8px;margin-right:2px;font-weight:500}.cq-card-price span.cq-card-price-caption{font-size:10px;line-height:1.6;color:#a0a7b0}.cq-spec-pills{display:flex;gap:5px;margin-bottom:17px;flex-wrap:wrap}.cq-spec-pill{position:relative;display:inline-flex;gap:5px;align-items:center;min-height:36px;border:1px solid #343941;background:#181c21;color:#d4d8dd;border-radius:5px;padding:6px 8px;font-size:9px;line-height:1.3}.cq-spec-pill:hover{border-color:#93603d;background:#282018}.cq-spec-pill svg{width:11px!important;height:11px!important;color:#999fa6}.cq-inclusions{margin:0;padding:16px 0 11px;border-top:1px solid var(--cq-border);list-style:none;color:#b7bec7;font-size:11px;line-height:1.6}.cq-inclusions li{display:flex;gap:9px;margin-bottom:9px}.cq-inclusions li:before{content:"✓";color:#d69460}.cq-card-actions{display:grid;gap:5px;margin-top:auto;padding-top:8px}.cq-card-actions .cq-button{min-height:45px;padding:11px 16px;font-size:12px}.cq-card-actions .cq-inline-btn{justify-self:center;text-align:center;font-size:10px;min-height:34px}.cq-package-footnote{font-size:10px;color:#89929e;margin:18px 0 0!important;line-height:1.7}.cq-config-section{padding-top:85px}.cq-config-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:45px;align-items:start}.cq-settings-block{padding:0;margin:0 0 32px;border:0;min-width:0}.cq-settings-block legend{font-size:17px;font-weight:600;margin-bottom:14px;letter-spacing:-.3px}.cq-step-dot{display:inline-grid;place-items:center;width:26px;height:26px;font:11px monospace;background:#23201b;border:1px solid #b070382c;border-radius:50%;color:var(--cq-bright);margin-right:9px;vertical-align:2px}.cq-field-intro{color:#9fa7b2;font-size:11px;line-height:1.8;margin-bottom:14px!important}.cq-vehicle-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cq-vehicle-options button{border:1px solid #30353b;border-radius:7px;background:#111419;text-align:left;padding:17px 15px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:125px}.cq-vehicle-options button.is-active{border-color:#a66b3f;background:#1c1713}.cq-vehicle-options button>svg{width:32px;height:25px;color:#d69c70;margin-bottom:7px}.cq-vehicle-options strong{font-size:12px;font-weight:500}.cq-vehicle-options span{color:#929ba7;font-size:10px}.cq-vehicle-fields{display:grid;grid-template-columns:1fr 125px;gap:14px;margin-top:18px}.cq-dashcam label:not(.cq-extra-row):not(.cq-consent):not(.cq-bundle-check):not(.cq-bundle-extra){display:block;font-size:11px;color:#c3c8ce;margin-bottom:7px}.cq-dashcam :is(input:not([type=checkbox]),textarea,select){border:1px solid #373d46;background:#0f1216;color:var(--cq-text);border-radius:6px;padding:12px 13px;width:100%;min-height:46px;max-width:100%;font-size:13px}.cq-dashcam input::placeholder,.cq-dashcam textarea::placeholder{color:#727d8a}.cq-dashcam input:focus,.cq-dashcam textarea:focus,.cq-dashcam select:focus{border-color:var(--cq-orange)}.cq-inline-notice{color:#e6b38b;background:#241b13;border:1px solid #84522c66;border-radius:5px;padding:12px 14px;font-size:11px;line-height:1.8;margin-top:13px}.cq-extra-row{position:relative;border-top:1px solid var(--cq-border);padding:17px 0;display:flex;align-items:center;gap:15px;cursor:pointer}.cq-extra-row:last-child{border-bottom:1px solid var(--cq-border)}.cq-extra-copy{flex:1}.cq-extra-copy strong{font-size:12px;font-weight:500;display:block}.cq-extra-copy small{display:block;color:#8e98a5;font-size:10px;margin-top:4px;line-height:1.65}.cq-extra-price{font-size:12px;white-space:nowrap}.cq-extra-row input{position:absolute;right:0;opacity:0;width:42px;height:28px;cursor:pointer}.cq-switch{display:block;width:36px;height:21px;border-radius:12px;background:#2d333b;position:relative;flex-shrink:0;transition:background .2s}.cq-switch:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#bbc0c7;transition:transform .2s,background .2s}.cq-extra-row input:checked+.cq-switch{background:var(--cq-orange)}.cq-extra-row input:checked+.cq-switch:after{transform:translateX(15px);background:#201208}.cq-extra-row input:focus-visible+.cq-switch{outline:2px solid #ffad4a;outline-offset:5px}.cq-included-card{display:flex;gap:16px;background:#13171c;border:1px solid var(--cq-border);border-radius:7px;padding:22px 23px}.cq-included-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:1px solid #6a4a34;border-radius:50%;color:var(--cq-orange);font-size:13px}.cq-included-card h3{font-size:13px;font-weight:600;margin:4px 0 9px}.cq-included-card p{font-size:11px;color:#9aa4b1;line-height:1.8}.cq-included-card button{font-size:10px;color:#e3aa7d;margin-top:4px}.cq-estimate{position:sticky;top:107px;background:linear-gradient(135deg,#1a1d22,#121519);border:1px solid #3b3d41;border-radius:9px;padding:26px 27px;box-shadow:0 18px 45px #0003}.cq-estimate-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:15px}.cq-estimate-head .cq-overline{font-size:8px;letter-spacing:1.6px}.cq-estimate-status{font:8px monospace;letter-spacing:1px;border:1px solid #6d4b31;background:#2b2118;border-radius:3px;padding:3px 6px;color:#efaf7f}.cq-estimate h3{font-family:var(--cq-display);font-size:35px;margin-bottom:9px}.cq-estimate>p:first-of-type{color:#939da9;font-size:10px;letter-spacing:.9px}.cq-estimate-lines{margin:22px 0 18px;border-top:1px solid var(--cq-border);border-bottom:1px solid var(--cq-border);padding:10px 0}.cq-estimate-line{display:flex;gap:20px;justify-content:space-between;font-size:11px;color:#b8c0cb;line-height:1.6;padding:8px 0}.cq-estimate-line span:last-child{white-space:nowrap;color:#e1e2e4;font-variant-numeric:tabular-nums}.cq-estimate-line.is-extra{color:#eeaf7f}.cq-estimate-total{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:19px}.cq-estimate-total span{display:block;font-size:12px;font-weight:500}.cq-estimate-total small{display:block;color:#939dab;font-size:10px;margin-top:3px}.cq-estimate-total>strong{font-size:43px;font-weight:500;letter-spacing:-1.8px;line-height:1;font-variant-numeric:tabular-nums}.cq-estimate-condition{font-size:10px;color:#b1a594;line-height:1.8;margin:16px 0 19px!important}.cq-estimate .cq-button{font-size:12px}.cq-no-payment{text-align:center;color:#8f99a6;font-size:9px;margin:11px 0 13px!important}.cq-estimate-tools{display:flex;gap:12px;align-items:center;justify-content:center;font-size:10px;color:#a2aab5}.cq-estimate-tools button{background:none;border:0;font-size:10px;min-height:38px;padding:6px 0}.cq-estimate-tools button:hover{color:var(--cq-bright)}.cq-estimate-tools span{color:#48515f}.cq-install-strip{padding:55px 0;margin-top:70px;border-top:1px solid var(--cq-border);border-bottom:1px solid var(--cq-border)}.cq-install-strip h2{font-size:40px}.cq-install-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.cq-install-tiles button{text-align:left;background:#111419;border:1px solid #292f36;border-radius:7px;padding:23px;display:grid;gap:15px;transition:background .2s,border-color .2s}.cq-install-tiles button:hover{background:#1a1714;border-color:#8c5934}.cq-tile-index{color:var(--cq-orange);font:11px monospace}.cq-install-tiles strong{font-size:14px;font-weight:500}.cq-install-tiles button>span:last-child{color:#959fac;font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:14px}.cq-install-tiles i{font-style:normal;color:#d49b6f;font-size:18px}.cq-faq-section{display:grid;grid-template-columns:.85fr 1.65fr;gap:70px;padding-top:65px}.cq-faq-section h2{margin-bottom:25px}.cq-faq-section .cq-text-btn{color:#cab49e;font-size:11px}.cq-faq-list details{border-bottom:1px solid var(--cq-border);padding:4px 0}.cq-faq-list details:first-child{border-top:1px solid var(--cq-border)}.cq-faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;font-size:13px;font-weight:500;line-height:1.5}.cq-faq-list summary::-webkit-details-marker{display:none}.cq-faq-list summary span{font-size:21px;font-weight:400;color:#c18a5f;transition:transform .2s}.cq-faq-list details[open] summary span{transform:rotate(45deg)}.cq-faq-list p{color:#9fa9b5;font-size:12px;line-height:1.9;padding-bottom:22px}.cq-faq-list .cq-inline-btn{margin-bottom:14px;color:#e3a97b}.cq-bottom-cta{background:linear-gradient(110deg,#20180f,#141416 65%);border:1px solid #664529;border-radius:8px;margin-top:65px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cq-bottom-cta .cq-eyebrow{font-size:8px}.cq-bottom-cta h2{font-size:38px}.cq-bottom-cta p:last-child{font-size:11px;color:#a6a29e;margin-top:10px}.cq-bottom-cta .cq-button{font-size:11px}.cq-footer{display:flex;justify-content:space-between;gap:30px;padding:46px 0 35px;font-size:11px;color:#a2aab6}.cq-footer>div{display:flex;flex-direction:column;gap:9px}.cq-footer>div:last-child{text-align:right}.cq-footer .cq-inline-btn{color:#d3b59c;text-align:right;min-height:24px;padding:0}.cq-footer-wordmark{font-size:27px;font-family:var(--cq-display);font-weight:700;letter-spacing:-1px;color:var(--cq-orange)!important;line-height:1;margin-bottom:3px}.cq-footer-wordmark span{font-family:var(--cq-font);font-weight:600;font-size:9px;color:#dedbd6;letter-spacing:2px;vertical-align:5px;margin-left:5px}.cq-footer p{font-size:10px;line-height:1.8}.cq-dock{position:fixed;left:0;right:0;bottom:0;z-index:24;background:rgba(17,19,23,.97);backdrop-filter:blur(20px);border-top:1px solid #424147;box-shadow:0 -10px 35px #0003;padding-bottom:env(safe-area-inset-bottom,0)}.cq-dock-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px}.cq-dock-plan{display:flex;align-items:center;gap:14px}.cq-dock-dot{height:7px;width:7px;border-radius:50%;background:var(--cq-orange);box-shadow:0 0 0 4px #f7792017}.cq-dock-plan div>span{display:block;font-size:14px;font-weight:600}.cq-dock-plan small{display:block;font-size:10px;color:#8c97a5;line-height:1.6;margin-top:3px}.cq-dock-right{display:flex;align-items:center;gap:24px}.cq-dock-price strong{font-size:26px;font-weight:600;letter-spacing:-.7px;line-height:1.2;display:block;font-variant-numeric:tabular-nums}.cq-dock-price small{font-size:8px;display:block;color:#999eaa;letter-spacing:.3px}.cq-dock-edit{font-size:11px;color:#adb5bf!important;border-left:1px solid var(--cq-border);padding:8px 0 8px 22px}.cq-dock .cq-button{min-height:43px;font-size:11px;padding:11px 19px} /* Dialogs: one native modal, keyboard focus containment, bottom sheet on small screens. */ .cq-modal{background:#121519;color:var(--cq-text);border:1px solid #44454a;border-radius:12px;padding:0;width:min(860px,calc(100% - 48px));max-height:calc(100dvh - 64px);overflow:auto;box-shadow:0 35px 110px #000b;overscroll-behavior:contain}.cq-modal::backdrop{background:#000b;backdrop-filter:blur(9px)}.cq-modal[open]{animation:cq-dialog-in .18s ease-out}@keyframes cq-dialog-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}.cq-modal-shell{padding:35px;position:relative}.cq-modal-close{position:sticky;top:0;margin-left:auto;float:right;background:#20252c;z-index:5;width:40px;height:40px}.cq-modal-eyebrow{color:var(--cq-orange);font-size:9px;letter-spacing:1.6px;font-weight:600;margin-bottom:13px!important;padding-right:44px}.cq-modal h2{font-size:40px;padding-right:44px}.cq-modal-intro{font-size:13px;line-height:1.8;color:#a8b2bf;margin:15px 0 23px!important}.cq-modal-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:25px 0 23px;border-bottom:1px solid #3d424a;padding-bottom:10px}.cq-modal-tabs button{border:1px solid transparent;background:transparent;padding:10px 13px;border-radius:5px;font-size:11px;color:#9fa9b7;min-height:40px}.cq-modal-tabs button[aria-selected=true]{background:#302319;border-color:#745032;color:#ffd0a9}.cq-modal-tabs button:hover{color:var(--cq-text)}.cq-tab-panel{min-height:205px}.cq-detail-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:27px;align-items:start}.cq-detail-photo{height:260px;background:#f5f5f5;border-radius:7px;position:relative;overflow:hidden}.cq-detail-photo img{height:100%;width:100%;object-fit:contain;padding:8px;mix-blend-mode:multiply}.cq-detail-photo .cq-photo-fallback svg{width:60px;height:60px}.cq-detail-layout h3{font-size:16px;line-height:1.5;margin-bottom:13px;font-weight:600}.cq-detail-layout p{font-size:12px;color:#a6b0be;line-height:1.85;margin-bottom:13px}.cq-modal-note{font-size:11px!important;line-height:1.8!important;background:#211b15;border:1px solid #5b432f;border-radius:6px;padding:13px 15px;color:#d9b89c!important;margin:19px 0!important}.cq-modal-note.is-error{border-color:#b45844;color:#ffc8b5!important}.cq-modal-note.is-success{border-color:#70835a;color:#c5d9ab!important}.cq-detail-list{display:grid;gap:12px;padding:0;margin:16px 0;list-style:none}.cq-detail-list li{font-size:12px;line-height:1.8;color:#c0c8d1;display:flex;align-items:flex-start;gap:10px}.cq-detail-list li:before{content:"✓";color:var(--cq-orange);flex-shrink:0}.cq-spec-table{display:grid;grid-template-columns:160px 1fr;gap:0;font-size:12px;line-height:1.8}.cq-spec-table dt,.cq-spec-table dd{padding:10px 0;border-bottom:1px solid var(--cq-border);margin:0}.cq-spec-table dt{color:#919caa}.cq-spec-table dd{color:#d5dbe1;padding-left:20px}.cq-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--cq-border);padding-top:20px;margin-top:24px}.cq-modal-price strong{font-size:30px;letter-spacing:-1px;font-weight:500}.cq-modal-price small{display:block;font-size:9px;color:#9ba6b4;line-height:1.8;margin-top:3px}.cq-modal .cq-source-link{display:inline-block;color:#e2ac7e;font-size:11px;min-height:36px;padding-block:7px;text-decoration:underline;text-underline-offset:4px}.cq-modal .cq-source-link:hover{color:#ffd7b6}.cq-compare-wrap{overflow:auto;margin-top:25px;border:1px solid #343a43;border-radius:6px}.cq-compare-table{border-collapse:collapse;width:100%;min-width:565px;font-size:11px;line-height:1.7;text-align:left}.cq-compare-table th,.cq-compare-table td{padding:14px 12px;border-bottom:1px solid #343a43;vertical-align:top}.cq-compare-table thead{background:#1d232b}.cq-compare-table th{font-weight:600}.cq-compare-table tbody th{color:#9fa9b5;min-width:120px}.cq-compare-table tbody tr:last-child th,.cq-compare-table tbody tr:last-child td{border-bottom:0}.cq-compare-table small{color:#a2a9b5;font-weight:400;display:block;font-size:9px;margin-top:3px}.cq-compare-table .cq-button{font-size:10px;min-height:40px;padding:9px 12px;gap:7px}.cq-compare-highlight{color:#edb080}.cq-quiz-options{display:grid;gap:12px;margin-top:23px}.cq-quiz-options button{background:#1b2027;border:1px solid #3a424d;border-radius:6px;text-align:left;padding:20px;display:flex;align-items:center;gap:19px}.cq-quiz-options button:hover{border-color:var(--cq-orange);background:#2a211b}.cq-quiz-options strong{font-size:14px;display:block;font-weight:500}.cq-quiz-options small{font-size:11px;color:#a2afbf;line-height:1.8;display:block;margin-top:5px}.cq-quiz-options .cq-quiz-arrow{margin-left:auto;color:var(--cq-orange);font-size:24px}.cq-enquiry-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#211b15;border:1px solid #69503b;border-radius:6px;padding:17px;margin-top:21px}.cq-enquiry-summary strong{font-size:13px;font-weight:500}.cq-enquiry-summary small{color:#aa9d90;font-size:10px;display:block;margin-top:4px}.cq-enquiry-summary>span{font-size:24px;white-space:nowrap;letter-spacing:-.7px}.cq-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:23px}.cq-form-span{grid-column:1/-1}.cq-consent{display:flex;align-items:flex-start;gap:11px;color:#adb6c3;font-size:11px;line-height:1.8;margin:21px 0;cursor:pointer}.cq-consent input{accent-color:var(--cq-orange);width:17px;height:17px;flex-shrink:0;margin:2px 0 0}.cq-honeypot{position:absolute;left:-10000px;height:1px;width:1px;overflow:hidden}.cq-form-helper{font-size:10px;line-height:1.8;color:#8e9aab;margin:12px 0!important}.cq-enquiry-output{width:100%;min-height:240px;font-size:11px!important;font-family:monospace!important;line-height:1.8;margin-bottom:18px}.cq-source-list{margin:20px 0;padding:0;list-style:none}.cq-source-list li{padding:14px 0;border-bottom:1px solid var(--cq-border);font-size:12px;color:#bec7d3;line-height:1.8}.cq-source-list strong{display:block;font-size:12px;font-weight:500;color:#e6e9ed}.cq-source-list small{display:block;font-size:10px;color:#97a3b3}.cq-source-list a{color:#ddae87;text-decoration:underline;text-underline-offset:3px}.cq-dialog-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:20px}.cq-toast{position:fixed;z-index:100;left:50%;bottom:115px;transform:translate(-50%,14px);background:#28221c;border:1px solid #8c633f;border-radius:7px;padding:13px 21px;box-shadow:0 12px 38px #0008;color:#ffe2ca;font-size:12px;max-width:calc(100% - 40px);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;text-align:center}.cq-toast.is-visible{opacity:1;transform:translate(-50%,0)}.cq-noscript{position:fixed;z-index:200;left:20px;right:20px;bottom:20px;background:#3b2616;border:1px solid #ffad4a;padding:20px;font-size:14px}.cq-dashcam #cq-print{display:none} @media(hover:hover){.cq-package:hover{transform:translateY(-3px)}} @media(min-width:1550px){.cq-hero h1{font-size:112px}} @media(max-width:1100px){.cq-shell{width:calc(100% - 48px)}.cq-hero{gap:30px}.cq-hero h1{font-size:86px}.cq-hero-intro{font-size:17px}.cq-brand{width:220px}.cq-nav{gap:20px}.cq-header-phone{padding-left:20px}.cq-lab-top{padding:18px 16px 0;gap:9px}.cq-lab-top p{font-size:15px}.cq-mode-switch button{padding:6px 8px}.cq-hero-actions{gap:17px}.cq-hero-actions .cq-button{font-size:11px;padding-inline:15px;gap:10px}.cq-hero-actions .cq-text-btn{font-size:11px;gap:9px}.cq-hero-proof{gap:12px;font-size:9px}.cq-map-label span{font-size:6.5px}.cq-map-label strong{font-size:10px}.cq-lab-bottom{padding:13px 12px}.cq-lab-bottom .cq-overline{font-size:7px;letter-spacing:.7px}.cq-card-top,.cq-card-body{padding-inline:19px}.cq-photo-button{margin-inline:15px;width:calc(100% - 30px);height:180px}.cq-card-price{gap:11px}.cq-card-price strong{font-size:39px}.cq-card-price span.cq-card-price-caption{font-size:9px}.cq-card-top h3{font-size:29px}.cq-package-grid{gap:15px}.cq-spec-pill{font-size:8px;padding:6px}.cq-config-grid{gap:25px;grid-template-columns:1.15fr 1fr}.cq-estimate{padding:23px 21px}.cq-estimate-tools{gap:8px}.cq-install-tiles{gap:15px}.cq-install-tiles button{padding:19px}.cq-install-tiles strong{font-size:12px}.cq-faq-section{gap:45px}.cq-route-bar{font-size:10px;gap:16px}.cq-route-bar i{max-width:60px}} @media(max-width:820px){.cq-nav{display:none}.cq-header-phone{margin-left:auto;border:0}.cq-mobile-menu{display:grid}.cq-header-inner{height:72px;gap:18px}.cq-brand{width:215px}.cq-hero{grid-template-columns:1fr 1fr;gap:20px}.cq-hero h1{font-size:68px}.cq-hero-intro{font-size:15px}.cq-hero-sub{font-size:11px}.cq-hero-proof{gap:8px;max-width:260px;line-height:1.8}.cq-hero-actions{align-items:flex-start;gap:7px;flex-direction:column}.cq-lab-top{align-items:flex-start;flex-direction:column}.cq-lab-top p{font-size:15px}.cq-mode-switch{align-self:flex-end;margin-top:-6px}.cq-mode-switch button{min-height:29px;font-size:9px}.cq-map-label-front{left:5%}.cq-map-label-power{right:2%}.cq-map-label-rear{right:5%}.cq-map-label span{font-size:5px;letter-spacing:.4px}.cq-map-label strong{font-size:9px}.cq-hotspot{width:26px;height:26px;font-size:8px}.cq-hotspot-power{width:23px;height:23px}.cq-lab-bottom .cq-overline{display:none}.cq-lab-bottom{min-height:58px}.cq-lab-bottom p{font-size:8px}.cq-route-bar i{display:none}.cq-route-bar{padding-block:20px;font-size:9px;gap:12px}.cq-route-bar b{margin-right:7px}.cq-section-heading h2{font-size:36px}.cq-section-heading .cq-button{font-size:10px;gap:9px;padding-inline:13px}.cq-pricing-note{flex-wrap:wrap;gap:6px 12px}.cq-pricing-note p{font-size:10px;min-width:70%}.cq-package-grid{gap:12px}.cq-card-ribbon{padding-inline:14px;font-size:6.5px;letter-spacing:1px}.cq-card-selected{font-size:6px}.cq-card-top{padding:18px 14px 14px}.cq-card-top h3{font-size:26px}.cq-card-top p{font-size:9px;min-height:29px}.cq-photo-button{margin-inline:12px;width:calc(100% - 24px);height:150px}.cq-card-body{padding:17px 14px}.cq-model-label{font-size:7px;letter-spacing:.5px}.cq-card-price{gap:8px;flex-wrap:wrap;margin-bottom:13px}.cq-card-price strong{font-size:36px}.cq-card-price strong .cq-dollar{font-size:19px;vertical-align:6px}.cq-card-price-caption{font-size:8px!important}.cq-spec-pill{font-size:7px;min-height:30px;padding:5px}.cq-spec-pills{min-height:67px;align-content:flex-start}.cq-inclusions{font-size:9px}.cq-inclusions li{gap:6px}.cq-card-actions .cq-button{font-size:10px;padding:10px 8px;gap:6px}.cq-card-actions .cq-inline-btn{font-size:9px}.cq-config-grid{grid-template-columns:1fr}.cq-settings{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cq-settings-block:first-child{grid-column:1/-1;margin-bottom:0}.cq-settings-block{margin-bottom:0}.cq-included-card{padding:20px}.cq-estimate{position:static;max-width:none}.cq-estimate-lines{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.cq-estimate-line{font-size:11px}.cq-estimate-total{margin-top:17px}.cq-estimate .cq-button{max-width:100%}.cq-install-strip{margin-top:47px}.cq-install-tiles strong{font-size:12px;line-height:1.6}.cq-install-tiles button>span:last-child{font-size:10px}.cq-faq-section{grid-template-columns:.7fr 1.3fr;gap:30px}.cq-faq-list summary{font-size:12px}.cq-bottom-cta h2{font-size:30px}.cq-bottom-cta .cq-button{gap:10px;max-width:210px}.cq-dock-inner{gap:15px}.cq-dock-edit{display:none}.cq-dock-right{gap:20px}.cq-dock-plan div>span{font-size:12px}.cq-dock-plan small{font-size:8px}.cq-dock-price strong{font-size:24px}.cq-footer{gap:20px}.cq-footer p{font-size:9px}.cq-footer .cq-inline-btn{font-size:10px}} @media(max-width:620px){body.cq-dashcam{font-size:14px;padding-bottom:96px}.cq-shell{width:calc(100% - 36px)}.cq-header-inner{height:67px}.cq-brand{width:202px}.cq-header-phone{display:none}.cq-mobile-menu{margin-left:auto;width:38px;height:38px}.cq-breadcrumb{font-size:6.5px;letter-spacing:.8px;gap:7px;padding:20px 0 14px}.cq-breadcrumb span:nth-child(3),.cq-breadcrumb span:nth-child(4){display:none}.cq-hero{grid-template-columns:1fr;gap:27px;padding:5px 0 30px}.cq-hero-copy{padding:8px 0 0}.cq-hero .cq-eyebrow{font-size:8px;letter-spacing:1.3px}.cq-hero h1{font-size:clamp(70px,18vw,100px);margin:20px 0 19px;letter-spacing:-.03em}.cq-hero-intro{font-size:17px;line-height:1.5}.cq-hero-sub{font-size:12px;line-height:1.8;margin-top:15px!important}.cq-hero-actions{flex-direction:row;align-items:center;gap:21px;margin-top:23px}.cq-hero-actions .cq-button{font-size:11px;min-height:46px;padding:12px 15px;gap:15px}.cq-hero-actions .cq-text-btn{font-size:10px;gap:9px}.cq-hero-proof{margin-top:24px;gap:15px;font-size:8px;max-width:none}.cq-lab{border-radius:9px}.cq-lab-top{flex-direction:row;align-items:center;padding:19px 17px 0}.cq-lab-top p{font-size:16px}.cq-lab-top .cq-overline{font-size:8px}.cq-mode-switch{align-self:auto;margin:0}.cq-mode-switch button{font-size:9px;min-height:36px;padding:6px 9px}.cq-map{margin-top:6px}.cq-map-label span{font-size:6px;letter-spacing:.5px}.cq-map-label strong{font-size:10px}.cq-map-label-front{left:7%}.cq-map-label-power{right:3%}.cq-map-label-rear{right:7%}.cq-hotspot{width:29px;height:29px;font-size:9px}.cq-hotspot-power{width:25px;height:25px}.cq-lab-bottom{padding:12px 14px;min-height:52px}.cq-lab-bottom p{font-size:8px}.cq-lab-bottom .cq-overline{display:block;font-size:6px}.cq-route-bar{padding:17px 0;align-items:flex-start;gap:18px;justify-content:space-between}.cq-route-bar span{flex:1;max-width:105px;line-height:1.75;font-size:8px}.cq-route-bar b{display:block;font-size:10px;margin-bottom:4px}.cq-section{padding-top:45px}.cq-section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:20px}.cq-section-heading .cq-eyebrow,.cq-eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:11px!important}.cq-section-heading h2{font-size:36px}.cq-section-heading .cq-button{min-height:42px;font-size:10px}.cq-pricing-note{padding:12px 13px;margin-bottom:20px;gap:9px 12px}.cq-demo-chip{font-size:7px}.cq-pricing-note p{min-width:100%;font-size:10px;order:2;line-height:1.8}.cq-pricing-note button{margin-left:auto;min-height:24px;font-size:9px}.cq-package-grid{grid-template-columns:1fr;gap:20px}.cq-card-ribbon{padding:12px 20px;min-height:39px;font-size:8px;letter-spacing:1.2px}.cq-card-selected{font-size:8px;letter-spacing:.6px}.cq-card-top{padding:22px 22px 17px}.cq-card-top h3{font-size:35px}.cq-card-top p{font-size:12px;min-height:0;margin-top:9px}.cq-photo-button{height:218px;margin-inline:20px;width:calc(100% - 40px)}.cq-photo{padding:9px}.cq-card-body{padding:20px 22px 22px}.cq-model-label{font-size:9px;letter-spacing:1px}.cq-card-price{margin:10px 0 19px;gap:22px}.cq-card-price strong{font-size:49px}.cq-card-price strong .cq-dollar{font-size:24px;vertical-align:9px;margin-right:3px}.cq-card-price-caption{font-size:11px!important}.cq-spec-pills{min-height:0;gap:7px;margin-bottom:19px}.cq-spec-pill{font-size:10px;padding:7px 10px;min-height:38px}.cq-inclusions{font-size:12px;padding-top:17px}.cq-inclusions li{margin-bottom:11px;gap:10px}.cq-card-actions .cq-button{min-height:47px;font-size:12px;padding:11px 17px;gap:12px}.cq-card-actions .cq-inline-btn{font-size:10px;min-height:40px}.cq-package-footnote{font-size:10px;line-height:1.9;margin-top:18px!important}.cq-config-section{padding-top:49px}.cq-section-aside{font-size:11px}.cq-settings{display:block}.cq-settings-block{margin-bottom:27px!important}.cq-settings-block legend{font-size:16px}.cq-field-intro{font-size:11px;line-height:1.8}.cq-vehicle-options{gap:10px}.cq-vehicle-options button{padding:15px 12px;min-height:137px}.cq-vehicle-options strong{font-size:11px;line-height:1.6}.cq-vehicle-options span{font-size:9px;line-height:1.7}.cq-vehicle-fields{grid-template-columns:1fr 93px;gap:10px}.cq-dashcam :is(input:not([type=checkbox]),textarea,select){font-size:16px;padding:12px;min-height:47px}.cq-extra-row{gap:12px;padding:17px 0}.cq-extra-copy strong{font-size:12px}.cq-extra-copy small{font-size:10px;line-height:1.8}.cq-extra-price{font-size:11px}.cq-included-card{padding:21px 18px;gap:13px}.cq-included-card h3{font-size:13px}.cq-included-card p{font-size:11px}.cq-estimate{padding:24px 21px}.cq-estimate h3{font-size:35px}.cq-estimate-lines{display:block}.cq-estimate-line{font-size:11px;gap:20px;padding:9px 0}.cq-estimate-total>strong{font-size:42px}.cq-estimate-condition{font-size:10px}.cq-no-payment{font-size:9px}.cq-estimate-tools{gap:12px}.cq-estimate-tools button{min-height:44px;font-size:10px}.cq-estimate .cq-button{font-size:11px;padding-inline:12px;gap:9px}.cq-install-strip{margin-top:41px;padding:32px 0}.cq-install-strip h2{font-size:34px;max-width:320px}.cq-install-tiles{grid-template-columns:1fr;gap:12px;margin-top:23px}.cq-install-tiles button{padding:19px;gap:10px;grid-template-columns:26px 1fr}.cq-tile-index{grid-row:1/3;font-size:10px;padding-top:3px}.cq-install-tiles strong{font-size:13px}.cq-install-tiles button>span:last-child{grid-column:2;font-size:11px}.cq-faq-section{grid-template-columns:1fr;gap:25px;padding-top:42px}.cq-faq-section h2{font-size:36px;margin-bottom:13px}.cq-faq-section h2 br{display:none}.cq-faq-list summary{font-size:12px;line-height:1.7;padding:19px 0;gap:20px}.cq-faq-list p{font-size:11px;line-height:1.9}.cq-faq-section .cq-text-btn{min-height:44px}.cq-bottom-cta{padding:26px 21px;margin-top:38px;flex-direction:column;align-items:flex-start;gap:23px}.cq-bottom-cta h2{font-size:34px}.cq-bottom-cta .cq-eyebrow{font-size:7px;letter-spacing:1px}.cq-bottom-cta p:last-child{font-size:10px;line-height:1.8}.cq-bottom-cta .cq-button{max-width:none;min-height:46px;gap:17px}.cq-footer{padding:34px 0 20px;gap:22px;flex-wrap:wrap}.cq-footer>div:first-child{flex-basis:100%}.cq-footer>div{gap:7px}.cq-footer>div:last-child{text-align:left}.cq-footer .cq-inline-btn{text-align:left;font-size:9px}.cq-footer p{font-size:9px}.cq-footer>div:nth-child(2){font-size:10px}.cq-dock-inner{min-height:83px;gap:9px;width:calc(100% - 28px)}.cq-dock-plan{gap:9px;max-width:90px}.cq-dock-plan div>span{font-size:10px;line-height:1.4}.cq-dock-plan small{font-size:7px;line-height:1.6;max-width:77px;margin-top:4px}.cq-dock-dot{display:none}.cq-dock-right{gap:12px;flex:1;justify-content:flex-end}.cq-dock-price strong{font-size:23px;letter-spacing:-.6px}.cq-dock-price small{font-size:6px;letter-spacing:0;margin-top:3px;max-width:84px}.cq-dock .cq-button{font-size:10px;padding:10px 13px;gap:10px;min-height:43px}.cq-dock .cq-button span{font-size:17px}.cq-modal{margin:auto 0 0;bottom:0;top:auto;max-height:calc(100dvh - 18px);width:100%;max-width:none;border-radius:15px 15px 0 0;border-bottom:0}.cq-modal-shell{padding:25px 20px max(25px,env(safe-area-inset-bottom))}.cq-modal-close{width:37px;height:37px}.cq-modal h2{font-size:34px;padding-right:35px}.cq-modal-eyebrow{font-size:8px}.cq-modal-intro{font-size:12px;margin:14px 0 19px!important}.cq-modal-tabs{gap:4px;margin:21px 0 20px}.cq-modal-tabs button{padding:8px 10px;min-height:40px;font-size:10px}.cq-detail-layout{grid-template-columns:1fr;gap:20px}.cq-detail-photo{height:235px}.cq-detail-layout h3{font-size:16px}.cq-detail-layout p{font-size:12px}.cq-modal-note{font-size:11px!important}.cq-modal-footer{gap:15px;margin-top:21px}.cq-modal-price strong{font-size:27px}.cq-modal-price small{font-size:8px;max-width:135px}.cq-modal-footer .cq-button{font-size:11px;gap:10px;padding:11px 16px}.cq-spec-table{grid-template-columns:103px 1fr;font-size:11px}.cq-spec-table dd{padding-left:13px}.cq-form-grid{grid-template-columns:1fr;gap:16px}.cq-form-span{grid-column:auto}.cq-enquiry-summary{padding:15px;gap:12px}.cq-enquiry-summary strong{font-size:12px}.cq-enquiry-summary small{font-size:9px}.cq-enquiry-summary>span{font-size:22px}.cq-consent{font-size:11px;line-height:1.8}.cq-quiz-options button{padding:16px;gap:13px}.cq-quiz-options strong{font-size:12px}.cq-quiz-options small{font-size:10px}.cq-modal .cq-source-link{font-size:11px;min-height:44px}.cq-toast{font-size:11px;bottom:100px;padding:12px 16px;min-width:230px}.cq-modal .cq-compare-wrap{margin-top:20px}.cq-compare-table{font-size:10px;min-width:560px}.cq-compare-table th,.cq-compare-table td{padding:13px 10px}.cq-dialog-actions .cq-button{font-size:11px}} @media(max-width:360px){.cq-hero-actions{gap:13px}.cq-hero-actions .cq-button{font-size:10px;padding-inline:12px}.cq-hero-actions .cq-text-btn{font-size:9px;gap:6px}.cq-hero-proof{font-size:7px;gap:12px}.cq-lab-top p{font-size:14px}.cq-mode-switch button{padding-inline:7px}.cq-map-label span{font-size:5px}.cq-map-label strong{font-size:9px}.cq-dock-plan{max-width:65px}.cq-dock-right{gap:8px}.cq-dock .cq-button{font-size:9px;padding:9px 10px}.cq-dock-price strong{font-size:21px}.cq-spec-pill{padding:7px 9px;font-size:9px}.cq-section-heading h2{font-size:33px}} @media(prefers-reduced-motion:reduce){.cq-dashcam *,.cq-dashcam *:before,.cq-dashcam *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cq-package:hover{transform:none}.cq-button:hover{transform:none}} @media print{body.cq-dashcam{background:white!important;color:#111!important;padding:0!important;font:12pt/1.6 Arial,sans-serif}.cq-dashcam>header,.cq-dashcam>main,.cq-dashcam>footer,.cq-dashcam>.cq-dock,.cq-dashcam>.cq-toast,.cq-dashcam>.cq-modal,.cq-dashcam>.cq-sr-only,.cq-dashcam>.cq-skip{display:none!important}.cq-dashcam #cq-print{display:block!important;padding:20px;color:#111!important;white-space:pre-wrap;font:11pt/1.7 Arial,sans-serif}.cq-dashcam #cq-print h1{font-size:20pt}.cq-dashcam #cq-print pre{font:11pt/1.7 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}} /* Pointer target and long-price resilience. */ .cq-switch{pointer-events:none}.cq-extra-row input{z-index:1}.cq-estimate-total{flex-wrap:wrap;row-gap:13px}.cq-estimate-total>strong{white-space:nowrap}.cq-dock-price strong{white-space:nowrap} @media(max-width:620px){.cq-dock-price.is-review strong{font-size:18px}.cq-dock-price.is-review small{font-size:6px}} @media(max-width:820px){.cq-hero:before{left:0;right:0}} @media(max-width:620px){.cq-hero h1{font-size:clamp(54px,17.5vw,94px)}} .cq-hero:before{left:0;right:0} /* ---- Integration with the CQ website (added when the studio was placed at /dashcam/) ---- The site's own header and footer now frame the page. The studio's own header (in-page links and phone number) was removed at the owner's request; its footer is cut to the pricing notes. */ .cq-dashcam section[id]{scroll-margin-top:100px} /* The site's floating "Contact us" button would sit on top of this page's quote bar. */ .cq-dashcam .cq-contact-float{display:none} .cq-dashcam .cq-page-notes{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0 30px;color:var(--cq-muted);font-size:12px} .cq-dashcam .cq-page-notes .cq-inline-btn{color:var(--cq-orange)} /* The site's top menu runs off the side on tablets (721-960px) on every page. Until that is fixed site-wide, the same fix is applied here so this page does not scroll sideways on an iPad. */ @media (min-width:721px) and (max-width:960px){.cq-dashcam .site-nav{flex-wrap:wrap;justify-content:flex-end;gap:6px 14px;font-size:12px}.cq-dashcam .site-nav>a,.cq-dashcam .nav-item>a{white-space:nowrap}.cq-dashcam .nav-button{min-height:36px;padding:0 12px}.cq-dashcam .brand.cq-brand-custom{width:200px;min-width:200px}} .cq-dashcam .nav-dropdown{left:auto;right:0} /* Orange buttons: the same lighter gradient, text colour and soft shadow as the home page's primary buttons (.button-primary in the site's styles.css), instead of the flat deep orange. */ .cq-dashcam{--cq-btn-orange:linear-gradient(135deg,#ffbd5a,#f27620)} .cq-dashcam .cq-button-primary{background:var(--cq-btn-orange);color:#1a0b03!important;box-shadow:0 10px 32px rgba(238,95,12,.20)} .cq-dashcam .cq-button-primary:hover{background:var(--cq-btn-orange);transform:translateY(-2px)} .cq-dashcam .cq-hotspot{background:var(--cq-btn-orange);border-color:#ffbd5a;color:#1a0b03!important} .cq-dashcam .cq-extra-row input:checked+.cq-switch{background:var(--cq-btn-orange)} /* The studio's page-wide text rules (link colour inherited, button colour, paragraph margin, 15px body font) are kept away from the site's own header and footer, so "Book us" and the menu look exactly as on the home page. */ .cq-dashcam .site-header,.cq-dashcam .site-footer{font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.55} /* The breadcrumb line above the hero was removed; the hero keeps the space it gave. */ .cq-dashcam .cq-hero{padding-top:36px} /* The 01 / 02 / 03 map buttons all share one orange. On the front-only package the rear button used to turn grey; the "Not included" label and its popup still say the rear camera is not part of that package. */ .cq-dashcam .cq-lab[data-channels="1"] .cq-hotspot-rear{background:var(--cq-btn-orange);border-color:#ffbd5a;color:#1a0b03!important;box-shadow:0 0 0 7px #f7792015} .cq-dashcam .cq-lab[data-channels="1"] .cq-hotspot-rear:hover,.cq-dashcam .cq-lab[data-channels="1"] .cq-hotspot-rear:focus-visible{box-shadow:0 0 0 11px #f779202b} /* ---- Package slider: swipe on a phone, arrow buttons at the left and right edge on a computer ---- */ .cq-carousel{position:relative} .cq-dashcam .cq-package-grid.cq-carousel-track{display:flex;grid-template-columns:none;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:8px 0 22px;scrollbar-width:none} .cq-dashcam .cq-carousel-track::-webkit-scrollbar{display:none} .cq-dashcam .cq-carousel-track:focus-visible{outline-offset:-2px} .cq-dashcam .cq-carousel-track>.cq-package,.cq-dashcam .cq-carousel-track>.cq-package-slot{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;min-width:0} .cq-carousel-btn{position:absolute;top:calc(50% - 22px);z-index:6;width:44px;height:44px;border-radius:50%;border:1px solid var(--cq-border);background:rgba(16,18,22,.92);color:var(--cq-text);display:grid;place-items:center;padding:0;box-shadow:0 8px 24px #0006;backdrop-filter:blur(8px);transition:background .18s,border-color .18s,opacity .18s} .cq-carousel-btn svg{width:22px;height:22px} .cq-carousel-prev{left:-22px}.cq-carousel-next{right:-22px} .cq-carousel-btn:hover:not(:disabled){background:#1c2026;border-color:#f27620} .cq-carousel-btn:disabled{opacity:.3;cursor:default} .cq-carousel[data-scrollable="false"] .cq-carousel-btn{display:none} .cq-carousel-status{margin:0;min-height:18px;text-align:center;color:var(--cq-muted);font-size:11px;letter-spacing:.4px} .cq-package-slot{position:relative;display:flex;flex-direction:column;min-width:0;background:rgba(16,18,22,.55);border:1px dashed #3a3e46;border-radius:10px;overflow:hidden;color:var(--cq-muted)} .cq-package-slot .cq-card-ribbon{background:transparent} .cq-package-slot .cq-card-top h3{color:#c9ccd2} .cq-slot-photo{margin:0 16px;aspect-ratio:1/.62;border-radius:8px;border:1px dashed #3a3e46;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;color:#7b828c;font-size:13px} .cq-slot-photo svg{width:34px;height:34px;opacity:.7} .cq-slot-note{margin:6px 0 0;font-size:13px;line-height:1.5} @media(max-width:1100px){.cq-dashcam .cq-carousel-track>.cq-package,.cq-dashcam .cq-carousel-track>.cq-package-slot{flex-basis:calc((100% - 20px)/2)}.cq-dashcam .cq-package-grid.cq-carousel-track{gap:20px}} @media(max-width:620px){.cq-dashcam .cq-carousel-track>.cq-package,.cq-dashcam .cq-carousel-track>.cq-package-slot{flex-basis:86%}.cq-dashcam .cq-package-grid.cq-carousel-track{gap:14px}} @media(hover:none),(max-width:620px){.cq-carousel-btn{display:none!important}} @media(prefers-reduced-motion:reduce){.cq-dashcam .cq-package-grid.cq-carousel-track{scroll-behavior:auto}} /* Orange TEXT matches the home page (--orange-bright, #ffad4a, as in the home page heading and eyebrow lines), not the deeper #f77920 the studio used. */ .cq-dashcam .cq-hero h1>span,.cq-dashcam .cq-orange,.cq-dashcam .cq-eyebrow,.cq-dashcam .cq-lab-top .cq-overline{color:#ffad4a} .cq-dashcam .cq-hero-proof i,.cq-dashcam .cq-route-bar b,.cq-dashcam .cq-included-icon,.cq-dashcam .cq-tile-index,.cq-dashcam .cq-page-notes .cq-inline-btn,.cq-dashcam .cq-page-notes .cq-inline-btn span{color:#ffad4a} /* The recommended package (set with recommended: true in config.js) stands out a little. */ .cq-package.is-recommended{border-color:#ffbd5a;box-shadow:0 0 0 1px #ffbd5a55,0 22px 60px #f7792024} .cq-package.is-recommended:hover{border-color:#ffd08a} .cq-card-reco{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;background:linear-gradient(135deg,#ffbd5a,#f27620);color:#1a0b03;font-size:11px;font-weight:800;letter-spacing:1.6px} /* CQ RECOMMENDS is a tag on the top edge of the card, not a bar above its contents: the titles and pictures of the cards in one row stay on one line (owner, 2026-10-27) */ .cq-package.is-recommended{overflow:visible} .cq-package.is-recommended .cq-card-ribbon{border-radius:9px 9px 0 0} .cq-package.is-recommended .cq-card-reco{position:absolute;top:-13px;left:50%;transform:translateX(-50%);z-index:4;padding:5px 14px;border-radius:999px;white-space:nowrap;line-height:1.4;box-shadow:0 6px 18px #f7792040} .cq-dashcam .cq-package-grid.cq-carousel-track:has(.is-recommended){padding-top:22px} .cq-spec-pills{flex-wrap:wrap} /* Vehicle type buttons (sedan, wagon, hatchback, 4WD, special fitment). */ .cq-dashcam .cq-vehicle-options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))} .cq-dashcam .cq-vehicle-options button{min-height:112px} /* dashcam vehicle tiles fill the row: four side by side and the fifth (EV / van / special fitment) full width underneath instead of one tile alone and taller than the rest (owner, 2026-10-27) */ .cq-settings-block:has(#vehicle-options){container-type:inline-size} #vehicle-options{grid-template-columns:repeat(4,minmax(0,1fr))} #vehicle-options button:last-child:nth-child(5){grid-column:1/-1;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:14px;row-gap:2px} #vehicle-options button:last-child:nth-child(5)>svg{grid-row:1/3;margin:0} @container (max-width:559px){#vehicle-options{grid-template-columns:repeat(2,minmax(0,1fr))}} .cq-dashcam #cq-enquiry-form select{width:100%;min-height:48px;background:#0d0f13;color:var(--cq-text);border:1px solid #30353b;border-radius:6px;padding:0 12px} /* Two banners: fitting only from $189, and the 5% price beat. */ .cq-promo-wrap{margin-top:46px} .cq-promo{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:30px;align-items:center;padding:30px 36px;border-radius:14px;overflow:hidden} .cq-promo:before{content:"";position:absolute;inset:0;pointer-events:none} .cq-promo>*{position:relative} .cq-promo h2{font-family:var(--cq-display);font-size:clamp(30px,3.4vw,46px);line-height:1;letter-spacing:-.02em;margin:0 0 10px} .cq-promo .cq-eyebrow{margin-bottom:10px!important} .cq-promo-copy p:last-child{color:var(--cq-muted);font-size:14px;line-height:1.65;max-width:640px} .cq-promo-action{display:grid;gap:10px;justify-items:center;text-align:center} .cq-promo-action small{color:var(--cq-muted);font-size:11px;letter-spacing:.3px} .cq-promo-byo{border:1px solid #ffbd5a80;background:linear-gradient(120deg,#1d1610 0%,#111419 58%,#1b1510 100%);box-shadow:0 22px 64px #f7792018} .cq-promo-byo:before{background:radial-gradient(560px circle at 6% 0%,#f7792030,transparent 62%)} .cq-promo-icon{width:84px;height:84px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#ffbd5a,#f27620);color:#1a0b03;box-shadow:0 12px 34px rgba(238,95,12,.3)} .cq-promo-icon svg{width:42px;height:42px} .cq-promo-price{color:#ffad4a;white-space:nowrap} .cq-promo-beat{border:1px solid #30353b;border-left:4px solid #ffad4a;background:#12151a;padding:24px 32px} .cq-promo-beat:before{background:radial-gradient(420px circle at 100% 50%,#f7792014,transparent 65%)} .cq-beat-badge{width:86px;height:86px;border-radius:50%;border:2px solid #ffad4a;display:grid;place-content:center;text-align:center;color:#ffad4a;box-shadow:0 0 0 7px #f7792014} .cq-beat-badge strong{font-family:var(--cq-display);font-size:34px;line-height:.9} .cq-beat-badge span{font-size:10px;font-weight:800;letter-spacing:2px;margin-top:3px} .cq-promo-beat h2{font-size:clamp(26px,3vw,38px)} @media(max-width:900px){.cq-promo{grid-template-columns:1fr;gap:18px;padding:26px 22px;justify-items:start}.cq-promo-action{justify-items:stretch;width:100%}.cq-promo-action .cq-button{width:100%}.cq-promo-icon{width:68px;height:68px}.cq-beat-badge{width:72px;height:72px}.cq-beat-badge strong{font-size:28px}} .cq-enquiry-summary>div{flex:1;min-width:0}.cq-enquiry-summary label{display:block;font-size:9px;letter-spacing:.9px;text-transform:uppercase;color:#aa9d90;margin-bottom:7px}.cq-enquiry-summary select{width:100%;min-height:44px;font-size:13px;margin-bottom:2px} @media(max-width:620px){.cq-enquiry-summary{flex-direction:column;align-items:stretch;gap:12px}.cq-enquiry-summary>span{text-align:left;white-space:normal}} /* ---- the bundle offer: a dashcam AND a head unit fitted at the same visit, a percentage off the whole bill (dashcam and head unit pages) ---- */ .cq-promo-bundle{border:1px solid #ffbd5aa6;background:linear-gradient(120deg,#2b1a0a 0%,#14171c 58%,#1d1409 100%);box-shadow:0 24px 70px #f779201f} .cq-promo-bundle:before{background:radial-gradient(640px circle at 0% 50%,#f7792040,transparent 62%)} .cq-promo-bundle h2{font-size:clamp(28px,3.2vw,42px)} .cq-promo-bundle .cq-promo-action .cq-text-btn{justify-content:center} .cq-bundle-badge{width:96px;height:96px;border-radius:50%;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#ffbd5a,#f27620);color:#1a0b03;box-shadow:0 12px 34px rgba(238,95,12,.34),0 0 0 7px #f7792022} .cq-bundle-badge strong{font-family:var(--cq-display);font-size:40px;line-height:.9} .cq-bundle-badge>span{font-size:11px;font-weight:800;letter-spacing:2.5px;margin-top:4px} .cq-bundle-formula{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:16px 0 0;padding:0;font-size:11px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase} .cq-bundle-formula li{padding:7px 12px;border:1px solid #3a3f47;border-radius:999px;color:#d8dce2;background:#0e1013} .cq-bundle-formula li[aria-hidden]{border:0;background:none;padding:0 1px;color:#ffad4a;font-size:14px} .cq-bundle-formula .is-result{border-color:#ffbd5a;color:#1a0b03;background:linear-gradient(135deg,#ffbd5a,#f27620)} .cq-bundle-terms{display:block;margin-top:12px;color:var(--cq-muted);font-size:11px;letter-spacing:.2px} .cq-hero-offer{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:7px 15px 7px 7px;border:1px solid #ffbd5a80;border-radius:999px;background:#1d140b;color:#ffcf8a;font-size:11px;font-weight:600;letter-spacing:.2px;transition:border-color .2s,color .2s} .cq-hero-offer b{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:26px;padding:0 8px;border-radius:999px;background:linear-gradient(135deg,#ffbd5a,#f27620);color:#1a0b03;font-size:11px;font-weight:800;white-space:nowrap} .cq-hero-offer:hover{border-color:#ffbd5a;color:#fff} .cq-bundle-toggle{margin:0 0 18px;padding:13px 14px;border:1px dashed #ffbd5a99;border-radius:10px;background:#1a130c} .cq-bundle-toggle .cq-extra-price,.cq-bundle-toggle .cq-opt-price{color:#ffbd5a;font-weight:700;white-space:nowrap} .cq-estimate-line.is-discount,.cq-estimate-line.is-discount span:last-child{color:#8fe0a8} .cq-bundle-check{display:flex;align-items:flex-start;gap:11px;margin:18px 0 0;padding:13px 14px;border:1px dashed #ffbd5a99;border-radius:10px;background:#1a130c;color:#d9cdbb;font-size:12px;line-height:1.7;cursor:pointer} .cq-bundle-check input{accent-color:var(--cq-orange);width:17px;height:17px;flex-shrink:0;margin:3px 0 0} .cq-bundle-check strong{color:#ffbd5a;font-weight:600} .cq-cross-offer{color:#ffbd5a;font-weight:700} @media(max-width:900px){.cq-bundle-badge{width:76px;height:76px}.cq-bundle-badge strong{font-size:30px}.cq-bundle-badge>span{font-size:9px}.cq-promo-bundle h2{font-size:clamp(26px,7vw,34px)}} @media(max-width:620px){.cq-bundle-formula{font-size:10px;gap:7px}.cq-bundle-formula li{padding:6px 10px}.cq-bundle-formula li:nth-child(4){display:none}.cq-bundle-formula .is-result:before{content:"= "}.cq-hero-offer{font-size:10px;margin-top:16px}} /* The "Choose this package / setup" buttons are dark with an outline until one is chosen; only the chosen one turns yellow (owner, 2026-10-25). */ /* ---- the bundle flow: the dropdown box under the switch, the other package's line in the estimate, the locked note in the form ---- */ .cq-bundle-panel[hidden]{display:none} .cq-bundle-panel{margin:-6px 0 18px;padding:14px;border:1px solid #ffbd5a66;border-radius:10px;background:#14100b} .cq-bundle-picker{display:grid;gap:7px} .cq-bundle-picker label:not(.cq-bundle-extra){margin-top:8px;font-size:10px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#ffad4a} .cq-bundle-picker label:first-child{margin-top:0} .cq-dashcam .cq-bundle-picker select{width:100%;min-height:46px;background:#0d0f13;color:var(--cq-text);border:1px solid #3a3f47;border-radius:6px;padding:0 12px;font-size:13px} .cq-dashcam .cq-bundle-picker select:focus{outline:2px solid #ffbd5a;outline-offset:1px} /* the drop-down that shows the package's photo when the customer points at an option (owner, 2026-10-25); the real