@charset "UTF-8";
/* InFluK · 2026-10-28 · supplied PC / SP key visual */
:root {
  --color-paper: #ffffff;
  --color-surface: #f3f7fb;
  --color-surface-blue: #eaf5fb;
  --color-ink: #253546;
  --color-navy: #03172c;
  --color-muted: #536579;
  --color-blue: #205d99;
  --color-cyan: #007d97;
  --color-sky: #2ba1df;
  --color-rule: #d6e2ec;
  --color-yellow: #ffdc51;
  --color-orange: #ff9d49;
  --color-highlight: #fff0b2;
  --color-on-dark: #dce9f3;
  --color-focus: #1379bd;
  --color-error: #a51d2d;
  --color-clear: transparent;
  --color-dark-rule: #36516b;
  --gradient-brand: linear-gradient(105deg, var(--color-blue), var(--color-cyan));
  --gradient-highlight: linear-gradient(100deg, var(--color-orange), var(--color-yellow));
  --shadow-cta: 0 6px 16px rgb(3 23 44 / 14%);
  --shadow-panel: 0 12px 40px rgb(3 23 44 / 8%);
  --font-body: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', Meiryo, sans-serif;
  --font-display: var(--font-body);
  --font-number: 'Prompt', var(--font-body);
  --space-xs: .5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --space-section: clamp(3.5rem, 7vw, 6.5rem);
  --page-gutter: clamp(1.25rem, 5vw, 3rem);
  --content-width: 64rem;
  --z-sticky: 20;
  --dur-short: 180ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}