/* FLODent — tighter compact iPhone hero composition v3 */
@media (max-width: 820px){
  .mobile-home-shell{padding-bottom:10px!important}
  .mobile-home-cta{margin-top:18px!important}
  .mobile-home-scene{position:relative!important;width:100%!important;height:clamp(350px,86vw,420px)!important;min-height:350px!important;max-height:420px!important;margin:6px auto 0!important;overflow:visible!important;isolation:isolate!important}
  .mobile-home-halo{left:50%!important;top:18%!important;width:52%!important;opacity:.34!important;border-color:rgba(72,166,255,.42)!important;box-shadow:0 0 30px rgba(47,132,255,.16),inset 0 0 34px rgba(121,82,255,.08)!important}
  .mobile-home-mascot{left:50%!important;bottom:0!important;width:53%!important;max-width:290px!important;transform:translateX(-50%)!important;z-index:2!important}
  .mobile-home-card{z-index:3!important}
  .mobile-home-card.points{left:-2%!important;top:0!important;width:35%!important;max-width:205px!important;transform:rotate(-3.2deg)!important}
  .mobile-home-card.appointment{right:-2%!important;top:0!important;width:36%!important;max-width:212px!important;transform:rotate(3.2deg)!important}
  .mobile-home-card.habits{left:-2%!important;bottom:0!important;width:36%!important;max-width:214px!important;transform:rotate(-1deg)!important}
  .mobile-home-card.calendar{right:-2%!important;bottom:0!important;width:36%!important;max-width:214px!important;transform:rotate(1deg)!important}
}
@media (max-width: 430px){
  .mobile-home-shell{padding-left:14px!important;padding-right:14px!important;padding-bottom:8px!important}
  .mobile-home-scene{height:348px!important;min-height:348px!important;max-height:348px!important;margin-top:2px!important}
  .mobile-home-halo{top:14%!important;width:49%!important}
  .mobile-home-mascot{width:53%!important;bottom:-1%!important}
  .mobile-home-card.points{left:-3%!important;width:35%!important}
  .mobile-home-card.appointment{right:-3%!important;width:36%!important}
  .mobile-home-card.habits{left:-3%!important;width:37%!important;bottom:0!important}
  .mobile-home-card.calendar{right:-3%!important;width:37%!important;bottom:0!important}
}
@media (max-width: 380px){
  .mobile-home-scene{height:326px!important;min-height:326px!important;max-height:326px!important}
  .mobile-home-mascot{width:49%!important}
  .mobile-home-card.points{width:34%!important}.mobile-home-card.appointment{width:35%!important}.mobile-home-card.habits{width:36%!important}.mobile-home-card.calendar{width:36%!important}
}
