/* =====================================================
   スクロールスナップ（ソフト / proximity 方式）
   ---
   セクション間で「ふわっと」吸着する挙動。
   mandatory ではなく proximity を使うことで:
   - 情報の見切れ防止（B2B LP のCV導線を守る）
   - モバイルでもガクガクしない
   - ユーザーが途中で止まりたい時は自由に止められる
   ---
   ロールバック方法: index.html の <link> を1行削除するだけ
   ===================================================== */

html {
    scroll-snap-type: y proximity;
    scroll-behavior: smooth;
}

/* 主要な top-level セクションをスナップポイントに */
/* FV / 比較 / 事例 / オプション / 問い合わせ等 */
section {
    scroll-snap-align: start;
    scroll-snap-stop: normal;  /* always にすると通過できない。normal推奨 */
    scroll-margin-top: 0;      /* 固定ヘッダー分のオフセット（下で調整） */
}

/* 固定ヘッダーがあるので、スナップ位置をヘッダー分ずらす */
/* PC: ヘッダー 80px 前後 / モバイル: 64px */
@media (min-width: 769px) {
    section {
        scroll-margin-top: 80px;
    }
}

@media (max-width: 768px) {
    section {
        scroll-margin-top: 64px;
    }
    /* モバイルは scroll-snap が address bar の挙動と相性悪いので無効化 */
    html {
        scroll-snap-type: none;
    }
}

/* スナップから除外したい小セクション */
/* trial-banner, challenges 等、高さが短くスナップポイント過多になるものは除外 */
section#free-trial,
section#challenges,
section#four-steps,
section.bt-advantages,
section.das-device-spec {
    scroll-snap-align: none;
}