/* V54 — standalone hero + unified homepage rhythm */
html{scroll-behavior:smooth}
.hero-experience .reveal-on-scroll{opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important}

/* Hero keeps a dedicated screen-like presence */
.hero-experience .hero{
  min-height:calc(100svh - 68px)!important;
  padding:72px 0!important;
  display:flex!important;
  align-items:center!important;
}
.hero-experience .hero>.wrap{width:min(calc(100% - 40px),var(--max));}

/* Consistent vertical rhythm after the hero */
.product-section.beauty-focus{padding:72px 0!important}
.product-head{margin-bottom:40px!important}
.beauty-focus + .hero-workflow-wrap,
.hero-experience .hero-workflow-wrap{margin-top:0!important;padding:0 0 72px!important;gap:0!important}
.hero-experience .workflow-after-preview{margin:0!important}
.hero-experience .hero-preview-wrap{margin-top:0!important;padding:0 20px 72px!important}
.core-technology{margin-top:0!important;padding:72px 20px!important}
section.pricing,#faq,.home-clinic{padding-top:72px!important;padding-bottom:72px!important}
.head{margin-bottom:40px!important}
.home-clinic .home-clinic-head{margin-bottom:32px!important}
.home-clinic .clinic-cta-row{margin-top:28px!important}
.hero-experience > .clinic-support{margin-top:64px!important;margin-bottom:64px!important}
.pre-workflow-cta:empty,.hero-preview-actions:empty{display:none!important;margin:0!important;padding:0!important}

/* Pricing is intentionally minimal */
.compact-pricecard .price{margin-bottom:24px!important}
.compact-pricecard .full-width{margin-top:0!important}

@media(max-width:900px){
  .hero-experience .hero{min-height:calc(100svh - 64px)!important;padding:64px 0!important}
  .product-section.beauty-focus{padding:60px 0!important}
  .beauty-focus + .hero-workflow-wrap,.hero-experience .hero-workflow-wrap{padding-bottom:60px!important}
  .hero-experience .hero-preview-wrap{padding:0 14px 60px!important}
  .core-technology{padding:60px 18px!important}
  section.pricing,#faq,.home-clinic{padding-top:60px!important;padding-bottom:60px!important}
  .hero-experience > .clinic-support{margin-top:52px!important;margin-bottom:52px!important}
}
@media(max-width:640px){
  .hero-experience .hero{min-height:82svh!important;padding:54px 0!important}
  .product-section.beauty-focus{padding:52px 0!important}
  .product-head,.head{margin-bottom:30px!important}
  .beauty-focus + .hero-workflow-wrap,.hero-experience .hero-workflow-wrap{padding-bottom:52px!important}
  .hero-experience .hero-preview-wrap{padding:0 10px 52px!important}
  .core-technology{padding:52px 14px!important}
  section.pricing,#faq,.home-clinic{padding-top:52px!important;padding-bottom:52px!important}
  .hero-experience > .clinic-support{margin-top:44px!important;margin-bottom:44px!important}
}