/* Animatrix mobile homepage hero — selected mockup C, full-width seamless fade */
@media (max-width:760px){
.hero{position:relative!important;display:block!important;min-height:calc(100svh - 76px)!important;max-height:none!important;padding:0!important;overflow:hidden!important;isolation:isolate;background-color:#063f2c!important;background-image:url("./assets/hero-rescue-flower.webp")!important;background-repeat:no-repeat!important;background-position:100% 0!important;background-size:auto 350px!important}
.hero::after{content:""!important;position:absolute!important;z-index:0!important;top:282px!important;right:0!important;bottom:0!important;left:0!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(4,37,27,0) 0,rgba(5,51,37,.025) 34px,rgba(5,58,41,.14) 92px,rgba(5,64,44,.42) 155px,rgba(5,70,48,.78) 230px,#06452f 320px,#063f2c 100%)!important}
.hero-brandmark{display:none!important}.hero-copy{position:relative!important;z-index:1!important;width:100%!important;max-width:none!important;margin:205px 0 0!important;padding:92px 30px 28px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(4,69,48,0) 0,rgba(4,72,49,.12) 90px,rgba(4,70,47,.60) 180px,rgba(4,64,44,.96) 275px,#043f2c 100%)!important;box-shadow:none!important;backdrop-filter:none!important}
.hero .eyebrow{margin:0 0 15px!important;color:#fffaf0!important;font-size:clamp(1.02rem,4.8vw,1.24rem)!important;line-height:1.15!important;text-shadow:0 2px 14px rgba(0,0,0,.58)!important}.hero .urgent{width:max-content!important;max-width:100%!important;min-height:39px!important;margin:0 0 13px!important;padding:9px 15px!important;font-size:clamp(.68rem,3vw,.78rem)!important;letter-spacing:.015em!important}.hero h1{margin:0!important;max-width:9.5ch!important;font-size:clamp(2.65rem,12.2vw,3.35rem)!important;line-height:.88!important;letter-spacing:-.045em!important;text-wrap:balance}.hero h1 em{color:#70d56b!important}.hero p{max-width:33rem!important;margin:15px 0 0!important;font-size:clamp(.9rem,3.7vw,1rem)!important;line-height:1.36!important}.hero .actions{display:grid!important;gap:9px!important;margin-top:17px!important}.hero .actions .btn{width:100%!important;min-height:48px!important;padding:11px 14px!important}.mobile-context-cta{transition:opacity .2s ease,transform .25s ease!important}.mobile-context-cta.hero-in-view{opacity:0!important;pointer-events:none!important;transform:translateY(120%)!important}}
@media(max-width:380px){.hero{background-position:100% 0!important;background-size:auto 325px!important}.hero::after{top:258px!important}.hero-copy{margin-top:188px!important;padding:86px 24px 24px!important}.hero h1{font-size:clamp(2.45rem,12.5vw,2.9rem)!important}.hero p{font-size:.88rem!important}}


/* Compact mobile hero: keep both primary actions in the opening viewport. */
@media(max-width:760px){
  .hero{
    min-height:calc(100svh - 76px)!important;
    background-size:auto 315px!important;
  }
  .hero::after{top:248px!important}
  .hero-copy{
    margin-top:166px!important;
    padding:70px 24px 20px!important;
  }
  .hero .eyebrow{
    margin-bottom:10px!important;
    font-size:clamp(.94rem,4.2vw,1.1rem)!important;
  }
  .hero .urgent{
    min-height:36px!important;
    margin-bottom:10px!important;
    padding:8px 13px!important;
  }
  .hero h1{
    max-width:11.5ch!important;
    font-size:clamp(2.35rem,10.8vw,3rem)!important;
    line-height:.9!important;
  }
  .hero p{
    margin-top:10px!important;
    font-size:clamp(.86rem,3.5vw,.95rem)!important;
    line-height:1.3!important;
  }
  .hero .actions{
    gap:8px!important;
    margin-top:12px!important;
  }
  .hero .actions .btn{
    min-height:46px!important;
    padding:10px 13px!important;
  }
}
@media(max-width:380px){
  .hero{background-size:auto 295px!important}
  .hero::after{top:232px!important}
  .hero-copy{
    margin-top:152px!important;
    padding:66px 20px 18px!important;
  }
  .hero h1{font-size:clamp(2.22rem,11.7vw,2.62rem)!important}
}