/* Ascend Mobile Homepage Experience V15 — mobile only.
   Concise language, bold typography, scroll-driven motion and translucent interaction.
   Desktop is intentionally untouched. */

@media (max-width:760px){
  body.home-mobile-v15{
    --mobile-ink:#102f43;
    --mobile-teal:#0d8199;
    --mobile-glass:rgba(246,252,253,.62);
    --mobile-line:rgba(96,151,171,.24);
  }

  /* Stronger, shorter mobile statements. */
  body.home-mobile-v15 .ascend-home-title{
    max-width:8.4ch!important;
    font-size:clamp(2.55rem,12.2vw,4rem)!important;
    line-height:.88!important;
    font-weight:900!important;
    letter-spacing:-.065em!important;
  }
  body.home-mobile-v15 .ascend-home-copy::after{
    content:"IT. Web. Business. One Partner."!important;
    font-size:1rem!important;
    line-height:1.42!important;
    font-weight:760!important;
    letter-spacing:-.01em!important;
  }

  body.home-mobile-v15 .ascend-section-heading .eyebrow,
  body.home-mobile-v15 .ascend-who-copy .eyebrow,
  body.home-mobile-v15 .ascend-support-strip .eyebrow{
    font-size:.72rem!important;
    font-weight:900!important;
    letter-spacing:.16em!important;
  }

  body.home-mobile-v15 .ascend-soft-panel .ascend-section-heading h2,
  body.home-mobile-v15 .ascend-service-paths-moved .ascend-section-heading h2,
  body.home-mobile-v15 .ascend-who-copy h2,
  body.home-mobile-v15 .ascend-support-strip h2,
  body.home-mobile-v15 .cta h2{
    text-wrap:balance!important;
  }

  /* Glass feels lighter and more dimensional without becoming another big box. */
  body.home-mobile-v15 .ascend-soft-panel,
  body.home-mobile-v15 .ascend-support-strip{
    background:
      linear-gradient(135deg,rgba(255,255,255,.72),rgba(226,241,246,.40))!important;
    border:1px solid var(--mobile-line)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.88),
      0 18px 44px rgba(9,44,61,.09)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.08)!important;
    backdrop-filter:blur(20px) saturate(1.08)!important;
  }

  body.home-mobile-v15 .ascend-feature{
    min-height:78px!important;
    align-items:center!important;
    padding:14px!important;
    background:linear-gradient(140deg,rgba(255,255,255,.63),rgba(220,238,244,.35))!important;
  }
  body.home-mobile-v15 .ascend-feature strong{
    max-width:9ch;
    font-size:1.03rem!important;
    line-height:1.02!important;
    font-weight:900!important;
  }

  /* Service choices behave like a compact mobile command surface. */
  body.home-mobile-v15 .ascend-service-paths-moved .ascend-section-heading h2{
    max-width:8.8ch!important;
    font-size:clamp(2.45rem,11vw,3.4rem)!important;
    line-height:.9!important;
    font-weight:900!important;
  }
  body.home-mobile-v15 .ascend-path-card{
    height:108px!important;
    min-height:108px!important;
    border-radius:24px!important;
    isolation:isolate!important;
  }
  body.home-mobile-v15 .ascend-path-card::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:4;
    pointer-events:none;
    border-radius:inherit;
    background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.24) 47%,transparent 72%);
    transform:translateX(-145%);
    transition:transform .58s cubic-bezier(.18,.72,.2,1);
  }
  body.home-mobile-v15 .ascend-path-card:active::after,
  body.home-mobile-v15 .ascend-path-card.is-mobile-pressed::after{
    transform:translateX(145%);
  }
  body.home-mobile-v15 .ascend-path-copy{
    padding:16px 18px!important;
  }
  body.home-mobile-v15 .ascend-path-kicker{
    font-size:.68rem!important;
    letter-spacing:.14em!important;
  }
  body.home-mobile-v15 .ascend-path-card .text-link{
    margin-top:7px!important;
    font-size:1.11rem!important;
    font-weight:900!important;
    letter-spacing:-.035em!important;
  }

  /* Business value section becomes three decisive actions. */
  body.home-mobile-v15 .ascend-who-copy h2{
    max-width:8ch!important;
    font-size:clamp(2.5rem,11.5vw,3.5rem)!important;
    line-height:.9!important;
    font-weight:900!important;
  }
  body.home-mobile-v15 .ascend-who-line{
    min-height:62px!important;
    border-radius:20px!important;
  }
  body.home-mobile-v15 .ascend-who-line strong{
    font-size:1.16rem!important;
    font-weight:900!important;
  }

  body.home-mobile-v15 .ascend-support-strip h2{
    max-width:8ch!important;
    font-size:clamp(2.35rem,10.5vw,3.2rem)!important;
    line-height:.9!important;
    font-weight:900!important;
  }

  body.home-mobile-v15 .cta h2{
    max-width:8ch!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:clamp(2.6rem,11.5vw,3.65rem)!important;
    line-height:.88!important;
    font-weight:900!important;
  }

  /* Buttons: more tactile, less generic. */
  body.home-mobile-v15 :is(.ascend-home-actions,.ascend-support-actions,.ascend-who-panel,.cta) .btn{
    position:relative!important;
    overflow:hidden!important;
    min-height:50px!important;
    border-radius:16px!important;
    font-weight:900!important;
    letter-spacing:-.01em!important;
    transform:translateZ(0);
  }
  body.home-mobile-v15 :is(.ascend-home-actions,.ascend-support-actions,.ascend-who-panel,.cta) .btn::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.22) 48%,transparent 72%);
    transform:translateX(-145%);
    transition:transform .5s ease;
  }
  body.home-mobile-v15 :is(.ascend-home-actions,.ascend-support-actions,.ascend-who-panel,.cta) .btn:active::after,
  body.home-mobile-v15 :is(.ascend-home-actions,.ascend-support-actions,.ascend-who-panel,.cta) .btn.is-mobile-pressed::after{
    transform:translateX(145%);
  }

  /* Scroll reveal. Elements only hide after the JS experience class exists,
     so content remains accessible if scripting is unavailable. */
  @media (prefers-reduced-motion:no-preference){
    body.home-mobile-v15 .mobile-reveal{
      opacity:0;
      transform:translate3d(0,24px,0) scale(.985);
      filter:blur(5px);
      transition:
        opacity .62s ease,
        transform .78s cubic-bezier(.18,.74,.2,1),
        filter .62s ease;
      transition-delay:var(--mobile-delay,0ms);
      will-change:opacity,transform,filter;
    }
    body.home-mobile-v15 .mobile-reveal.is-mobile-visible{
      opacity:1;
      transform:translate3d(0,0,0) scale(1);
      filter:blur(0);
    }
    body.home-mobile-v15 .mobile-reveal.mobile-reveal-left{
      transform:translate3d(-18px,18px,0) scale(.99);
    }
    body.home-mobile-v15 .mobile-reveal.mobile-reveal-left.is-mobile-visible{
      transform:translate3d(0,0,0) scale(1);
    }
  }
}

@media (max-width:380px){
  body.home-mobile-v15 .ascend-home-title{font-size:clamp(2.35rem,11.5vw,3.2rem)!important}
}

@media (prefers-reduced-motion:reduce){
  body.home-mobile-v15 .mobile-reveal{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
}
