/* DealershipCore premium enhancement layer — 2026-08-10 */
:root{
  --dc-red:#e42b43;
  --dc-red-bright:#ff3652;
  --dc-ink:#0b0e13;
  --dc-ink-2:#121720;
  --dc-line:#e5e8ec;
  --dc-soft:#f6f7f8;
  --dc-shadow-lg:0 40px 110px rgba(7,12,20,.18);
  --dc-shadow-md:0 22px 60px rgba(11,18,29,.11);
}
html{scroll-behavior:smooth}
body{overflow-x:clip}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
#dc-premium-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--dc-red),#ff6b7e);box-shadow:0 0 24px rgba(228,43,67,.45);z-index:1000;pointer-events:none}
.site-header{transition:height .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}
.site-header.dc-scrolled{box-shadow:0 14px 38px rgba(13,20,30,.08);background:rgba(255,255,255,.985);border-color:rgba(217,222,228,.82)}
.header-inner{transition:height .25s ease}
.brand-logo{transition:transform .22s ease,filter .22s ease}.brand:hover .brand-logo{transform:translateY(-1px);filter:saturate(1.08)}
.main-nav>a,.nav-item>button{letter-spacing:-.01em}
.mega{box-shadow:0 26px 75px rgba(14,20,28,.13);border-color:#dfe3e8}
.button{position:relative;overflow:hidden;isolation:isolate;box-shadow:none}
.button:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.22) 48%,transparent 74%);transform:translateX(-120%);transition:transform .55s ease}
.button:hover:before{transform:translateX(120%)}
.button-primary{box-shadow:0 12px 30px rgba(12,17,24,.14)}
.button-primary:hover{box-shadow:0 16px 36px rgba(12,17,24,.2)}

