/* V216 shared finishing details. */
.mobile-hero-tail{display:none}

.back-to-top{
  display:block;
  width:clamp(165px,15vw,230px);
  margin:28px auto 18px;
  padding:0;
  border:0;
  border-radius:32px;
  background:transparent;
  text-decoration:none;
  transition:transform 180ms ease,filter 180ms ease,box-shadow 180ms ease;
}
.back-to-top img{display:block;width:100%;height:auto;pointer-events:none}
@media (hover:hover){
  .back-to-top:hover{transform:translateY(-4px) scale(1.035);filter:brightness(1.22) saturate(1.16) drop-shadow(0 0 13px rgba(35,202,255,.64));box-shadow:none}
}
.back-to-top:focus-visible{outline:2px solid #a9efff;outline-offset:3px}
.back-to-top:active{transform:translateY(1px) scale(.985);filter:brightness(1.18)}

@media (max-width:700px){
  /* Use real document flow on phones; do not rely on nested flex ordering. */
  .hero,
  .service-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .hero-copy,
  .hero-below,
  .service-hero>div:first-child{display:block!important}
  .hero-orbit{display:none!important}

  .hero-copy .actions,
  .hero-copy .trust,
  .service-hero>div:first-child>.actions,
  .service-hero>div:first-child>.trust{display:none!important}

  .hero-card,
  .service-hero-media{margin-top:18px!important}

  .mobile-hero-tail{
    display:flex!important;
    flex-direction:column;
    width:100%;
  }
  .hero .mobile-hero-tail .trust,
  .service-hero .mobile-hero-tail .trust{display:grid!important;margin:16px 0 0!important}
  .hero .mobile-hero-tail .actions,
  .service-hero .mobile-hero-tail .actions{display:grid!important;margin:14px auto 0!important}

  .back-to-top{width:155px;margin-top:22px;margin-bottom:14px}
}

@media (prefers-reduced-motion:reduce){.back-to-top{transition:none}}