/* v39 — touch/click glow for Clarity • Service • Continuity • Care */
.myalb-care-touch-glow {
  transition: transform .22s ease, box-shadow .32s ease, border-color .32s ease,
              background-color .32s ease, color .32s ease !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.myalb-care-touch-glow.is-touch-glow {
  transform: translateY(-1px) scale(1.035);
  border-color: rgba(255,255,255,.95) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.38),
    0 0 10px rgba(255,255,255,.72),
    0 0 18px rgba(85,209,202,.72),
    0 0 28px rgba(85,209,202,.30) !important;
}
@media (prefers-reduced-motion: reduce) {
  .myalb-care-touch-glow { transition: box-shadow .18s ease !important; }
  .myalb-care-touch-glow.is-touch-glow { transform: none !important; }
}

/* Reading mode — CSS-only to avoid resize/zoom feedback loops.
   Browser zoom reduces the CSS viewport width, so this activates naturally
   without JavaScript resize listeners. */
@media (max-width: 1100px){
  .landing-nav{position:sticky;top:0;background:rgba(3,24,39,.96);backdrop-filter:blur(12px)}
  .landing-hero{display:block;min-height:auto;padding:56px clamp(22px,6vw,64px)}
  .hero-copy{max-width:760px;margin:0 auto}
  .hero-copy h1{font-size:clamp(2.35rem,7vw,4.2rem);line-height:1.04}
  .hero-lead,.hero-verse{max-width:68ch;font-size:1rem;line-height:1.75}
  .hero-card{max-width:760px;margin:36px auto 0;padding:30px}
  .hero-card h2{font-size:clamp(2rem,6vw,3rem)}
  .welcome-strip{grid-template-columns:1fr;max-width:900px;margin:0 auto;padding:34px clamp(22px,6vw,64px)}
  .improvements,.journey,.care-section,.final-cta{padding:64px clamp(22px,6vw,64px)}
  .section-heading,.feature-grid,.care-section{max-width:900px;margin-left:auto;margin-right:auto}
  .feature-grid{grid-template-columns:1fr;gap:16px;margin-top:34px}
  .feature-card{padding:24px}
  .feature-card p,.care-panel>p:not(.section-kicker){font-size:1rem;line-height:1.75}
  .care-section{grid-template-columns:1fr;gap:34px}
  .journey-visual{max-width:900px;overflow:hidden}
  .landing-footer{flex-direction:column;line-height:1.65}
  .crafted{text-align:left;max-width:75ch}
  .hero-slideshow{opacity:.42}
  .trust-line{flex-wrap:wrap}
}

/* v-reading-safe — zoom-stable reading mode.
   At the reading breakpoint, remove GPU-heavy effects that browsers may repeatedly
   rebuild while desktop zoom changes the effective viewport size. */
@media (max-width:1100px){
  html,body{overflow-x:hidden}
  .landing-nav{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .hero-slideshow .hero-slide{
    transition:none !important;
    animation:none !important;
    transform:none !important;
    will-change:auto !important;
  }
  .hero-slideshow .hero-slide:not(.is-active){opacity:0 !important}
  .hero-slideshow .hero-slide.is-active{opacity:1 !important}
  .hero-card-glow{animation:none !important;filter:none !important}
  .hero-verse .verse-word{transition:none !important}
  .feature-card,.hero-card,.care-card,.journey-frame,.welcome-strip,.final-cta-inner{
    transform:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
}