/* Approved Mobile FV: one continuous scene. Desktop/tablet and lower sections
   deliberately receive no rules from this stylesheet. */
@media (max-width:700px) {
 .homeplan365-front-v2 .hero {
  isolation:isolate;
  background:#fffdf7;
 }
 .homeplan365-front-v2 .hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:linear-gradient(90deg,#fffdf7f2 0%,#fffdf7d9 45%,#fffdf700 90%),url('../images/front-page/v2/v2-hero-background-1448.webp');
  background-size:100% 52%,auto 100%;
  background-position:left top,70% center;
  background-repeat:no-repeat;
 }
 .homeplan365-front-v2 .hero-copy {
  width:100%;
  padding:25px 14px 0;
  background:none;
 }
 .homeplan365-front-v2 .hero .eyebrow {font-size:12px;gap:8px}
 .homeplan365-front-v2 .hero h1 {
  font-size:clamp(29px,9.5vw,50px);
  line-height:1.27;
  letter-spacing:-.055em;
  margin:18px 0 16px;
 }
 .homeplan365-front-v2 .hero .lead {font-size:clamp(11px,3.45vw,17px);margin-bottom:7px}
 .homeplan365-front-v2 .hero .description {font-size:12px;line-height:1.8;max-width:100%}
 .homeplan365-front-v2 .hero .cta {
  min-height:48px;
  width:min(100%,290px);
  margin-top:16px;
  padding:11px 25px;
  font-size:15px;
  gap:15px;
 }
 .homeplan365-front-v2 .hero-scene {
  isolation:auto;
  overflow:visible;
  aspect-ratio:auto;
  height:105vw;
  margin-top:44px;
  margin-bottom:0;
 }
 .homeplan365-front-v2 .hero-scene .scene-background {display:none}
 .homeplan365-front-v2 .hero-scene .scene-birds {top:-205px;left:77%;width:19%;height:auto;z-index:1;pointer-events:none}
 .homeplan365-front-v2 .hero-scene .monitor-frame {
  width:102%;
  max-width:none;
  left:-1%;
  top:-8%;
  aspect-ratio:1438/1160;
  z-index:2;
 }
 .homeplan365-front-v2 .hero-scene .monitor-art {height:100%;max-width:none}
 .homeplan365-front-v2 .hero-scene .monitor-screen {border-radius:3px}
 .homeplan365-front-v2 .hero .monitor-promo {padding:9px 14px;justify-content:center}
 .homeplan365-front-v2 .hero .slide-category {font-size:9px;line-height:1.5;padding:1px 8px}
 .homeplan365-front-v2 .hero .monitor-promo strong {font-size:clamp(12px,3.6vw,21px);line-height:1.35;max-width:64%;margin:5px 0;-webkit-line-clamp:3}
 .homeplan365-front-v2 .hero .slide-description {font-size:10px;line-height:1.4;max-width:59%;margin:0 0 6px}
 .homeplan365-front-v2 .hero .slide-cta {font-size:10px;line-height:1.5;padding:3px 9px}
 .homeplan365-front-v2 .hero [data-prev],
 .homeplan365-front-v2 .hero [data-next] {width:44px;height:44px;top:calc(40.5% - 22px);font-size:28px;line-height:38px}
 .homeplan365-front-v2 .hero [data-prev] {left:2%}
 .homeplan365-front-v2 .hero [data-next] {right:2%}
 .homeplan365-front-v2 .hero .dots {top:62%;left:45%;gap:0}
 .homeplan365-front-v2 .hero .dots button {width:44px;height:44px;padding:17px}
 .homeplan365-front-v2 .hero-scene .scene-nana {
  width:54%;
  max-width:none;
  left:50%;
  top:43%;
  z-index:3;
  pointer-events:none;
 }
 .homeplan365-front-v2 .hero-scene .scene-desk {
  top:auto;
  bottom:0;
  left:0;
  width:100%;
  height:auto;
  z-index:4;
  pointer-events:none;
 }
}

/* Adopted Mobile thinking Nana, 2026-09-28. */
/* Mobile-only mascot and description reserve. Heading, subcopy and CTA are untouched. */
.homeplan365-front-v2 .hero > .mobile-thinking-nana {display:none}
@media(max-width:700px){
 .homeplan365-front-v2 .hero-copy .description {
  box-sizing:border-box;padding-right:80px;height:43.1875px;line-height:1.5;overflow:visible;
 }

 .homeplan365-front-v2 .hero > .mobile-thinking-nana {
  display:block;position:absolute;width:80px;height:auto;right:4px;top:170px;
  pointer-events:none;z-index:1;
 }
}
