/* LIFZO v8.3 | Fix overlapping homepage hero labels while keeping the original mascot and UI. */
.hero-copy{position:relative;z-index:3}
.hero-greeting{display:flex;align-items:center;justify-content:flex-start;margin:-7px 0 18px;max-width:100%}
.hero-greeting .mentor-still-note{position:static;inset:auto;display:inline-flex;align-items:center;max-width:min(100%,440px);padding:10px 14px;border-radius:14px;background:rgba(37,32,82,.62);border-color:rgba(227,208,255,.2);font-size:11px;line-height:1.7;white-space:normal;overflow-wrap:anywhere;box-shadow:0 10px 22px rgba(12,8,38,.1);backdrop-filter:blur(12px)}
.hero-greeting .mentor-talk-button{border:1px solid rgba(227,208,255,.2);color:white}
.hero-visual .floating-card.one{top:16px;right:0;left:auto;max-width:160px}
.hero-visual .floating-card.two{bottom:24px;left:0;right:auto;max-width:170px}
.hero-visual .floating-card{white-space:normal;line-height:1.65}
.hero-visual .mascot-main{z-index:2}
.hero-visual .floating-card{z-index:3}
@media(max-width:900px){
  .hero-greeting{margin:-3px 0 15px}
  .hero-greeting .mentor-still-note{font-size:10.5px}
}
@media(max-width:660px){
  .hero{overflow:hidden}
  .hero-greeting{margin:0 0 13px}
  .hero-greeting .mentor-still-note{position:static;max-width:100%;width:auto;min-height:36px;padding:8px 12px;font-size:10px}
  .hero-visual{isolation:isolate;min-width:0}
  .hero-visual .floating-card.one{top:14px;right:1px;left:auto;max-width:135px;padding:8px 10px}
  .hero-visual .floating-card.two{bottom:20px;left:2px;right:auto;max-width:125px;padding:8px 10px}
  .hero-visual .floating-card .fb-icon{width:30px;height:30px;min-width:30px}
}
@media(max-width:375px){
  .hero-visual .floating-card.one{top:10px;right:0;max-width:118px}
  .hero-visual .floating-card.two{bottom:14px;left:0;max-width:114px}
}
@media(max-width:359px){
  /* Keep the lower accent card clear of the fixed mobile tab bar on narrow phones. */
  .hero-visual .floating-card.two{bottom:70px}
}