/* Keep the supplied stage on desktop, with readable, scrollable mobile views. */
* { letter-spacing: 0 !important; }
.orb, .glow { display: none; }
.icon { background: linear-gradient(135deg, var(--mand), #FF5FA2); }
@media (max-width: 760px), (max-aspect-ratio: 1/1) {
  html, body { height: auto; min-height: 100%; overflow: auto; background: var(--bleu2); }
  body { display: block; }
  #st { width: 100%; min-height: 100svh; aspect-ratio: auto; overflow: hidden; padding: 124px 20px 68px; }
  nav { top: 20px; left: 20px; right: 20px; flex-wrap: wrap; gap: 16px; }
  .brand { gap: 10px; }
  .icon { width: 42px; height: 42px; border-radius: 12px; font-size: 30px; }
  .word { font-size: 32px; }
  .menu { width: 100%; gap: 12px; flex-wrap: wrap; }
  .menu button { font-size: 13px; min-height: 44px; padding: 6px 0; }
  .menu .cta { padding: 8px 12px; border-radius: 24px; }
  .copy { position: relative; left: auto; top: auto; width: 100%; }
  h1 { font-size: 52px; line-height: 1.02; }
  .rot { height: 66px; margin-top: 8px; }
  .rot em { font-size: 34px; }
  .lead { font-size: 17px; max-width: 420px; margin-top: 8px; }
  .stores { gap: 10px; margin-top: 24px; flex-wrap: wrap; }
  .btn { border-radius: 12px; min-width: 0; min-height: 48px; padding: 12px 16px; }
  .btn small { font-size: 11px; }.btn b { font-size: 15px; }
  .soon { font-size: 13px; margin-top: 16px; }
  .gw { left: 16%; top: 430px; width: 84%; height: auto; aspect-ratio: 1; }
  .phone { left: 15%; top: 500px; width: 132px; height: 264px; border-radius: 22px; padding: 5px; }
  .scr { border-radius: 18px; }.scr .info { padding: 9px; }
  .info b { font-size: 13px; }.info span { font-size: 9px; }
  .acts { gap: 5px; margin-top: 8px; }.acts i { font-size: 10px; padding: 6px; border-radius: 8px; }
  .chip { font-size: 11px; padding: 8px 12px; border-radius: 24px; }
  .c1 { left: 40%; top: 750px; }.c2 { left: 56%; top: 490px; }.c3 { left: 60%; top: 630px; }
  #st[data-view="home"] { min-height: 900px; }
  .pv { position: relative; inset: auto; padding: 20px 0; background: transparent; gap: 24px; flex-direction: column; align-items: stretch; }
  .pv .l1, .pv .l2 { flex: auto; min-width: 0; }
  .pv h2 { font-size: 36px; line-height: 1.08; margin-bottom: 16px; }
  .pv p, .pv ul { font-size: 16px; line-height: 1.5; margin-bottom: 12px; }
  .pv ul { padding-left: 20px; }.tag2 { font-size: 12px; padding: 6px 12px; margin-bottom: 16px; }
  .tabs { gap: 8px; margin-bottom: 16px; }.tabs button { font-size: 13px; padding: 12px; }
  #aw3d { border-radius: 12px; }.sb { font-size: 16px; margin-bottom: 12px; flex-wrap: wrap; gap: 8px; }
  .fs { font-size: 9px; gap: 4px; flex-wrap: wrap; order: 3; width: 100%; }.fs i { padding: 4px 6px; }
  .msg { font-size: 15px; min-height: 46px; margin-top: 16px; }
  .row2 { gap: 8px; margin-top: 12px; }.row2 .btn { padding: 12px; }
  .mg { grid-template-columns: repeat(4, 1fr); gap: 10px; }.fa, .bk { border-radius: 10px; }.fa { font-size: 30px; }
  .ck { gap: 12px; padding: 16px; font-size: 15px; margin-bottom: 12px; border-radius: 12px; flex-wrap: wrap; }
  .ck i { width: 30px; height: 30px; font-size: 16px; }
  .fm { gap: 16px; padding: 20px; border-radius: 16px; }.g2 { grid-template-columns: 1fr; gap: 16px; }
  .fm label { gap: 6px; font-size: 14px; }.fm input, .fm select { font-size: 16px; padding: 12px; border-radius: 8px; }
  .fm .ac { font-size: 13px; gap: 10px; }.fm .ac input { width: 20px; height: 20px; flex: none; }
  .fm .btn { padding: 14px; }.fm .btn b, .ok2 { font-size: 16px; }
  .fo2, .bd2 { font-size: 14px !important; }.sbx, .cmp { gap: 12px; padding: 16px; }
  .sbx input, .cmp input, .cmp textarea, .cmp select { font-size: 16px; padding: 12px; }
  .th { padding: 16px; margin-bottom: 12px; }.th b { font-size: 17px; }.th small, .rp small, .x { font-size: 13px; }
  .rp { padding: 16px; }.lk { flex-wrap: wrap; gap: 8px; }
  .cb { position: fixed; left: 12px; right: 12px; bottom: 12px; font-size: 12px; padding: 14px; border-radius: 12px; }
  .cb button { font-size: 13px; min-height: 44px; padding: 12px; flex: none; }
  .mq { height: 44px; }.tr span { font-size: 18px; padding-right: 20px; }
}
@media (max-width: 360px) { h1 { font-size: 44px; }.rot em { font-size: 30px; }.menu { gap: 8px; } }