/* ALTERRA VR — MOBILE/TABLET MOTION BLOCK 08 V1
   Scope: <=1100px only. Final FAQ / CTA motion.
   Geometry stays untouched. Distinct from previous blocks: accordion energy + ambient CTA. */
@media (max-width:1100px){
  .m8-faq{--m8m-ease:cubic-bezier(.22,.61,.36,1)}

  /* Final section entrance: concise, less parade-like than earlier blocks. */
  html.m8m-ready .m8-faq:not(.m8m-in) .m8-kicker,
  html.m8m-ready .m8-faq:not(.m8m-in) .m8-title,
  html.m8m-ready .m8-faq:not(.m8m-in) .m8-lead{
    opacity:0;
    transform:translateY(18px);
    filter:blur(4px);
  }
  html.m8m-ready .m8-faq:not(.m8m-in) .m8-item{
    opacity:0;
    transform:translateX(-14px);
  }
  html.m8m-ready .m8-faq:not(.m8m-in) .m8-item:nth-child(even){transform:translateX(14px)}
  html.m8m-ready .m8-faq:not(.m8m-in) .m8-cta,
  html.m8m-ready .m8-faq:not(.m8m-in) .m8-footer{
    opacity:0;
    transform:translateY(18px);
  }

  html.m8m-ready .m8-faq .m8-kicker,
  html.m8m-ready .m8-faq .m8-title,
  html.m8m-ready .m8-faq .m8-lead,
  html.m8m-ready .m8-faq .m8-item,
  html.m8m-ready .m8-faq .m8-cta,
  html.m8m-ready .m8-faq .m8-footer{
    transition:
      opacity .56s var(--m8m-ease),
      transform .68s var(--m8m-ease),
      filter .68s var(--m8m-ease),
      border-color .22s ease,
      box-shadow .22s ease;
  }

  html.m8m-ready .m8-faq.m8m-in .m8-kicker{transition-delay:.02s}
  html.m8m-ready .m8-faq.m8m-in .m8-title{transition-delay:.08s}
  html.m8m-ready .m8-faq.m8m-in .m8-lead{transition-delay:.15s}
  html.m8m-ready .m8-faq.m8m-in .m8-item:nth-child(1){transition-delay:.22s}
  html.m8m-ready .m8-faq.m8m-in .m8-item:nth-child(2){transition-delay:.28s}
  html.m8m-ready .m8-faq.m8m-in .m8-item:nth-child(3){transition-delay:.34s}
  html.m8m-ready .m8-faq.m8m-in .m8-item:nth-child(4){transition-delay:.40s}
  html.m8m-ready .m8-faq.m8m-in .m8-item:nth-child(5){transition-delay:.46s}
  html.m8m-ready .m8-faq.m8m-in .m8-item:nth-child(6){transition-delay:.52s}
  html.m8m-ready .m8-faq.m8m-in .m8-item:nth-child(7){transition-delay:.58s}
  html.m8m-ready .m8-faq.m8m-in .m8-item:nth-child(8){transition-delay:.64s}
  html.m8m-ready .m8-faq.m8m-in .m8-cta{transition-delay:.70s}
  html.m8m-ready .m8-faq.m8m-in .m8-footer{transition-delay:.78s}

  html.m8m-ready .m8-faq.m8m-in .m8-kicker,
  html.m8m-ready .m8-faq.m8m-in .m8-title,
  html.m8m-ready .m8-faq.m8m-in .m8-lead,
  html.m8m-ready .m8-faq.m8m-in .m8-item,
  html.m8m-ready .m8-faq.m8m-in .m8-cta,
  html.m8m-ready .m8-faq.m8m-in .m8-footer{
    opacity:1;
    transform:none;
    filter:none;
  }

  /* Accordion has its own interaction language: no generic card sweep. */
  .m8-item{
    position:relative;
    transition:border-color .24s ease,box-shadow .24s ease,background .24s ease;
  }
  .m8-item::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:2px;
    opacity:0;
    transform:scaleY(.18);
    transform-origin:center;
    background:linear-gradient(180deg,transparent,#67efff,transparent);
    box-shadow:0 0 12px rgba(77,231,251,.32);
    transition:opacity .24s ease,transform .36s var(--m8m-ease);
    pointer-events:none;
  }
  .m8-item[open]{
    border-color:rgba(102,237,255,.68);
    background:rgba(6,30,47,.95);
    box-shadow:0 0 20px rgba(47,216,240,.08),inset 0 1px 0 rgba(255,255,255,.025);
  }
  .m8-item[open]::before{opacity:1;transform:scaleY(1)}

  .m8-item summary::after{
    transition:transform .28s var(--m8m-ease),color .2s ease,text-shadow .2s ease;
  }
  .m8-item[open] summary::after{
    transform:translateY(-50%) rotate(180deg);
    color:#8af4ff;
    text-shadow:0 0 14px rgba(91,234,255,.42);
  }
  .m8-item p{
    animation:m8mAnswerIn .34s var(--m8m-ease) both;
  }
  @keyframes m8mAnswerIn{
    from{opacity:0;transform:translateY(-5px)}
    to{opacity:1;transform:none}
  }

  /* Final CTA is the strongest ambient point of the page. */
  .m8-cta{
    position:relative;
    overflow:hidden;
    isolation:isolate;
  }
  .m8-cta::before{
    content:"";
    position:absolute;
    z-index:-1;
    width:210px;
    height:210px;
    right:-85px;
    top:-105px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(76,230,251,.18) 0%,rgba(76,230,251,.07) 42%,transparent 70%);
    transform:scale(.92);
    opacity:.72;
    animation:m8mAmbient 6.8s ease-in-out infinite;
    pointer-events:none;
  }
  @keyframes m8mAmbient{
    0%,100%{transform:scale(.92);opacity:.58}
    50%{transform:scale(1.12);opacity:.92}
  }

  .m8-primary{
    position:relative;
    overflow:hidden;
    transition:transform .16s ease,filter .18s ease,box-shadow .2s ease;
    box-shadow:0 0 0 rgba(58,220,242,0);
    animation:m8mPrimaryGlow 5.8s ease-in-out 1.4s infinite;
  }
  @keyframes m8mPrimaryGlow{
    0%,68%,100%{box-shadow:0 0 0 rgba(58,220,242,0)}
    78%{box-shadow:0 0 23px rgba(58,220,242,.24)}
    88%{box-shadow:0 0 10px rgba(58,220,242,.10)}
  }
  .m8-primary::after{
    content:"";
    position:absolute;
    top:-100%;
    left:-34%;
    width:18%;
    height:300%;
    transform:rotate(18deg);
    opacity:0;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);
    pointer-events:none;
    animation:m8mPrimarySweep 6.6s var(--m8m-ease) 2.1s infinite;
  }
  @keyframes m8mPrimarySweep{
    0%,72%{left:-34%;opacity:0}
    76%{opacity:.78}
    88%{left:122%;opacity:.12}
    90%,100%{left:122%;opacity:0}
  }

  .m8-primary:active,
  .m8-secondary:active,
  .m8-item summary:active{
    transform:scale(.985);
    filter:brightness(1.08);
  }
}

@media (prefers-reduced-motion:reduce){
  .m8-faq *,
  .m8-faq *::before,
  .m8-faq *::after{
    animation:none !important;
    transition:none !important;
  }
  html.m8m-ready .m8-faq .m8-kicker,
  html.m8m-ready .m8-faq .m8-title,
  html.m8m-ready .m8-faq .m8-lead,
  html.m8m-ready .m8-faq .m8-item,
  html.m8m-ready .m8-faq .m8-cta,
  html.m8m-ready .m8-faq .m8-footer{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
}