/* DealershipCore homepage: same official shell as inner pages, reference hero, responsive benefits & video. */ :root{scroll-padding-top:132px} #dc-reference-hero{background:#fff;color:#191b22;position:relative;overflow:hidden;border-bottom:1px solid #efedf0} #dc-reference-hero *{box-sizing:border-box} #dc-reference-hero .dc-reference-shell{width:min(1425px,calc(100% - 64px));margin:0 auto} #dc-reference-hero .dc-reference-intro{text-align:center;padding:85px 0 0;margin:0 auto 48px;max-width:1280px} #dc-reference-hero h1,#dc-reference-hero #dc-reference-hero-title{ color:#191b22!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:clamp(42px,4.75vw,73px)!important;font-weight:800!important;letter-spacing:-.058em!important; line-height:1.085!important;text-transform:none!important;margin:0!important; } #dc-reference-hero .dc-reference-intro>p{ margin:26px auto 0;max-width:1110px;font-size:clamp(15px,1.4vw,19px);line-height:1.55; font-weight:450;color:#737a88 } #dc-reference-hero .dc-reference-primary-cta{ display:inline-flex;align-items:center;justify-content:center;background:#e52b36;color:#fff!important; text-decoration:none;font-size:14px;font-weight:800;min-height:54px;padding:0 28px; border-radius:6px;margin-top:31px;box-shadow:0 12px 24px rgba(227,23,39,.12); transition:transform .2s ease,background .2s ease } #dc-reference-hero .dc-reference-primary-cta:hover{background:#c61927;transform:translateY(-2px)} #dc-reference-hero .dc-reference-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 auto} #dc-reference-hero .dc-reference-benefit{ min-width:0;min-height:286px;display:flex;flex-direction:column; border:1px solid #e2e5eb;border-radius:17px;background:#fff; box-shadow:0 11px 34px rgba(27,35,48,.045);padding:29px 30px 27px;color:#232832; } #dc-reference-hero .dc-reference-benefit-index{color:#e61f30;font-size:11px;font-weight:850;letter-spacing:.11em} #dc-reference-hero .dc-reference-benefit h2{color:#22252d;font-size:clamp(21px,1.7vw,27px)!important;letter-spacing:-.045em;line-height:1.14;font-weight:770;margin:17px 0 18px} #dc-reference-hero .dc-reference-benefit ul{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:12px} #dc-reference-hero .dc-reference-benefit li{position:relative;padding-left:15px;color:#6a7180;font-size:12px;line-height:1.55} #dc-reference-hero .dc-reference-benefit li:before{content:"";position:absolute;left:0;top:4px;width:3px;height:14px;border-radius:2px;background:#eb2737} #dc-reference-hero .dc-reference-benefit>a{color:#d92130;font-size:12px;font-weight:800;text-decoration:none;margin-top:auto;align-self:start} #dc-reference-hero .dc-reference-benefit>a span{margin-left:6px;font-size:15px} #dc-reference-hero .dc-reference-benefit>a:hover{text-decoration:underline} #dc-reference-hero .dc-reference-video-panel{max-width:1290px;margin:75px auto 58px;padding:23px 26px 27px;border-radius:23px;background:#fcf0f1;border:1px solid #f9e5e7} #dc-reference-hero .dc-reference-video-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 17px} #dc-reference-hero .dc-reference-video-label{display:flex;gap:10px;align-items:center;color:#b52230;font-size:11px;font-weight:850;letter-spacing:.14em} #dc-reference-hero .dc-reference-live-dot{height:8px;width:8px;display:inline-block;border-radius:50%;background:#df2431;box-shadow:0 0 0 4px rgba(223,36,49,.11)} #dc-reference-hero .dc-reference-video-subtitle{color:#7f7376;font-size:12px;font-weight:650} #dc-reference-hero .dc-reference-video-frame{position:relative;overflow:hidden;border-radius:15px;background:#f8fafc;aspect-ratio:16/9;border:1px solid #e2e3e8;box-shadow:0 16px 45px rgba(17,23,38,.10)} #dc-reference-hero .dc-reference-video,#dc-reference-hero .dc-reference-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} #dc-reference-hero .dc-reference-video{display:none} #dc-reference-hero .dc-reference-video-poster{display:block;object-fit:contain;background:#f7f8fb} #dc-reference-hero .dc-reference-video-panel.is-playing .dc-reference-video{display:block} #dc-reference-hero .dc-reference-video-panel.is-playing .dc-reference-video-poster{display:none} #dc-reference-hero .dc-reference-video-toggle{position:absolute;bottom:13px;right:13px;background:rgba(20,23,30,.85);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:9px 14px;font-size:12px;font-weight:750;cursor:pointer} #dc-reference-hero .dc-reference-video-toggle[hidden]{display:none!important} #dc-reference-hero .dc-reference-video-footer{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:18px} #dc-reference-hero .dc-reference-video-footer span{font-size:12px;color:#83747c;font-weight:650} #dc-reference-hero .dc-reference-video-footer span:not(:last-child):after{content:"•";padding-left:24px;color:#d73240} #dc-industries{padding-top:45px!important} .dc-shell-header.is-light{background:#fff!important;backdrop-filter:blur(18px)} .dc-shell-header.is-light .dc-mainbar{background:#fff} .dc-shell-header.is-light .dc-demo{background:#e51d2e;color:#fff;border-radius:999px} .dc-shell-header.is-light .dc-demo:hover{background:#bd1928} .dc-shell-header.is-light .dc-logo-dark{object-fit:contain} .dc-shell-header .dc-mega{border:1px solid #e4e5e8} .dc-shell-header .dc-mega-groups a:hover{color:#d7192a} .dc-reference-primary-cta:focus-visible,.dc-reference-benefit>a:focus-visible,.dc-reference-video-toggle:focus-visible{outline:3px solid #d7192a;outline-offset:4px} @media(max-width:1180px){ #dc-reference-hero .dc-reference-shell{width:min(100% - 44px,1425px)} #dc-reference-hero .dc-reference-benefit{padding:25px 22px} #dc-reference-hero .dc-reference-benefit h2{font-size:23px!important} #dc-reference-hero .dc-reference-video-panel{margin-top:55px} } @media(max-width:900px){ #dc-reference-hero .dc-reference-intro{padding-top:62px} #dc-reference-hero .dc-reference-benefit-grid{grid-template-columns:1fr 1fr} #dc-reference-hero .dc-reference-benefit:last-child{grid-column:1/-1;min-height:0} #dc-reference-hero .dc-reference-benefit{min-height:270px} #dc-reference-hero .dc-hero-line-break{display:none} #dc-reference-hero .dc-reference-video-panel{padding:15px;margin-bottom:40px} } @media(max-width:620px){ #dc-reference-hero .dc-reference-shell{width:calc(100% - 32px)} #dc-reference-hero .dc-reference-intro{padding-top:48px;margin-bottom:36px} #dc-reference-hero h1,#dc-reference-hero #dc-reference-hero-title{font-size:clamp(34px,9vw,48px)!important;line-height:1.12!important} #dc-reference-hero .dc-reference-intro>p{font-size:15px;margin-top:20px} #dc-reference-hero .dc-reference-primary-cta{width:100%;max-width:320px} #dc-reference-hero .dc-reference-benefit-grid{grid-template-columns:1fr;gap:13px} #dc-reference-hero .dc-reference-benefit,#dc-reference-hero .dc-reference-benefit:last-child{grid-column:auto;min-height:0;padding:25px} #dc-reference-hero .dc-reference-benefit h2{margin:12px 0 16px;font-size:23px!important} #dc-reference-hero .dc-reference-video-panel{margin-top:42px;padding:10px 10px 15px;border-radius:14px} #dc-reference-hero .dc-reference-video-frame{border-radius:10px} #dc-reference-hero .dc-reference-video-meta{padding:7px 6px 0;flex-direction:column;align-items:start;gap:7px} #dc-reference-hero .dc-reference-video-footer{gap:10px;margin-top:12px} #dc-reference-hero .dc-reference-video-footer span{font-size:10px} #dc-reference-hero .dc-reference-video-footer span:not(:last-child):after{padding-left:10px} #dc-industries{padding-top:25px!important} .dc-shell-header .dc-utility .dc-shell-container>span{font-size:10px} .dc-shell-header .dc-utility nav{gap:9px;font-size:10px} .dc-shell-header .dc-utility nav a:nth-child(-n+2){display:none} } @media(prefers-reduced-motion:reduce){ #dc-reference-hero .dc-reference-primary-cta{transition:none} #dc-reference-hero .dc-reference-primary-cta:hover{transform:none} #dc-reference-hero .dc-reference-video{display:none!important} #dc-reference-hero .dc-reference-video-poster{display:block!important} #dc-reference-hero .dc-reference-video-toggle{display:none!important} } /* 2026-10-28: TRUE background video for the reference hero. This clip is decoration only; text and CTAs remain selectable and accessible. */ #dc-reference-hero{isolation:isolate;background: radial-gradient(ellipse at 65% 10%,rgba(221,24,42,.08),transparent 50%),linear-gradient(180deg,#fff 0%,#fdfafb 70%,#fff 100%)!important} #dc-reference-hero .dc-hero-motion-layer{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none} #dc-reference-hero .dc-hero-background-video{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;opacity:.64;filter:saturate(.9) contrast(1.05)} #dc-reference-hero .dc-hero-background-video.is-unavailable{display:none} #dc-reference-hero .dc-hero-veil{position:absolute;z-index:1;inset:0;pointer-events:none;background: linear-gradient(180deg,rgba(255,255,255,.65) 0%,rgba(255,255,255,.71) 40%,rgba(255,255,255,.91) 78%,#fff 100%), linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.1))} #dc-reference-hero .dc-reference-shell{position:relative;z-index:2} #dc-reference-hero .dc-reference-intro{padding-top:92px} #dc-reference-hero .dc-reference-benefit-grid{margin-bottom:80px} #dc-reference-hero .dc-reference-benefit{background:rgba(255,255,255,.94);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)} /* Dashboard walkthrough: separate section, neutral surface, deliberate whitespace. */ #dc-dashboard-showcase{padding:86px 0 82px;background:#fff;color:#202129;border-bottom:1px solid #e9eaee} #dc-dashboard-showcase *,#dc-dashboard-showcase *::before,#dc-dashboard-showcase *::after{box-sizing:border-box} #dc-dashboard-showcase .dc-dashboard-shell{width:min(1425px,calc(100% - 64px));margin:auto} #dc-dashboard-showcase .dc-dashboard-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:54px;margin-bottom:36px} #dc-dashboard-showcase .dc-dashboard-kicker{font-size:11px;line-height:1.3;letter-spacing:.17em;text-transform:uppercase;color:#ce1e2d;font-weight:850} #dc-dashboard-showcase h2{margin:15px 0 0;font-size:clamp(37px,4.25vw,62px)!important;line-height:1.07!important;letter-spacing:-.053em!important;font-weight:810!important;color:#1c1f28!important;text-transform:none!important} #dc-dashboard-showcase .dc-dashboard-heading>p{margin:0 0 4px;font-size:17px;line-height:1.7;color:#69717f;max-width:440px} #dc-dashboard-showcase .dc-reference-video-panel{margin:0!important;max-width:none;padding:21px 22px 24px;border-radius:23px; border:1px solid #e0e3e8;background:linear-gradient(160deg,#f8f9fb,#fdfdfd 55%,#fff)!important; box-shadow:0 22px 65px rgba(30,35,48,.075)} #dc-dashboard-showcase .dc-reference-video-meta{margin:0 0 19px;padding:2px 6px 0} #dc-dashboard-showcase .dc-reference-video-label{color:#d21e2e;font-weight:850} #dc-dashboard-showcase .dc-reference-video-subtitle{color:#7a808b} #dc-dashboard-showcase .dc-reference-video-frame{border:1px solid #dfe2e7;border-radius:15px;overflow:hidden;background:#15161a; aspect-ratio:16/9;box-shadow:0 16px 40px rgba(15,18,28,.15)} #dc-dashboard-showcase .dc-reference-video{object-fit:contain;background:#17181b} #dc-dashboard-showcase .dc-reference-video-poster{object-fit:contain;background:#f4f5f7} #dc-dashboard-showcase .dc-reference-video-footer{margin:19px 0 0} #dc-dashboard-showcase .dc-reference-video-footer span{color:#686f7b;font-weight:730} #dc-dashboard-showcase .dc-reference-video-footer span:not(:last-child)::after{color:#d31e31} #dc-dashboard-showcase .dc-reference-video-toggle{border-radius:8px;background:rgba(21,23,29,.9)} #dc-industries{background:#fafafa!important;border-top:0!important;padding-top:78px!important} /* Keep the same official DealershipCore navigation on white from the first paint. */ .dc-shell-header.is-light,.dc-shell-header.is-light .dc-mainbar,.dc-shell-header.is-light .dc-utility{background:#fff!important} .dc-shell-header.is-light .dc-mainbar{border-bottom:1px solid #eeedf0} .dc-shell-header.is-light .dc-utility{color:#707782} .dc-shell-header.is-light .dc-brand{align-self:center} @media(max-width:1000px){ #dc-reference-hero .dc-hero-background-video{opacity:.52} #dc-dashboard-showcase .dc-dashboard-heading{grid-template-columns:1fr;gap:18px} #dc-dashboard-showcase .dc-dashboard-heading>p{max-width:700px} } @media(max-width:620px){ #dc-reference-hero .dc-reference-intro{padding-top:50px} #dc-reference-hero .dc-hero-background-video{object-position:center;opacity:.48} #dc-reference-hero .dc-hero-veil{background:linear-gradient(180deg,rgba(255,255,255,.69),rgba(255,255,255,.78) 50%,#fff 100%)} #dc-reference-hero .dc-reference-benefit-grid{margin-bottom:38px} #dc-dashboard-showcase{padding:56px 0 46px} #dc-dashboard-showcase .dc-dashboard-shell{width:calc(100% - 30px)} #dc-dashboard-showcase .dc-dashboard-heading{margin-bottom:22px;gap:13px} #dc-dashboard-showcase .dc-dashboard-heading>p{font-size:15px} #dc-dashboard-showcase .dc-reference-video-panel{padding:10px 10px 15px;border-radius:14px} #dc-dashboard-showcase .dc-reference-video-frame{border-radius:9px} #dc-dashboard-showcase .dc-reference-video-meta{padding:4px 5px;gap:6px} #dc-industries{padding-top:57px!important} } @media(prefers-reduced-motion:reduce){ #dc-reference-hero .dc-hero-background-video{display:none!important} } /* Standalone SaaS product walkthrough — no distracting text strips or chip row. */ #dc-dashboard-showcase .dc-product-demo-card{max-width:1210px;margin:0 auto;background:#fff;border:1px solid #e3e5e9;border-radius:20px;overflow:hidden;box-shadow:0 26px 70px rgba(22,29,45,.10),0 4px 16px rgba(22,29,45,.04)} #dc-dashboard-showcase .dc-product-demo-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:62px;padding:10px 20px;border-bottom:1px solid #e8e9ed;background:#fff;gap:14px} #dc-dashboard-showcase .dc-product-demo-identity{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:750;letter-spacing:-.015em;color:#252833} #dc-dashboard-showcase .dc-product-demo-mark{width:13px;height:18px;display:inline-block;background:#e21b2a;clip-path:polygon(0 0,65% 0,100% 50%,65% 100%,0 100%,35% 50%)} #dc-dashboard-showcase .dc-product-demo-separator{padding:0 5px;color:#bec1c8} #dc-dashboard-showcase .dc-product-demo-actions{display:flex;align-items:center;gap:13px} #dc-dashboard-showcase .dc-product-demo-duration{font-size:12px;font-variant-numeric:tabular-nums;color:#858a95;font-weight:650} #dc-dashboard-showcase .dc-product-demo-card .dc-reference-video-frame{width:100%;border:0;border-radius:0;box-shadow:none;aspect-ratio:16/9;margin:0;background:#10141d} #dc-dashboard-showcase .dc-product-demo-card .dc-reference-video{display:none;width:100%;height:100%;object-fit:contain} #dc-dashboard-showcase .dc-product-demo-card .dc-reference-video-poster{display:block;object-fit:contain} #dc-dashboard-showcase .dc-product-demo-card.is-playing .dc-reference-video{display:block} #dc-dashboard-showcase .dc-product-demo-card.is-playing .dc-reference-video-poster{display:none} #dc-dashboard-showcase .dc-product-demo-card.is-unavailable .dc-reference-video{display:none} #dc-dashboard-showcase .dc-product-demo-card.is-unavailable .dc-reference-video-poster{display:block} #dc-dashboard-showcase .dc-product-demo-card .dc-reference-video-toggle{position:static;display:inline-flex;justify-content:center;align-items:center;padding:9px 15px;min-height:36px;border:1px solid #d6d9df;border-radius:8px;background:#f8f9fb;color:#1e2530;font-size:12px;font-weight:750;cursor:pointer;transition:background .2s ease,border-color .2s ease} #dc-dashboard-showcase .dc-product-demo-card .dc-reference-video-toggle:hover{background:#f1f2f5;border-color:#b4b8c1} #dc-dashboard-showcase .dc-product-demo-card .dc-reference-video-toggle:focus-visible{outline:3px solid #e31b2b;outline-offset:3px} #dc-dashboard-showcase .dc-product-demo-card .dc-reference-video-toggle[hidden]{display:none!important} @media(max-width:620px){#dc-dashboard-showcase .dc-product-demo-card{border-radius:12px}#dc-dashboard-showcase .dc-product-demo-toolbar{padding:8px 12px;min-height:55px}#dc-dashboard-showcase .dc-product-demo-identity{font-size:11px;gap:7px}#dc-dashboard-showcase .dc-product-demo-actions{gap:7px}#dc-dashboard-showcase .dc-product-demo-duration{display:none}#dc-dashboard-showcase .dc-product-demo-card .dc-reference-video-toggle{padding:7px 9px;font-size:11px}} @media(prefers-reduced-motion:reduce){#dc-dashboard-showcase .dc-product-demo-card .dc-reference-video{display:none!important}#dc-dashboard-showcase .dc-product-demo-card .dc-reference-video-poster{display:block!important}} /* ========================================================================== Screenshot-match: homepage header + hero + three benefit cards, Oct 26. Keep this after earlier homepage rules. Desktop reference: 1525x1024. The background MP4 remains in the DOM, visually subordinate to the clean reference; the actual product video stays in the next section. ========================================================================== */ .dc-shell-header.is-light { background:#fff!important; color:#252932!important; border-bottom:1px solid #e7e9ee!important; box-shadow:0 11px 28px rgba(19,26,41,.055)!important; } .dc-shell-header.is-light .dc-shell-container { width:min(1710px,calc(100% - 32px))!important; } .dc-shell-header.is-light .dc-utility { height:36px!important; background:#fff!important; border-bottom:1px solid #ebeef2!important; color:#788190!important; font-size:12px!important; } .dc-shell-header.is-light .dc-utility a {color:#697280!important} .dc-shell-header.is-light .dc-mainbar { height:86px!important; background:#fff!important; } .dc-shell-header.is-light .dc-brand { flex:0 0 240px!important; } .dc-shell-header.is-light .dc-brand img {width:240px!important;max-width:100%!important} .dc-shell-header.is-light .dc-nav-link { color:#262a33!important; font-size:13px!important; font-weight:750!important; letter-spacing:-.005em!important; } .dc-shell-header.is-light .dc-nav-link:hover {color:#e61d32!important} .dc-shell-header.is-light .dc-demo { min-height:45px!important; padding:0 23px!important; border-radius:999px!important; color:#fff!important; background:#e7192d!important; box-shadow:none!important; } #dc-reference-hero { background:#fff!important; border-bottom:0!important; box-shadow:none!important; } #dc-reference-hero .dc-hero-background-video { opacity:.035!important; filter:saturate(.3) brightness(1.6)!important; } #dc-reference-hero .dc-hero-veil { background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.985) 55%,#fff 100%)!important; } #dc-reference-hero .dc-reference-shell { width:min(1422px,calc(100% - 104px))!important; max-width:1422px!important; margin-inline:auto!important; } #dc-reference-hero .dc-reference-intro { padding:80px 0 0!important; margin:0 auto 43px!important; text-align:center!important; max-width:1260px!important; } #dc-reference-hero #dc-reference-hero-title { max-width:1200px!important; margin:0 auto!important; color:#191b22!important; font-size:clamp(41px,4.07vw,63px)!important; line-height:1.085!important; font-weight:800!important; letter-spacing:-.056em!important; text-wrap:balance; } #dc-reference-hero .dc-reference-intro>p { max-width:1120px!important; margin:25px auto 0!important; color:#737c8b!important; font-size:clamp(15px,1.19vw,18px)!important; line-height:1.62!important; font-weight:450!important; } #dc-reference-hero .dc-reference-primary-cta { margin-top:27px!important; min-height:54px!important; padding:0 30px!important; border-radius:6px!important; background:#e92c3b!important; color:#fff!important; box-shadow:0 9px 20px rgba(211,29,48,.09)!important; font-size:14px!important; font-weight:800!important; } #dc-reference-hero .dc-reference-primary-cta:hover { background:#c91b2d!important; } #dc-reference-hero .dc-reference-benefit-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:20px!important; margin:0 auto 73px!important; } #dc-reference-hero .dc-reference-benefit { min-height:288px!important; padding:28px 30px 28px!important; border:1px solid #e1e5ec!important; border-radius:17px!important; background:#fff!important; box-shadow:0 12px 30px rgba(28,38,55,.055)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } #dc-reference-hero .dc-reference-benefit-index { color:#df2636!important; font-size:11px!important; font-weight:850!important; } #dc-reference-hero .dc-reference-benefit h2 { color:#242834!important; font-size:clamp(22px,1.7vw,26px)!important; line-height:1.13!important; letter-spacing:-.043em!important; margin:16px 0 20px!important; font-weight:780!important; } #dc-reference-hero .dc-reference-benefit ul { gap:11px!important; margin:0 0 19px!important; } #dc-reference-hero .dc-reference-benefit li { color:#697284!important; font-size:12px!important; line-height:1.5!important; } #dc-reference-hero .dc-reference-benefit li::before {background:#e82a3b!important} #dc-reference-hero .dc-reference-benefit>a { font-size:12px!important; color:#d91d30!important; font-weight:800!important; } /* Below the reference hero, retain the real dashboard showcase and video. */ #dc-dashboard-showcase {scroll-margin-top:124px} @media(max-width:1180px){ .dc-shell-header.is-light .dc-brand {flex-basis:215px!important} .dc-shell-header.is-light .dc-brand img{width:215px!important} #dc-reference-hero .dc-reference-shell {width:calc(100% - 64px)!important} #dc-reference-hero #dc-reference-hero-title {font-size:clamp(42px,4.5vw,60px)!important} #dc-reference-hero .dc-reference-benefit {padding:25px 22px!important} } @media(max-width:900px){ .dc-shell-header.is-light .dc-mainbar {height:74px!important} #dc-reference-hero .dc-reference-intro {padding-top:59px!important;margin-bottom:38px!important} #dc-reference-hero .dc-reference-benefit-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important} #dc-reference-hero .dc-reference-benefit:last-child {grid-column:1/-1!important} #dc-reference-hero .dc-reference-benefit {min-height:248px!important} } @media(max-width:620px){ .dc-shell-header.is-light .dc-shell-container{width:calc(100% - 28px)!important} .dc-shell-header.is-light .dc-mainbar{height:68px!important} #dc-reference-hero .dc-reference-shell{width:calc(100% - 32px)!important} #dc-reference-hero .dc-reference-intro{padding-top:46px!important;margin-bottom:31px!important} #dc-reference-hero #dc-reference-hero-title{font-size:clamp(34px,8.6vw,44px)!important;line-height:1.11!important} #dc-reference-hero .dc-reference-intro>p{font-size:15px!important;line-height:1.55!important;margin-top:17px!important} #dc-reference-hero .dc-reference-primary-cta{margin-top:24px!important} #dc-reference-hero .dc-reference-benefit-grid{grid-template-columns:1fr!important;gap:13px!important;margin-bottom:46px!important} #dc-reference-hero .dc-reference-benefit,#dc-reference-hero .dc-reference-benefit:last-child{ grid-column:auto!important;min-height:0!important;padding:24px 25px!important } #dc-reference-hero .dc-reference-benefit h2{font-size:23px!important} } @media(prefers-reduced-motion:reduce){ #dc-reference-hero .dc-hero-background-video{display:none!important} } /* Actual DealershipCore product video, not a fake blue dashboard. */ #dc-dashboard-showcase{background:#fafafa!important;padding:72px 0 86px!important;border-top:1px solid #eaebef!important} #dc-dashboard-showcase .dc-dashboard-heading{display:block!important;text-align:center!important;max-width:880px!important;margin:0 auto 35px!important} #dc-dashboard-showcase .dc-dashboard-heading h2{color:#191b22!important;font-size:clamp(32px,3.55vw,53px)!important;line-height:1.11!important;margin:12px auto 0!important} #dc-dashboard-showcase .dc-dashboard-heading p{max-width:660px!important;color:#69717f!important;font-size:16px!important;line-height:1.65!important;margin:17px auto 0!important} #dc-dashboard-showcase .dc-product-demo-card{max-width:1130px!important;padding:0!important;border:1px solid #e0e3e8!important;border-radius:20px!important;background:#fff!important;box-shadow:0 17px 55px rgba(19,25,37,.10)!important} #dc-dashboard-showcase .dc-product-demo-toolbar{min-height:59px!important;padding:10px 20px!important;background:#fff!important;border-bottom:1px solid #e6e7ea!important} #dc-dashboard-showcase .dc-product-demo-identity{color:#222934!important;font-size:13px!important} #dc-dashboard-showcase .dc-product-demo-card .dc-reference-video-toggle{background:#ef202e!important;color:#fff!important;border:1px solid #ef202e!important;border-radius:9px!important;box-shadow:none!important} #dc-dashboard-showcase .dc-product-demo-card .dc-reference-video-toggle:hover{background:#bf1623!important} #dc-dashboard-showcase .dc-product-demo-card .dc-reference-video-frame{position:relative!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;border:0!important;border-radius:0!important;background:#f6f7f9!important;overflow:hidden!important} #dc-dashboard-showcase .dc-reference-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;display:none!important;background:#171b23!important} #dc-dashboard-showcase .dc-reference-video-poster{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;background:#f4f5f7!important} #dc-dashboard-showcase .dc-product-demo-card.is-playing .dc-reference-video{display:block!important} #dc-dashboard-showcase .dc-product-demo-card.is-playing .dc-reference-video-poster{display:none!important} #dc-dashboard-showcase .dc-product-demo-fallback{display:none!important} #dc-dashboard-showcase .dc-product-demo-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:17px 21px;color:#79808b;font-size:12px} #dc-dashboard-showcase .dc-product-demo-foot a{color:#dd1c2d;font-weight:780;text-decoration:none} @media(max-width:620px){#dc-dashboard-showcase{padding:50px 0 60px!important}#dc-dashboard-showcase .dc-product-demo-card{border-radius:12px!important}#dc-dashboard-showcase .dc-product-demo-duration{display:none!important}#dc-dashboard-showcase .dc-product-demo-toolbar{padding:9px 12px!important}#dc-dashboard-showcase .dc-product-demo-foot{padding:13px!important}#dc-dashboard-showcase .dc-dashboard-heading p{font-size:14px!important}} @media(prefers-reduced-motion:reduce){#dc-dashboard-showcase .dc-reference-video{display:none!important}#dc-dashboard-showcase .dc-reference-video-poster{display:block!important}} /* Video visibility correction: previous white veil / hidden video rules stopped both clips being seen. */ #dc-reference-hero .dc-hero-background-video{opacity:.65!important;filter:saturate(.8) contrast(1.04)!important;display:block!important} #dc-reference-hero .dc-hero-veil{background:linear-gradient(180deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.82) 42%,rgba(255,255,255,.96) 100%)!important} #dc-reference-hero .dc-hero-motion-toggle{position:absolute;z-index:3;bottom:12px;right:max(18px,calc((100% - 1420px)/2));border:1px solid #e2e4e9;background:rgba(255,255,255,.92);color:#525b69;border-radius:20px;padding:7px 13px;font-size:11px;font-weight:750;cursor:pointer} #dc-reference-hero .dc-hero-motion-toggle[hidden]{display:none!important} #dc-dashboard-showcase .dc-product-demo-card .dc-reference-video, #dc-dashboard-showcase .dc-reference-video{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;z-index:2!important} #dc-dashboard-showcase .dc-reference-video-poster{display:none!important} #dc-dashboard-showcase .dc-product-demo-card.is-unavailable .dc-reference-video{display:none!important} #dc-dashboard-showcase .dc-product-demo-card.is-unavailable .dc-reference-video-poster{display:block!important} #dc-dashboard-showcase .dc-product-demo-card .dc-reference-video-toggle:disabled{opacity:.65;cursor:not-allowed} @media(prefers-reduced-motion:reduce){ #dc-reference-hero .dc-hero-background-video{display:none!important} #dc-dashboard-showcase .dc-product-demo-card .dc-reference-video{display:block!important} #dc-dashboard-showcase .dc-reference-video-poster{display:none!important} } /* FINAL SHOWCASE: single unframed screen, scroll-entrance, no toolbar, footer or nested boxes. */ #dc-dashboard-showcase{background:#fff!important;border:0!important;padding:80px 0 105px!important;overflow:clip} #dc-dashboard-showcase .dc-dashboard-shell{width:min(1360px,calc(100% - 48px))!important} #dc-dashboard-showcase .dc-dashboard-heading{max-width:830px!important;text-align:center!important;margin:0 auto 42px!important} #dc-dashboard-showcase .dc-dashboard-heading h2{color:#16191f!important;font-size:clamp(35px,4vw,55px)!important;line-height:1.1!important;letter-spacing:-.052em!important} #dc-dashboard-showcase .dc-dashboard-heading p{color:#747985!important;max-width:610px!important;margin:18px auto 0!important;font-size:16px!important} #dc-dashboard-showcase .dc-showcase-stage{position:relative;width:min(1160px,100%);margin:0 auto;perspective:1500px;transform-style:preserve-3d} #dc-dashboard-showcase .dc-showcase-stage::before{content:"";position:absolute;z-index:0;inset:15% 8% -9%;border-radius:44%;background:radial-gradient(ellipse,rgba(229,0,0,.12),rgba(75,41,51,.065) 42%,transparent 74%);filter:blur(45px);pointer-events:none} #dc-dashboard-showcase .dc-showcase-screen{position:relative;z-index:1;width:100%;aspect-ratio:16/9;overflow:hidden;background:#14171e;border:0!important;border-radius:17px!important;box-shadow:0 28px 65px rgba(15,18,29,.19),0 3px 12px rgba(15,18,29,.12);transform-origin:50% 82%;backface-visibility:hidden} #dc-dashboard-showcase .dc-showcase-screen .dc-reference-video{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;background:#171a22!important;z-index:1!important;border:0!important;border-radius:0!important} #dc-dashboard-showcase .dc-showcase-play{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:78px;height:78px;padding:0 0 0 4px;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(236,16,36,.92);color:#fff;box-shadow:0 18px 40px rgba(32,14,22,.3);cursor:pointer;backdrop-filter:blur(12px);transition:transform .2s ease,opacity .25s ease,background .2s ease} #dc-dashboard-showcase .dc-showcase-play:hover{transform:translate(-50%,-50%) scale(1.08);background:#c80016} #dc-dashboard-showcase .dc-showcase-play:focus-visible{outline:3px solid #f33;outline-offset:5px} #dc-dashboard-showcase .dc-showcase-screen.is-playing .dc-showcase-play{opacity:0;pointer-events:none} #dc-dashboard-showcase .dc-showcase-screen.is-unavailable .dc-showcase-play{display:none!important} #dc-dashboard-showcase .dc-showcase-play[hidden]{display:none!important} @media(prefers-reduced-motion:no-preference){ #dc-dashboard-showcase.dc-reveal-ready:not(.is-revealed) .dc-showcase-screen{opacity:.01;transform:translate3d(0,55px,0) rotateX(7deg) scale(.94)} #dc-dashboard-showcase.dc-reveal-ready:not(.is-revealed) .dc-showcase-stage::before{opacity:0;transform:scale(.7)} #dc-dashboard-showcase.dc-reveal-ready .dc-showcase-screen{transition:opacity .85s cubic-bezier(.22,1,.36,1),transform 1.05s cubic-bezier(.16,1,.3,1),box-shadow .8s ease} #dc-dashboard-showcase.dc-reveal-ready .dc-showcase-stage::before{transition:opacity 1s ease,transform 1s ease} #dc-dashboard-showcase.dc-reveal-ready.is-revealed .dc-showcase-screen{opacity:1;transform:none} #dc-dashboard-showcase.dc-reveal-ready.is-revealed .dc-showcase-stage::before{opacity:1;transform:none} } @media(max-width:650px){#dc-dashboard-showcase{padding:55px 0 70px!important}#dc-dashboard-showcase .dc-dashboard-shell{width:calc(100% - 28px)!important}#dc-dashboard-showcase .dc-dashboard-heading{margin-bottom:26px!important}#dc-dashboard-showcase .dc-dashboard-heading p{font-size:14px!important}#dc-dashboard-showcase .dc-showcase-screen{border-radius:11px!important}#dc-dashboard-showcase .dc-showcase-play{width:56px;height:56px}#dc-dashboard-showcase .dc-showcase-play svg{width:19px;height:19px}} @media(prefers-reduced-motion:reduce){#dc-dashboard-showcase .dc-showcase-screen{transform:none!important;opacity:1!important;transition:none!important}#dc-dashboard-showcase .dc-showcase-stage::before{transition:none!important}}