/* Homepage layout — Atlas Precision light design */
.page-home {
  --home-accent: #1c69d4;
  --home-accent-soft: rgba(28, 105, 212, 0.08);
  --home-surface: #ffffff;
  --home-ink: #152033;
  --home-muted: #5c6d82;
}

.page-home::before,
.page-home::after { display: none !important; }

.page-home #hack-bg { display: none !important; }

.page-home .home-hero {
  align-items: center;
}

.page-home .home-hero .hero-bg {
  background: transparent !important;
}

.page-home .hero-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  max-width: 1200px;
}

.page-home .hero-content {
  max-width: none;
  margin: 0;
  padding: 56px 48px;
  background: var(--home-surface);
  border: 1px solid var(--border);
  border-radius: 24px;
  box-shadow: var(--shadow-lg);
  backdrop-filter: none;
}

.page-home .hero-content::before,
.page-home .hero-content::after { display: none; }

.page-home .hero-brand {
  font-family: var(--font) !important;
  font-size: clamp(2.6rem, 6vw, 4.5rem) !important;
  font-weight: 800 !important;
  text-transform: lowercase !important;
  background: none !important;
  color: var(--home-ink) !important;
  -webkit-text-fill-color: unset !important;
  filter: none !important;
  animation: none !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
  display: block !important;
}

.page-home .hero-brand-bmw {
  color: var(--home-accent) !important;
  -webkit-text-fill-color: var(--home-accent) !important;
}

.page-home .hero-brand-rest {
  color: var(--home-ink) !important;
  -webkit-text-fill-color: var(--home-ink) !important;
}

.page-home .hero-subbrand {
  font-family: var(--font) !important;
  color: var(--home-muted) !important;
  letter-spacing: 0.06em !important;
  font-size: 0.95rem !important;
  text-transform: none !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}

.page-home .hero-lead {
  color: var(--home-muted);
  font-size: 1.1rem;
}

.page-home .hero-lead strong {
  color: var(--home-accent) !important;
}

.page-home .hero-highlights li {
  background: var(--home-accent-soft);
  border-color: rgba(28, 105, 212, 0.15);
  color: var(--home-ink);
}

.page-home .hero-highlights svg {
  color: var(--home-accent) !important;
  filter: none !important;
}

.page-home .hero-tagline {
  border-left-color: var(--home-accent);
  color: var(--home-muted);
}

.page-home .hero-tagline em {
  color: var(--home-accent) !important;
  font-family: var(--font) !important;
  font-style: normal !important;
  font-weight: 600 !important;
}

.page-home .hero-badge-alt {
  background: rgba(13, 159, 110, 0.08) !important;
  border-color: rgba(13, 159, 110, 0.2) !important;
  color: #0d9f6e !important;
}

.page-home .home-stats {
  margin-top: -40px;
  padding-bottom: 32px;
  background: transparent;
  position: relative;
  z-index: 2;
}

.page-home .bmw-car-slideshow-section {
  position: relative;
  z-index: 1;
}

.page-home .bmw-car-slideshow-section .section-header h2 {
  font-family: var(--font-display);
}

.page-home .home-stats .stats-grid > div {
  background: #fff;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

.page-home .stat-number {
  color: var(--home-accent);
}

.page-home .section-header {
  text-align: center;
  margin: 0 auto 48px;
  border-bottom: none;
  padding-bottom: 0;
}

.page-home .section-header h2 {
  font-family: var(--font-display);
}

.page-home .home-section {
  padding: 80px 0;
}

.page-home .home-section--muted {
  background: rgba(255, 255, 255, 0.7);
}

.page-home .home-section--light {
  background: transparent;
}

.page-home .service-card::before {
  background: linear-gradient(90deg, var(--home-accent), transparent);
}

.page-home .service-icon {
  background: var(--home-accent-soft);
  color: var(--home-accent);
}

.page-home .cta-banner {
  text-align: center;
  display: block;
  border-radius: 24px;
}

.page-home .cta-banner h3,
.page-home .cta-banner p {
  text-align: center;
}

.page-home .home-cta-actions {
  justify-content: center;
  grid-column: auto;
  grid-row: auto;
}

.page-home .category-card-overlay {
  background: linear-gradient(180deg, rgba(21,32,51,0.05) 0%, rgba(21,32,51,0.75) 100%);
}

@media (max-width: 768px) {
  .page-home .hero-content { padding: 32px 24px; }
  .page-home .home-stats { margin-top: -24px; }
}

/* Content block redesign — bmwusedengines */
.page-home .content-intro-section {
  padding: 72px 0 56px;
  background: linear-gradient(180deg, rgba(28, 105, 212, 0.06) 0%, transparent 100%);
  border-bottom: none;
}

.page-home .content-intro-inner {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 48px 40px;
  box-shadow: var(--shadow);
  max-width: 900px;
}

.page-home .content-intro-meta strong {
  color: var(--home-accent);
}

.page-home .content-toc-link:hover {
  color: var(--home-accent);
  border-color: var(--home-accent);
  background: var(--home-accent-soft);
}

.page-home .content-toc-num {
  color: var(--home-accent);
}

.page-home .content-block-section {
  padding: 64px 0;
}

.page-home .content-block-section.alt-bg {
  background: transparent;
}

.page-home .content-block {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 40px;
  box-shadow: var(--shadow);
  gap: 40px;
}

.page-home .content-block-image {
  border-radius: 16px;
  box-shadow: none;
  border: 1px solid var(--border);
  aspect-ratio: 4/3;
  position: relative;
  top: auto;
}

.page-home .content-block-image::after {
  background: linear-gradient(180deg, transparent 60%, rgba(21, 32, 51, 0.35) 100%);
}

.page-home .content-block-badge {
  background: var(--home-accent);
  color: #fff;
  border-radius: 100px;
  font-size: 0.6rem;
}

.page-home .content-block-text h2 {
  font-family: var(--font-display);
  color: var(--home-ink);
}

.page-home .content-block-text .content-lead {
  border-left-color: var(--home-accent);
  font-weight: 500;
}

.page-home .engine-gallery-section {
  background: transparent;
  border: none;
}

.page-home .premium-strip {
  background: linear-gradient(135deg, #1c69d4 0%, #0f4fa8 100%);
  color: #fff;
}

.page-home .premium-strip-item h3,
.page-home .premium-strip-item p,
.page-home .strip-number {
  color: #fff;
}

.page-home .strip-number {
  opacity: 0.5;
}