/** (PREGNORF ✅) Family 1 normalization closure
 * Final closure layer for Home, Pricing, How It Works, Smart Apps, and Showroom.
 * Purpose:
 * - move /showroom onto Family 1 pack treatment
 * - remove remaining route-owned hero rhythm drift between Pricing and How It Works
 * - give Family 1 one canonical hero spacing/alignment contract at the last-entrypoint layer
 */

.dmxr4-public-core-page{
  --dmxr4-family1-hero-padding: 34px;
  --dmxr4-family1-hero-gap: clamp(28px, 3vw, 42px);
  --dmxr4-family1-hero-head-max: min(64ch, 100%);
  --dmxr4-family1-hero-head-gap: clamp(14px, 1.8vw, 20px);
  --dmxr4-family1-hero-proof-margin: 8px 0 18px;
  --dmxr4-family1-mobile-band-pad: clamp(48px, 9vw, 72px);
  --dmxr4-family1-mobile-hero-pad: 24px;
}

.dmxr4-public-core-page :is(
  .dmxr4-structured-page--home,
  .dmxr4-structured-page--pricing,
  .dmxr4-structured-page--how-it-works,
  .dmxr4-catalog-page--smart-apps,
  .dmxr4-public-core-page--showroom,
  .dmxr4-public-core-page--showroom-shell
) .dmxr4-page-band--hero{
  padding: var(--dmxr4-family1-hero-padding) !important;
}

.dmxr4-public-core-page :is(
  .dmxr4-structured-page--home,
  .dmxr4-structured-page--pricing,
  .dmxr4-structured-page--how-it-works,
  .dmxr4-catalog-page--smart-apps,
  .dmxr4-public-core-page--showroom,
  .dmxr4-public-core-page--showroom-shell
) .dmxr4-page-band--hero .dmxr4-page-inner--split{
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(320px, .98fr);
  gap: var(--dmxr4-family1-hero-gap);
  align-items: center;
}

.dmxr4-public-core-page :is(
  .dmxr4-structured-page--home,
  .dmxr4-structured-page--pricing,
  .dmxr4-structured-page--how-it-works,
  .dmxr4-catalog-page--smart-apps,
  .dmxr4-public-core-page--showroom,
  .dmxr4-public-core-page--showroom-shell
) .dmxr4-page-band--hero .dmxr4-section-head{
  max-width: var(--dmxr4-family1-hero-head-max);
  gap: var(--dmxr4-family1-hero-head-gap);
}

.dmxr4-public-core-page :is(
  .dmxr4-structured-page--home,
  .dmxr4-structured-page--pricing,
  .dmxr4-structured-page--how-it-works,
  .dmxr4-catalog-page--smart-apps,
  .dmxr4-public-core-page--showroom,
  .dmxr4-public-core-page--showroom-shell
) .dmxr4-page-band--hero .dmxr4-proof-strip{
  margin: var(--dmxr4-family1-hero-proof-margin);
}

.dmxr4-public-core-page :is(
  .dmxr4-structured-page--home,
  .dmxr4-structured-page--pricing,
  .dmxr4-structured-page--how-it-works,
  .dmxr4-catalog-page--smart-apps,
  .dmxr4-public-core-page--showroom,
  .dmxr4-public-core-page--showroom-shell
) .dmxr4-page-band--hero .dmxr4-page-actions{
  margin-top: clamp(4px, 1vw, 10px);
}

@media (max-width: 1180px){
  .dmxr4-public-core-page :is(
    .dmxr4-structured-page--home,
    .dmxr4-structured-page--pricing,
    .dmxr4-structured-page--how-it-works,
    .dmxr4-catalog-page--smart-apps,
    .dmxr4-public-core-page--showroom,
    .dmxr4-public-core-page--showroom-shell
  ) .dmxr4-page-band--hero .dmxr4-page-inner--split{
    grid-template-columns: 1fr;
    align-items: start;
  }
}

@media (max-width: 900px){
  .dmxr4-public-core-page :is(
    .dmxr4-structured-page--home,
    .dmxr4-structured-page--pricing,
    .dmxr4-structured-page--how-it-works,
    .dmxr4-catalog-page--smart-apps,
    .dmxr4-public-core-page--showroom,
    .dmxr4-public-core-page--showroom-shell
  ) .dmxr4-page-band{
    padding-block: var(--dmxr4-family1-mobile-band-pad);
  }

  .dmxr4-public-core-page :is(
    .dmxr4-structured-page--home,
    .dmxr4-structured-page--pricing,
    .dmxr4-structured-page--how-it-works,
    .dmxr4-catalog-page--smart-apps,
    .dmxr4-public-core-page--showroom,
    .dmxr4-public-core-page--showroom-shell
  ) .dmxr4-page-band--hero{
    padding: clamp(24px, 5vw, 32px) !important;
  }
}

@media (max-width: 640px){
  .dmxr4-public-core-page :is(
    .dmxr4-structured-page--home,
    .dmxr4-structured-page--pricing,
    .dmxr4-structured-page--how-it-works,
    .dmxr4-catalog-page--smart-apps,
    .dmxr4-public-core-page--showroom,
    .dmxr4-public-core-page--showroom-shell
  ) .dmxr4-page-band--hero{
    padding: var(--dmxr4-family1-mobile-hero-pad) !important;
  }

  .dmxr4-public-core-page :is(
    .dmxr4-structured-page--home,
    .dmxr4-structured-page--pricing,
    .dmxr4-structured-page--how-it-works,
    .dmxr4-catalog-page--smart-apps,
    .dmxr4-public-core-page--showroom,
    .dmxr4-public-core-page--showroom-shell
  ) :where(.dmxr4-page-title, .dmxr4-page-heading){
    font-size: clamp(1.72rem, 8.5vw, 2.25rem);
    line-height: 1.08;
    letter-spacing: -.028em;
  }
}