/* COM-only homepage. Never targets Warehouse header, footer or catalog pages. */
.cdg-home{--cdg-ink:#151819;--cdg-muted:#596461;--cdg-accent:#007f72;--cdg-line:#dce3e0;color:var(--cdg-ink);background:#fff;font:16px/1.6 Arial,Helvetica,sans-serif;letter-spacing:0;isolation:isolate;width:100%;overflow:clip}
.cdg-home *{box-sizing:border-box;letter-spacing:0}
.cdg-home.elementor-section-stretched{width:var(--cdg-viewport-width,100vw)!important;margin-left:calc(var(--cdg-viewport-width,100vw) / -2)!important}
.cdg-home .elementor-section{margin-bottom:0}
.cdg-assets{padding:0!important;min-height:0!important}
.cdg-home :is(a,button,input):focus-visible{outline:3px solid #009b8b;outline-offset:4px}
.cdg-home a{color:inherit;text-decoration:none}
.cdg-home p,.cdg-home h1,.cdg-home h2,.cdg-home h3{margin:0}
.cdg-home img{display:block;max-width:100%;height:auto}
.cdg-home .elementor-widget{margin:0;min-width:0}
.cdg-home .elementor-widget-container,.cdg-home .elementor-text-editor{font:inherit;color:inherit}
.cdg-home .elementor-heading-title{font:inherit;color:inherit;line-height:inherit;padding:0;margin:0}
.cdg-home .elementor-container,.cdg-home .elementor-row{width:100%;max-width:none}
.cdg-home .elementor-inner-section>.elementor-container,.cdg-home .elementor-inner-section>.elementor-container>.elementor-row{display:contents}
.cdg-home .elementor-column{width:auto!important;min-width:0;display:block}
.cdg-home .elementor-column-wrap{padding:0;display:block}
.cdg-home .elementor-widget-wrap{display:block}
.cdg-home .cdg-root{width:100%!important}
.cdg-home .cdg-heading{font-size:36px;font-weight:700;line-height:1.15;margin-bottom:18px;text-wrap:balance}
.cdg-home .cdg-lead{font-size:17px;line-height:1.7;color:var(--cdg-muted);max-width:760px;margin-bottom:26px}
.cdg-home .cdg-note{font-size:12px;line-height:1.65;color:var(--cdg-muted);margin-top:18px;max-width:1000px}
.cdg-home .cdg-band{padding:64px 32px;scroll-margin-top:24px}
.cdg-home .cdg-content{max-width:1320px;margin:auto;width:100%!important}
.cdg-home .cdg-ui,.cdg-home .cdg-media-ui{display:none}
.cdg-home .cdg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.cdg-home .cdg-usecases{border-top:1px solid var(--cdg-line)}
.cdg-home .cdg-usecases .cdg-split{align-items:start}
.cdg-home .cdg-usecase .cdg-heading,.cdg-home .cdg-layer-title{font-size:22px;line-height:1.35}
.cdg-home .cdg-usecase .cdg-text{color:var(--cdg-muted)}
.cdg-home .cdg-layers dl{margin:0}
.cdg-home .cdg-layers dt{font-weight:700;margin-top:16px}
.cdg-home .cdg-layers dd{margin:4px 0 0;color:var(--cdg-muted);font-size:15px}
.cdg-home .cdg-steps ol{margin:0;padding-left:24px}
.cdg-home .cdg-steps li{padding-left:5px;margin-bottom:14px;color:var(--cdg-muted);font-size:15px}
.cdg-home .cdg-steps li::marker{color:var(--cdg-accent);font-weight:700}
.cdg-home .cdg-ordering{border-top:1px solid var(--cdg-line)}
.cdg-home .cdg-ordering .cdg-split{align-items:start}
.cdg-home .cdg-ordering .cdg-split .cdg-heading,.cdg-home .cdg-color-match .cdg-heading,.cdg-home .cdg-diagram-title{font-size:22px;line-height:1.35;overflow-wrap:anywhere}
.cdg-home .cdg-order-summary{margin-bottom:20px;color:var(--cdg-muted)}
.cdg-home .cdg-design-fee{border-left:3px solid var(--cdg-accent);padding-left:16px;font-weight:700;margin-bottom:24px}
.cdg-home .cdg-order-standard .cdg-primary{margin-top:12px}
.cdg-home .cdg-color-match{border-top:1px solid var(--cdg-line);margin-top:32px;padding-top:28px}
.cdg-home .cdg-match-copy{max-width:900px}
.cdg-home .cdg-premium{background:#f1f3f2}
.cdg-home .cdg-diagram-title{margin-top:28px}
.cdg-home .cdg-diagram img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.cdg-home .cdg-button{display:inline-block;max-width:100%;vertical-align:middle}
.cdg-home .elementor-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:0;box-shadow:none;padding:0;background:none;white-space:normal;font:600 14px/1.35 Arial,Helvetica,sans-serif;text-align:left;color:inherit}
.cdg-home .cdg-primary .elementor-button,.cdg-home .cdg-outline .elementor-button{padding:13px 22px;border-radius:4px;text-align:center;border:1px solid var(--cdg-accent);background:var(--cdg-accent);color:#fff;transition:background .18s}
.cdg-home .cdg-primary .elementor-button:hover{background:#005d54}
.cdg-home .cdg-outline .elementor-button{border-color:#fff;background:transparent}
.cdg-home .cdg-text-link{margin-top:18px;margin-right:22px;color:var(--cdg-accent)}
.cdg-home .cdg-text-link .elementor-button{border-bottom:1px solid currentColor;min-height:36px}
.cdg-home .cdg-hero{position:relative;min-height:400px;padding:40px max(32px,calc((100% - 1320px)/2));background:#101413;color:#fff;display:flex;align-items:center;isolation:isolate}
.cdg-home .cdg-vehicles{padding-top:40px}
.cdg-home .cdg-hero-media{position:absolute;inset:0;z-index:-1}
.cdg-home .cdg-hero-media :is(.elementor-column-wrap,.elementor-widget-wrap,.elementor-widget-container,.elementor-image,.cdg-image){width:100%;height:100%}
.cdg-home .cdg-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center top}
.cdg-home .cdg-hero-slide{position:absolute;inset:0;display:none}
.cdg-home .cdg-hero-slide.cdg-active{display:block}
.cdg-home .cdg-hero-switcher{position:absolute;right:24px;bottom:12px;display:flex;gap:0;border:0;margin:0;padding:0;min-width:0}
.cdg-home .cdg-hero-switcher label{display:grid;place-items:center;width:44px;height:44px;cursor:pointer}
.cdg-home .cdg-hero-switcher input{margin:0;width:18px;height:18px;accent-color:#fff;cursor:pointer}
.cdg-home .cdg-hero-copy{width:500px!important;max-width:44%}
.cdg-home .cdg-brand{font-size:48px;line-height:1.05;margin-bottom:16px}
.cdg-home .cdg-hero-subtitle{font-size:30px;line-height:1.2;margin-bottom:16px}
.cdg-home .cdg-hero-intro{max-width:440px;line-height:1.65;color:#f2f5f4;margin-bottom:28px}
.cdg-home .cdg-hero .cdg-button{margin:0 12px 10px 0}
.cdg-home .cdg-catalog{padding-top:42px;padding-bottom:42px}
.cdg-home .cdg-catalog .cdg-heading{font-size:28px;margin-bottom:10px}
.cdg-home .cdg-brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 24px;border-top:1px solid var(--cdg-line)}
.cdg-home .cdg-brand-cell{border-bottom:1px solid var(--cdg-line)}
.cdg-home .cdg-brand-link{display:block}
.cdg-home .cdg-brand-link .elementor-button{width:100%;justify-content:flex-start;min-height:48px;padding:12px 0;overflow-wrap:anywhere;font-size:13px}
.cdg-home .cdg-brand-link a:hover{color:var(--cdg-accent)}
.cdg-home .cdg-search{width:100%;max-width:360px;min-height:46px;border:1px solid #9faeaa;border-radius:4px;padding:11px 14px;margin:0 0 24px;background:#fff;color:var(--cdg-ink);font:16px/1.4 Arial,sans-serif}
.cdg-home .cdg-empty{padding:24px 0;color:var(--cdg-muted)}
.cdg-home [hidden]{display:none!important}
.cdg-home .cdg-colors{background:#f1f3f2}
.cdg-home .cdg-swatch-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.cdg-home .cdg-swatch{text-align:center}
.cdg-home .cdg-swatch .cdg-image{background:white;border:1px solid #e2e7e4;border-radius:4px;overflow:hidden;margin-bottom:14px;transition:transform .2s,border-color .2s}
.cdg-home .cdg-swatch img{width:100%;aspect-ratio:1;object-fit:contain}
.cdg-home .cdg-swatch .cdg-heading{font-size:14px;line-height:1.4;font-weight:600;margin:0}
.cdg-home .cdg-zoom a{display:block;cursor:zoom-in}
.cdg-home .cdg-swatch .cdg-image:hover{transform:translateY(-3px);border-color:var(--cdg-accent)}
.cdg-home .cdg-kit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.cdg-home .cdg-kit img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:4px}
.cdg-home .cdg-kit .cdg-heading{font-size:17px;line-height:1.4;margin:12px 0 0}
.cdg-home .cdg-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px;align-items:center}
.cdg-home .cdg-comparison{background:#f1f3f2}
.cdg-home .cdg-compare-stage{position:relative}
.cdg-home .cdg-compare-stage img{width:100%;aspect-ratio:1;object-fit:contain}
.cdg-home.cdg-ready .cdg-compare-stage{aspect-ratio:1}
.cdg-home.cdg-ready .cdg-compare-stage .cdg-image{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .22s}
.cdg-home.cdg-ready .cdg-compare-stage .cdg-active{opacity:1;visibility:visible}
.cdg-home .cdg-compare-button{margin:0 10px 0 0}
.cdg-home .cdg-compare-button .elementor-button{padding:10px 18px;border:1px solid #a8b4af;border-radius:4px}
.cdg-home .cdg-compare-button.cdg-active .elementor-button{border-color:var(--cdg-accent);color:var(--cdg-accent);box-shadow:inset 0 -3px var(--cdg-accent)}
.cdg-home .cdg-editorial-copy>.elementor-column-wrap>.elementor-widget-wrap>.cdg-primary{margin:24px 16px 0 0}
.cdg-home .cdg-macro-stack{display:grid;gap:16px}
.cdg-home .cdg-macro-stack .cdg-image+.cdg-image{margin-top:16px}
.cdg-home .cdg-macro-stack img{width:100%;height:auto}
.cdg-home .cdg-routes{border-top:1px solid var(--cdg-line);background:#f1f3f2}
.cdg-home .cdg-route-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.cdg-home .cdg-route{border-top:3px solid var(--cdg-accent);padding-top:22px}
.cdg-home .cdg-route .cdg-heading{font-size:22px;line-height:1.3;min-height:58px;margin:0}
.cdg-home .cdg-factory{background:#151819;color:#fff}
.cdg-home .cdg-factory .cdg-lead,.cdg-home .cdg-factory .cdg-note{color:#d7dfdb}
.cdg-home .cdg-factory .cdg-text-link{color:#9cded0}
.cdg-home .cdg-factory-media img{width:100%;height:auto}
.cdg-home .cdg-install-image{max-width:480px}
.cdg-home .cdg-install-image img{width:100%;height:auto}
.cdg-home .cdg-delivery{border-top:1px solid var(--cdg-line)}
.cdg-home .cdg-delivery .cdg-split{align-items:start}
.cdg-home .cdg-delivery .cdg-split .cdg-heading{font-size:22px;line-height:1.35}
.cdg-home .cdg-delivery .cdg-text{color:var(--cdg-muted)}
.cdg-home .cdg-delivery .cdg-postal-title{margin-top:24px}
.cdg-home .cdg-delivery-fields ul{margin:0;padding-left:22px}
.cdg-home .cdg-delivery-fields li{padding-left:4px;margin-bottom:12px}
.cdg-home .cdg-final{background:#f1f3f2;border-top:1px solid var(--cdg-line)}
.cdg-home .cdg-final .cdg-split{align-items:start}
.cdg-home .cdg-faq-item{border-bottom:1px solid #ccd5d1;padding:20px 0}
.cdg-home .cdg-question{font-size:16px;line-height:1.5;margin-bottom:12px}
.cdg-home .cdg-answer{font-size:14px;color:var(--cdg-muted);line-height:1.7}
.cdg-home .cdg-faq-toggle{display:flex;justify-content:space-between;gap:16px;border:0;background:none;color:inherit;font:inherit;text-align:left;padding:0;width:100%;cursor:pointer}
.cdg-home .cdg-faq-toggle::after{content:'+';font-size:22px;line-height:1}
.cdg-home .cdg-faq-toggle[aria-expanded=true]::after{content:'−'}
.cdg-home .cdg-dialog{position:fixed;inset:0;z-index:99999;width:min(740px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:40px 24px 24px;border:0;border-radius:4px;background:#fff;color:#151819;overflow:auto}
.cdg-home .cdg-dialog::backdrop{background:rgba(0,0,0,.72)}
.cdg-home .cdg-dialog img{margin:auto;object-fit:contain;max-width:100%;max-height:70dvh;width:auto;height:auto}
.cdg-home .cdg-dialog p{margin:14px 0 0;text-align:center}
.cdg-home .cdg-dialog a{color:var(--cdg-accent);text-decoration:underline;text-underline-offset:3px}
.cdg-home .cdg-dialog-close{position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;background:#fff;color:#151819;font:28px/1 Arial;cursor:pointer}
.cdg-home .cdg-dialog iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
@media(max-width:1199px){
 .cdg-home .cdg-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .cdg-home .cdg-swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cdg-home .cdg-hero-copy{max-width:52%}
 .cdg-home .cdg-brand{font-size:40px}
 .cdg-home .cdg-split{gap:30px}
 .cdg-home .cdg-route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cdg-home .cdg-heading{font-size:30px}
}
@media(max-width:767px){
 .cdg-home .cdg-band{padding:40px 20px}
 .cdg-home .cdg-heading{font-size:28px}
 .cdg-home .cdg-lead{font-size:16px;line-height:1.65}
 .cdg-home .cdg-hero{min-height:480px;padding:204px 20px 28px;align-items:end;background:#101413}
 .cdg-home .cdg-hero-media{height:180px}
 .cdg-home .cdg-hero-image img{object-position:65% top}
 .cdg-home .cdg-hero-switcher{top:124px;right:12px;bottom:auto}
 .cdg-home .cdg-hero-copy{width:100%!important;max-width:none}
 .cdg-home .cdg-brand{font-size:34px;margin-bottom:12px}
 .cdg-home .cdg-hero-subtitle{font-size:24px;margin-bottom:14px}
 .cdg-home .cdg-hero-intro{font-size:14px;margin-bottom:20px;max-width:none}
 .cdg-home .cdg-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
 .cdg-home .cdg-brand-link .elementor-button{font-size:12px;min-height:48px}
 .cdg-home .cdg-search{max-width:none}
 .cdg-home .cdg-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .cdg-home .cdg-kit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
 .cdg-home .cdg-kit .cdg-heading{font-size:14px}
 .cdg-home .cdg-split{grid-template-columns:1fr;gap:30px}
 .cdg-home .cdg-route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}
 .cdg-home .cdg-route .cdg-heading{font-size:18px;min-height:50px}
 .cdg-home .cdg-compare-stage{order:2}
 .cdg-home .cdg-install-image{max-width:none}
 .cdg-home .cdg-factory .cdg-split{gap:24px}
}
@media(prefers-reduced-motion:reduce){.cdg-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}