/* =====================================================================
   スマホの番人 LP スタイル（全面刷新・第3版）
   参考LPを実ブラウザで実描画して学習し反映：
   ・studio.design / Human Rights Now … 濃色ヒーロー→白へ硬い境界、巨大数字
   ・Yoom … フルブリードの強い色バンドで境界を明確化、巨大タイポ、ロゴ壁
   ・Melt Mouse / SANU … 余白を大きく、署名色を1色だけ確信的に、製品/環境を主役
   ・住友生命 Chakin … 受賞バッジ・大きな数字・カードパネルで信頼
   → 「ダークインク（紺黒）を署名色」にしてヒーロー/実演/締めへ、本文は白×クール淡灰の
     交互、アクセントはコバルト1色のみ。青を“全面の弱い塗り”にせず濃色とCTAに集約し、
     青ワントーンを回避。境界は必ずトーンを大きく飛ばす。
   ※アプリ本体の配色は対象外（本ファイルはLPの見た目のみ）
   【v2.2（2026-07-18）Rさん指示】濃紺（ダークインク）の面を全廃し明るい配色へ＝
   ヒーロー/.darkバンド/フッターを白〜淡ブルーに変更。コバルトのCTA帯（coming-bar/bottom-cta）は基調色のため維持。
   【v2.3（2026-07-18）Rさん指示「メリハリがない・動きがない」→Stripe/Slack/Linear等の人気LPを分析して反映】
   白ベース＋色数を絞りつつ、ショーケース帯（.dark）と数字帯はビビッドなコバルトグラデで強コントラスト、
   メモリそうじ帯は暖色アクセントで変化、ヒーローは動くブロブ＋登場アニメ、全セクションにスクロール出現・
   ホバー反応・浮遊モーションを追加（prefers-reduced-motion対応）。濃紺の面は使わない。
   ===================================================================== */
:root{
  /* 文字（コントラスト強化：見出しは濃く・本文も淡白にしない） */
  /* v3.1：文字は黒基調（Rさん指示「普通は黒だろ」）。見出し・本文はほぼ黒、補助のみ濃紺スレート（無彩グレーは使わない）。 */
  --ink:#0B1017; --text:#141A22; --sub:#2A333F; --mute:#3E4a5c;
  /* 署名色＝ダークインク（紺黒） */
  --dark:#0C1626; --dark-2:#10203A;
  --dark-grad:linear-gradient(155deg,#102541 0%,#0C1A30 55%,#0A1322 100%);
  /* 基調色＝コバルト（唯一のアクセント・全CTA・リンク・強調） */
  --brand:#1E70E0; --brand-d:#1556C6; --brand-deep:#0C3E96;
  --brand-soft:#E8F1FD; --brand-line:#CCDFFB;
  --brand-grad:linear-gradient(120deg,#2C77EA 0%,#1E70E0 55%,#1657CE 100%);
  /* 互換エイリアス（旧クラス/法務ページ用） */
  --blue:#1E70E0; --blue-dark:#1556C6; --blue-soft:#E8F1FD; --grad:var(--brand-grad);
  /* 面 */
  --surface:#FFFFFF; --surface-cool:#F5F7FB; --white:#FFFFFF; --cream:#F5F7FB;
  --line:#E7EBF1; --line-cool:#E7EBF1; --card-edge:rgba(16,28,52,.10);
  /* 困りごと（モック内とアラート用） */
  --danger:#E0483F; --danger-soft:#FCEBE8;
  /* 濃色面の文字 */
  --on-dark:#A9B8D0; --on-dark-strong:#E6EDF8; --sky:#7FB0FF; --sky2:#B7D4FF;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif;background:var(--surface);color:var(--text);line-height:1.8;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wrap{max-width:1480px;margin:0 auto;padding:0 40px}
img{max-width:100%;display:block}