:root {
  --ink: #0c1a2e;
  --text: #33465f;
  --mute: #7689a3;
  --line: #dde8f5;
  --paper: #f4f8ff;
  --white: #ffffff;
  --pri: #2f7df6;
  --pri-deep: #1c5fd1;
  --accent: #34d399;
  --soft: #e4efff;
  --soft-2: #e2fbf2;
}

.hv-screen .hero-badge { background: var(--accent); color: #06301f; }
.hv-screen .hero-strip span { background: #e4efff; color: #1c5fd1; }
.hv-reverse .hero-grid { grid-template-columns: 1.08fr 0.92fr; direction: ltr; }
.hv-reverse .hero-visual { order: 1; }
.hv-reverse .hero-copy { order: 2; }
.fv-bento .feature:nth-child(2) { background: var(--soft); }
.sv-big .shot figcaption { color: var(--pri-deep); font-weight: 800; }