/* Homepage hero */
.hero{position:relative;isolation:isolate;overflow:hidden;padding:94px 0 108px;border-bottom:0;background:
 radial-gradient(circle at 78% 30%,rgba(228,43,67,.18),transparent 28%),
 radial-gradient(circle at 18% 10%,rgba(255,255,255,.055),transparent 22%),
 linear-gradient(145deg,#080b10 0%,#0e131a 52%,#0b0f15 100%);color:#fff}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.hero:after{content:"";position:absolute;z-index:-1;width:620px;height:620px;right:-210px;top:-250px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.012)}
.hero-grid{grid-template-columns:.88fr 1.12fr;gap:74px}
.hero .eyebrow{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:#d8dde5;backdrop-filter:blur(10px)}
.hero h1{max-width:650px;font-size:clamp(54px,5.7vw,82px);line-height:.94;letter-spacing:-5px;text-wrap:balance}
.hero h1 span{background:linear-gradient(90deg,#ff3652,#ff7185);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:630px;color:#aeb7c3;font-size:18px;line-height:1.72}
.hero .button-primary{background:#fff;color:#11151b;box-shadow:0 16px 40px rgba(0,0,0,.24)}
.hero .button-primary:hover{background:#f3f5f7}
.hero .button-outline{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#fff;backdrop-filter:blur(8px)}
.hero .button-outline:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.28)}
.hero-badges{gap:10px;margin-top:38px}
.hero-badge{padding:15px 12px 0;border-top-color:rgba(255,255,255,.11)}
.hero-badge-icon{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.09)}
.hero-badge strong{color:#f4f6f8}.hero-badge span{color:#8f99a6}
.hero-visual{perspective:1300px;transform-style:preserve-3d}
.hero-dashboard{border:1px solid rgba(255,255,255,.13);border-radius:20px;box-shadow:0 42px 120px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.035);transform:rotateY(-2deg) rotateX(1.2deg);transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease}
.hero-visual:hover .hero-dashboard{transform:rotateY(0) rotateX(0) translateY(-6px) scale(1.008);box-shadow:0 48px 130px rgba(0,0,0,.64),0 0 55px rgba(228,43,67,.09)}
.hero-floating-card{border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 80px rgba(0,0,0,.55)}
.hero-visual-note{border:1px solid rgba(255,255,255,.11);background:rgba(5,8,12,.68)}

/* Bridge the hero into the product proof */
.kpi-strip-section{position:relative;z-index:3;margin-top:-42px;padding:0 0 40px;background:transparent}
.kpi-strip-section>.container{padding:22px 24px 18px;border:1px solid #e2e6eb;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 28px 80px rgba(11,18,29,.13);backdrop-filter:blur(16px)}
.kpi-strip{gap:20px}.kpi-strip img{box-shadow:0 10px 28px rgba(12,18,28,.1)}
.logo-strip{padding:36px 0 38px;background:#fff}
.logo-track{animation-duration:34s}
.logo-track img{filter:grayscale(1);opacity:.62}.logo-track img:hover{filter:none;opacity:1}

/* Stronger page rhythm */
.section{padding:112px 0}
.section-head{max-width:850px;margin-bottom:50px}
.section-head h2,.split h2{font-size:clamp(42px,4.8vw,64px);letter-spacing:-3.6px;text-wrap:balance}
.section-head p{max-width:720px}
.section-soft{background:linear-gradient(180deg,#f7f8f9 0%,#f2f4f6 100%)}
.feature-grid{gap:18px}
.feature-card{position:relative;overflow:hidden;min-height:270px;padding:28px;border-color:#dfe3e8;border-radius:16px;box-shadow:0 1px 0 rgba(255,255,255,.8) inset;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.feature-card:after{content:"";position:absolute;right:-70px;bottom:-90px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(228,43,67,.09),transparent 68%);opacity:0;transition:opacity .25s ease,transform .25s ease}
.feature-card:hover{transform:translateY(-7px);border-color:#ccd2d9;box-shadow:var(--dc-shadow-md)}
.feature-card:hover:after{opacity:1;transform:translate(-12px,-8px)}
.feature-card h3{font-size:18px;letter-spacing:-.02em}
.feature-card p{font-size:13.5px;line-height:1.65}
.feature-card a{position:relative;z-index:1}
.feature-icon{border-radius:14px;box-shadow:0 10px 26px rgba(10,15,22,.16)}

.section-dark{position:relative;overflow:hidden;background:linear-gradient(145deg,#0a0d12,#111720)}
.section-dark:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 15%,rgba(228,43,67,.16),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,58px 58px,58px 58px}
.outcome-grid{border-radius:16px;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.2)}
.outcome{min-height:185px;padding:30px 25px;background:rgba(11,15,21,.62);transition:background .22s ease,transform .22s ease}
.outcome:hover{background:rgba(228,43,67,.09);transform:translateY(-2px)}
.outcome strong{font-size:18px}

.split{gap:84px}.split-visual-img{border-radius:18px;box-shadow:var(--dc-shadow-lg)}
.check-list{border-radius:16px;overflow:hidden;box-shadow:0 18px 50px rgba(11,18,29,.06)}
.check-item{padding:21px 20px;transition:background .2s ease}.check-item:hover{background:#fbfbfc}

.ecosystem-grid{gap:18px}.ecosystem-card{position:relative;overflow:hidden;padding:26px;border-radius:16px;transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease}
.ecosystem-card:before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:var(--dc-red);transition:height .25s ease}
.ecosystem-card:hover{transform:translateY(-5px);border-color:#cfd5dc;box-shadow:var(--dc-shadow-md)}.ecosystem-card:hover:before{height:100%}
.plan-grid{gap:20px}.plan{padding:32px;border-radius:17px;transition:transform .23s ease,box-shadow .23s ease}.plan:hover{transform:translateY(-5px);box-shadow:var(--dc-shadow-md)}
.plan.featured{position:relative;overflow:hidden;border-color:var(--dc-red);box-shadow:0 26px 70px rgba(228,43,67,.13)}
.plan.featured:before{content:"Most popular";position:absolute;right:-42px;top:24px;width:150px;padding:6px 0;transform:rotate(38deg);background:var(--dc-red);color:#fff;text-align:center;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

.cta{position:relative;overflow:hidden;padding:90px 0;background:linear-gradient(120deg,#0b0e13,#121821);isolation:isolate}
.cta:before{content:"";position:absolute;z-index:-1;width:480px;height:480px;right:-120px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(228,43,67,.38),transparent 67%);filter:blur(10px)}
.cta h2{text-wrap:balance}
.cta .button-light{box-shadow:0 14px 38px rgba(0,0,0,.24)}
.site-footer{border-top:1px solid rgba(255,255,255,.06)}

/* Reveal + micro-interaction system */
.dc-premium-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.dc-premium-reveal.dc-premium-visible{opacity:1;transform:none}
.dc-premium-reveal[data-dc-delay="1"]{transition-delay:.07s}.dc-premium-reveal[data-dc-delay="2"]{transition-delay:.14s}.dc-premium-reveal[data-dc-delay="3"]{transition-delay:.21s}
.feature-card,.ecosystem-card,.plan{will-change:transform}

@media(max-width:1080px){
  .hero{padding:76px 0 96px}.hero-grid{gap:42px}.hero h1{font-size:clamp(50px,6vw,70px)}
  .hero-badges{grid-template-columns:repeat(2,1fr)}
  .section{padding:92px 0}.split{gap:54px}
}
@media(max-width:760px){
  body:before{display:none}.container{width:min(100% - 30px,1240px)}
  .hero{padding:58px 0 78px}.hero-grid{grid-template-columns:1fr;gap:46px}.hero h1{font-size:clamp(49px,14vw,68px);letter-spacing:-3.8px}.hero p{font-size:16px}.hero-badges{grid-template-columns:1fr 1fr}.hero-dashboard{transform:none}.hero-floating-card{left:2%;bottom:-14%;width:48%}
  .kpi-strip-section{margin-top:-24px}.kpi-strip-section>.container{padding:18px 12px}.kpi-strip{gap:10px}.kpi-strip img{width:108px}
  .section{padding:78px 0}.section-head{margin-bottom:34px}.section-head h2,.split h2{font-size:clamp(38px,11vw,52px);letter-spacing:-2.8px}
  .feature-card{min-height:0}.split{gap:42px}.cta{padding:72px 0}.cta-grid{grid-template-columns:1fr}.cta-actions{flex-wrap:wrap}
}
@media(max-width:520px){
  .hero-badges{grid-template-columns:1fr}.hero-badge{padding-top:13px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}
  .kpi-strip{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.kpi-strip img{width:100%;max-width:150px;margin:auto}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.dc-premium-reveal{opacity:1!important;transform:none!important}
}