/* ==============================
  AIRMAX ランディングページ — #0「動きなし」
  style.css → style-v2.css → style-v3.css のあとに読み込む差分。

  ・出現や浮き上がりの動きは一切入れない。開いた時点で全部見えている。
  ・背景（写真＋白レイヤー）や配色は style-v3.css の指定をそのまま使う。
    ここでは動きだけを止める（ヒーローの背景・減光は v3 側で確定済みなので触らない）。
============================== */

/* ==============================
  style-v3.css に残っている出現の動きを止める

  あちらにはスクロール量に連動して浮かび上がる指定があり、
  動きのレイヤーを外しただけでは、この案でもカードが
  透明のまま置かれてしまう（実測で opacity が 0 だった）。
============================== */
@supports (animation-timeline: view()) {
  .step-card,
  .fee-table,
  .price-example-card,
  .price-sim-lead,
  .sim,
  .sim-cta-banner,
  .payment-list,
  .faq-item,
  .faq-notice,
  .cta-phone {
    animation: none;
    opacity: 1;
  }
}


/* ==============================
  ページ上端の帯は置かない（読み進みの表示も動きのうち）
============================== */
.scroll-progress {
  display: none;
}


/* ==============================
  触れたときの反応だけは残す
  これは動きの演出ではなく、押せることを示す手がかりのため。
============================== */
.btn-call:active,
.sim-calc-btn:active,
.sim-cta-tel:active,
.cta-phone:active,
.sticky-cta:active {
  scale: 0.985;
}

.sim-quick-btn:active {
  scale: 0.96;
}