/* page-home-m3: mobile layer (ADR 0019) - Jak działamy, FAQ + opinie, CTA, manifest. Only < 900px. */
@media (max-width:899.98px){
  @keyframes mm-h10-ping{0%{box-shadow:0 0 0 0 rgba(77,255,159,.55)}100%{box-shadow:0 0 0 9px rgba(77,255,159,0)}}
  @keyframes mm-h10-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

  /* ---------- manifest (between sections; same language) ---------- */
  .hm-man__in{min-height:0;padding:88px 20px 0}
  .hm-man figure{gap:22px}
  .hm-man blockquote{font-size:40px;line-height:.98;letter-spacing:-0.05em}
  .hm-man__q{font-size:96px}
  .hm-man figcaption{font-size:12px}
  .hm-man__foot{gap:18px}

  /* ---------- Jak działamy: vertical timeline ---------- */
  .hm-proc{padding:88px 16px 0}
  .hm-proc__head{gap:14px;padding:0 4px;margin-bottom:28px}
  .hm-proc__head .hm-eyebrow{font-size:12px}
  .hm-proc__head .hm-h2{font-size:34px;line-height:.98}
  .hm-proc__grid{display:flex;flex-direction:column;gap:12px;padding:0 0 0 30px}
  .hm-proc__line{top:14px;bottom:14px;left:8px;right:auto;width:2px;height:auto;border-radius:2px;background:linear-gradient(180deg,#0057FF,#99baff 50%,rgba(255,255,255,.08));box-shadow:0 0 18px rgba(0,87,255,.5)}
  .hm-proc__line>div{display:none}
  .hm-step{padding:22px;border-radius:26px;gap:10px}
  .hm-step__dot,.hm-step__dot.is-on{top:26px;left:-29px;background:#0057FF;border-color:#99baff;box-shadow:0 0 0 6px rgba(0,87,255,.18)}
  .hm-step>span:not(.hm-step__dot){font-size:12px}
  .hm-step h3{font-size:24px}
  .hm-step p{font-size:15px}

  /* ---------- FAQ ---------- */
  .hm-faq{padding:88px 16px 0}
  .hm-faq__wrap{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:24px}
  .hm-faq__side{flex:none;gap:16px;padding:0 4px;position:static}
  .hm-faq__side .hm-eyebrow{font-size:12px}
  .hm-faq__side h2{font-size:38px;line-height:.98;text-wrap:balance}
  .hm-faq__side>p:not(.hm-eyebrow){font-size:15px;line-height:1.6;max-width:none}
  .hm-grbadge{padding:10px 16px;font-size:14px}
  .hm-reviews{height:340px;margin-top:4px}
  .hm-review{padding:18px 20px;border-radius:22px}
  .hm-faq__list{flex:none;gap:8px}
  .hm-q{border-radius:22px}
  .hm-q button{gap:14px;min-height:72px;padding:16px 14px 16px 18px}
  .hm-q button:active{transform:scale(.985)}
  .hm-q__n{width:22px;font-size:12px}
  .hm-q__t{font-size:16px}
  .hm-q__plus{width:34px;height:34px}
  .hm-q__a p{font-size:15px;line-height:1.65;padding:0 18px 20px 54px;filter:none;transition:opacity 400ms cubic-bezier(.23,1,.32,1)}

  /* ---------- CTA ---------- */
  .hm-cta{padding:56px 10px 40px}
  .hm-cta__box{border-radius:38px;padding:56px 22px;background:radial-gradient(ellipse 70% 60% at 85% 0%,rgba(153,186,255,.38),transparent 60%),linear-gradient(160deg,#002bb5,#0057FF 60%,#3378ff)}
  .hm-cta__grid{background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:48px 48px}
  .hm-cta__in{gap:22px}
  .hm-cta__live{padding:7px 14px}
  .hm-cta__live i{box-shadow:none;animation:mm-h10-ping 1.8s ease-out infinite}
  .hm-cta__live span{font-size:13px}
  .hm-cta h2{font-size:38px;line-height:.95}
  .hm-cta__in>p{font-size:16px;line-height:1.55;max-width:none;text-wrap:pretty}
  .hm-cta__btn{height:62px;padding:0 10px 0 26px;font-size:17px;gap:14px;transition:transform 140ms cubic-bezier(.23,1,.32,1)}
  .hm-cta__btn:active{transform:scale(.97)}
  .hm-cta__btn>span{width:42px;height:42px}
  .hm-cta__chips{gap:8px}
  .hm-chip{height:42px;padding:0 16px;font-size:13px}
  .hm-chip:active{transform:scale(.96)}
  .hm-chip svg{display:none}

  /* footer outline marquee: keep it modest on phones */
  .hm-fmq{padding-bottom:8px}
}
@media (max-width:899.98px) and (prefers-reduced-motion:reduce){
  .hm-cta__live i{animation:none;box-shadow:0 0 0 4px rgba(77,255,159,.25)}
  .hm-q__a p{transition:none}
}
@media (max-width:899.98px) and (prefers-reduced-transparency:reduce){
  .hm-cta__live,.hm-chip{backdrop-filter:none;-webkit-backdrop-filter:none}
}