/*
 * DealershipCore benchmark layer
 * Visual direction: full-bleed product storytelling, true-black authority,
 * compact navigation, white pill actions and restrained red detail.
 */
:root{--benchmark-black:#060709;--benchmark-ink:#0c0d10;--benchmark-paper:#f2f2ef;--benchmark-line:#292c31;--benchmark-red:#ef242b}
.page-family-hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;overflow:hidden;background:var(--benchmark-black);color:#fff;padding:150px 0 82px}
.page-family-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#060709 0%,rgba(6,7,9,.96) 42%,rgba(6,7,9,.52) 70%,rgba(6,7,9,.18)),url('/assets/dashboard-reports.png') 80% 40%/auto 110% no-repeat;filter:saturate(.66) contrast(1.12);opacity:.82}
.page-family-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.055) 8% calc(8% + 1px),transparent calc(8% + 1px)),linear-gradient(180deg,transparent 0 74%,rgba(239,36,43,.28) 74% calc(74% + 1px),transparent calc(74% + 1px));pointer-events:none}
.page-family-hero .editorial-hero{position:relative;z-index:1;width:100%;padding:0}
.page-family-hero h1{max-width:1080px;margin:20px 0 26px;font-size:clamp(58px,8vw,122px);line-height:.88;letter-spacing:-.068em;text-wrap:balance}
.page-family-hero .page-family-lead{max-width:700px;color:#c0c4cb;font-size:clamp(18px,1.55vw,24px);line-height:1.55}
.page-family-hero .page-family-answer-inline{max-width:720px;color:#9298a2;font-size:15px;line-height:1.6}
.page-family-hero .hero-actions{margin-top:34px}
.page-family-hero .btn{border-radius:999px;background:#fff!important;color:#08090b!important;border-color:#fff!important}
.page-family-hero .btn:hover{background:var(--benchmark-red)!important;color:#fff!important;border-color:var(--benchmark-red)!important}
.page-family-hero .btn-outline{background:transparent!important;color:#fff!important;border-color:#62666e!important}
.editorial-proof{display:flex!important;gap:0!important;border-top:1px solid rgba(255,255,255,.18);margin-top:62px;padding-top:0!important;max-width:920px}
.editorial-proof span{padding:20px 28px 0 0;margin-right:28px;border-right:1px solid rgba(255,255,255,.18);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#d7d9dd;font-weight:850}
.editorial-proof span:last-child{border-right:0}

/* Product proof: treat the actual UI as the hero object, not a generic card. */
.workspace-showcase{background:var(--benchmark-paper);padding:130px 0;overflow:hidden}
.workspace-showcase-grid{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:86px}
.workspace-showcase-copy h2{font-size:clamp(44px,5.7vw,82px);line-height:.93;letter-spacing:-.055em;margin:20px 0 28px;text-wrap:balance}
.workspace-showcase-copy p{font-size:19px;line-height:1.65;color:#545a63}
.workspace-points{display:grid;margin-top:34px;border-top:1px solid #c9ccd0}
.workspace-points span{padding:15px 0;border-bottom:1px solid #c9ccd0;font-weight:780}
.workspace-device{margin-right:-18vw;perspective:1800px}
.workspace-device-top{height:22px;background:#101115;border-radius:22px 22px 0 0;width:94%;transform:rotateY(-10deg);transform-origin:left}
.workspace-device-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3e4249;margin:8px 0 0 8px}
.workspace-device-screen{border:10px solid #111216;border-top:0;box-shadow:0 45px 100px rgba(0,0,0,.24);transform:rotateY(-10deg);transform-origin:left;aspect-ratio:1.55;overflow:hidden;background:#08090b}
.workspace-device-screen img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block}
.workspace-device-base{width:96%;height:19px;margin-left:0;background:linear-gradient(#d7d8dc,#878990);clip-path:polygon(0 0,100% 0,96% 100%,4% 100%);transform:rotateY(-10deg);transform-origin:left}

/* Replace stacked AI-looking cards with editorial rows and operating sequences. */
.family-feature{background:#fff;padding:124px 0}
.family-feature-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}
.family-feature-copy h2,.page-block-head h2,.marketplace-flow h2,.marketplace-channels h2{font-size:clamp(42px,5.4vw,78px);line-height:.94;letter-spacing:-.052em;text-wrap:balance}
.family-feature-copy p{font-size:19px;line-height:1.65;color:#5d626a}
.family-feature-board{border-top:1px solid #c8cbd0}
.family-feature-board article{display:grid;grid-template-columns:58px 1fr;gap:26px;padding:30px 0;border-bottom:1px solid #c8cbd0;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.family-feature-board article>span{color:var(--benchmark-red);font-size:11px;font-weight:900}
.family-feature-board h3{font-size:26px;margin:0 0 9px}
.family-feature-board p{margin:0;color:#60666e;line-height:1.6}
.page-block.white,.page-block.soft{background:var(--benchmark-paper);padding:126px 0}
.page-block.dark{background:var(--benchmark-black);padding:132px 0;color:#fff}
.capability-grid,.connect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #c7cacf}
.capability-card,.connect-card{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:34px 34px 52px 0!important;margin-right:34px;border-right:1px solid #c7cacf!important}
.capability-card:nth-child(3n),.connect-card:nth-child(3n){border-right:0!important}
.process-rail{border-top:1px solid #474a50;display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.process-rail article{border:0!important;border-radius:0!important;background:transparent!important;padding:28px 28px 54px 0!important;margin-right:28px;border-right:1px solid #474a50!important}
.process-rail article:last-child{border-right:0!important}
.process-rail strong,.num{color:var(--benchmark-red)!important}
.story-panel{border-radius:0!important;background:#101216!important;border-top:3px solid var(--benchmark-red)!important}
.cta-band{background:var(--benchmark-red)!important}

/* Marketplace gets an image-led narrative and linear proof points. */
.marketplace-flow{background:#fff;padding:130px 0}
.marketplace-flow-head{max-width:1040px}
.marketplace-flow-head p{font-size:20px;line-height:1.6;color:#5b6068;max-width:760px}
.marketplace-outcomes{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid #c9ccd0}
.marketplace-outcomes article{border:0!important;border-radius:0!important;background:transparent!important;padding:28px 28px 50px 0;margin-right:28px;border-right:1px solid #c9ccd0}
.marketplace-outcomes article:last-child{border-right:0}
.marketplace-outcomes span,.marketplace-channel-list>article>span{color:var(--benchmark-red);font-weight:900;font-size:11px}
.marketplace-channels{background:var(--benchmark-paper);padding:130px 0}
.marketplace-channels-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}
.marketplace-channel-list{border-top:1px solid #c9ccd0}
.marketplace-channel-list article{display:grid;grid-template-columns:58px 1fr;gap:25px;padding:28px 0;border-bottom:1px solid #c9ccd0}

/* Locator: faithful full-page application layout from the supplied locator. */
.locator-app{background:var(--benchmark-paper);padding:70px 0 110px}
.locator-app-shell{background:#fff;border:1px solid #d7d9dd;box-shadow:0 32px 90px rgba(0,0,0,.14);min-height:830px}
.locator-app-top{max-width:1500px}
.locator-app-heading h1,.locator-hero h1{font-size:clamp(58px,8vw,116px)!important;line-height:.89!important;letter-spacing:-.068em!important}
.locator-app-meta span,.locator-trust span{border-radius:999px}
.locator-app-toolbar,.locator-toolbar{border-radius:0!important;box-shadow:none!important}
.locator-list-pane,.locator-results{background:#fff}
.locator-card{border-radius:0!important;border:0!important;border-bottom:1px solid #e0e2e5!important;box-shadow:none!important}
.locator-map-pane,.locator-map-panel{min-height:630px}
.locator-map-pane iframe,.locator-map-panel iframe{filter:saturate(.7) contrast(1.05)}
.locator-near-btn,.locator-nearby .btn{border-radius:999px!important}
.locator-action-grid>a,.locator-source-grid>a{border-radius:0!important;box-shadow:none!important}
.locator-dealer-cta{background:var(--benchmark-black)!important}
.locator-dealer-cta h2{font-size:clamp(44px,5.6vw,80px)!important;line-height:.94!important;letter-spacing:-.052em!important}

/* Clear motion with an accessible no-motion fallback. */
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
[data-reveal].is-revealed{opacity:1;transform:none}
@media(max-width:980px){
  .workspace-showcase-grid,.family-feature-grid,.marketplace-channels-grid{grid-template-columns:1fr;gap:58px}
  .workspace-device{margin-right:-12vw}
  .process-rail{grid-template-columns:repeat(2,1fr)}
  .marketplace-outcomes{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .page-family-hero{min-height:68vh;padding:120px 0 58px}
  .page-family-hero:before{background:linear-gradient(180deg,rgba(6,7,9,.36),#060709 58%),url('/assets/dashboard-reports.png') 20% 0/auto 54% no-repeat}
  .page-family-hero h1{font-size:49px;line-height:.94}
  .editorial-proof{flex-direction:column}
  .editorial-proof span{border-right:0;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:14px}
  .workspace-showcase,.family-feature,.page-block.white,.page-block.soft,.page-block.dark,.marketplace-flow,.marketplace-channels{padding:82px 0}
  .workspace-device{margin-right:-48vw}
  .capability-grid,.connect-grid,.process-rail,.marketplace-outcomes{grid-template-columns:1fr}
  .capability-card,.connect-card,.process-rail article,.marketplace-outcomes article{border-right:0!important;border-bottom:1px solid #c8cbd0!important;margin-right:0}
}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important;transition:none!important}}
.sell-tool-hero{position:relative;background:var(--benchmark-black);color:#fff;padding:150px 0 74px;overflow:hidden}.sell-tool-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.05) 8% calc(8% + 1px),transparent calc(8% + 1px)),linear-gradient(180deg,transparent 0 72%,rgba(239,36,43,.26) 72% calc(72% + 1px),transparent calc(72% + 1px));pointer-events:none}.sell-tool-hero .container{position:relative;z-index:1}.sell-tool-hero h1{max-width:1180px;margin:20px 0 26px;font-size:clamp(58px,8vw,118px);line-height:.89;letter-spacing:-.068em}.sell-tool-hero p{max-width:760px;color:#bcc1c9;font-size:21px;line-height:1.6}.sell-tool-frame{background:#fff;padding:0 0 26px}.sell-tool-frame iframe{display:block;width:100%;height:min(900px,86vh);border:0;background:#fff}.sell-tool-frame>p{max-width:1500px;margin:18px auto 0;padding:0 28px;text-align:right;font-weight:850}.sell-tool-explainer{background:var(--benchmark-paper);padding:130px 0}.sell-tool-explainer h2{font-size:clamp(44px,5.6vw,80px);line-height:.94;letter-spacing:-.052em}.sell-tool-explainer p{color:#585e66;font-size:19px;line-height:1.65}@media(max-width:650px){.sell-tool-hero{padding:120px 0 56px}.sell-tool-hero h1{font-size:49px}.sell-tool-frame iframe{height:760px}.sell-tool-explainer{padding:82px 0}}

/* The locator's application wrapper also owns its editorial intro. Keep that intro on a true-black stage, then hand off to the light application surface. */
.locator-app{background:linear-gradient(to bottom,var(--benchmark-black) 0 780px,var(--benchmark-paper) 780px)!important;color:#fff!important;padding-top:150px!important}
.locator-app-heading h1{color:#fff!important}.locator-app-heading p{color:#b9bec7!important}.locator-app-meta{color:#fff!important}.locator-app-shell,.locator-list-pane,.locator-results,.locator-card{color:#111318!important}.locator-app-shell{margin-top:60px}
@media(max-width:650px){.locator-app{background:linear-gradient(to bottom,var(--benchmark-black) 0 830px,var(--benchmark-paper) 830px)!important;padding-top:112px!important}.locator-app-shell{margin-top:42px}}