/*
 * Color-only skin for the existing Kazuma Study LP.
 * No font, size, spacing, grid, positioning, breakpoints, or image rules.
 */

html.kazuma-study-lp-html,
body.kazuma-study-lp-active {
  background: #f2f0ef;
}

.kazuma-study-lp {
  /* Existing variable names are preserved; only their color values change. */
  --kazuma-night: #020c2f;
  --kazuma-navy: #071f5a;
  --kazuma-mint: #04a2f6;
  --kazuma-gold: #f5a623;
  --kazuma-gold-deep: #e1925a;
  --kazuma-paper: #f2f0ef;
  --kazuma-ink: #020c2f;
}

/* First view: same composition, brighter blue diagonal field and light beam. */
.kazuma-study-lp .kazuma-hero {
  background:
    linear-gradient(116deg, transparent 0 61.7%, rgba(4, 162, 246, 0.3) 61.9%, rgba(2, 113, 232, 0.12) 62.25%, transparent 62.65%),
    linear-gradient(128deg, transparent 0 68%, rgba(1, 51, 147, 0.72) 68.15% 100%),
    var(--kazuma-night);
}

.kazuma-study-lp .kazuma-hero__topline {
  background: rgba(2, 12, 47, 0.96);
}

.kazuma-study-lp .kazuma-hero__visual {
  border-color: rgba(4, 162, 246, 0.72);
  box-shadow: 0 1.2rem 2.8rem rgba(1, 51, 147, 0.28), 0 0 1.2rem rgba(4, 162, 246, 0.16);
}

/* CTA: same shape and dimensions, approved restrained-purple gradient. */
.kazuma-study-lp .kazuma-hero-cta__button,
.kazuma-study-lp .kazuma-cta-button {
  border-color: #5e32c7;
  color: #ffffff;
  background: linear-gradient(135deg, #7952c7 0%, #6536d6 100%);
  box-shadow: 0 0.72rem 1.5rem rgba(64, 35, 133, 0.26), 0 0 1.1rem rgba(121, 82, 199, 0.16);
}

.kazuma-study-lp .kazuma-hero-cta__button:visited,
.kazuma-study-lp .kazuma-cta-button:visited {
  color: #ffffff;
}

.kazuma-study-lp .kazuma-hero-cta__button:hover,
.kazuma-study-lp .kazuma-cta-button:hover {
  box-shadow: 0 0.92rem 1.85rem rgba(64, 35, 133, 0.32), 0 0 1.3rem rgba(121, 82, 199, 0.18);
}

.kazuma-study-lp .kazuma-hero-cta__button:focus-visible,
.kazuma-study-lp .kazuma-cta-button:focus-visible {
  outline-color: #7952c7;
}

.kazuma-study-lp .kazuma-hero-cta__button:active,
.kazuma-study-lp .kazuma-cta-button:active {
  box-shadow: 0 0.42rem 1rem rgba(64, 35, 133, 0.24);
}

/* Dark sections: keep the current layout, replace mint tint with electric blue. */
.kazuma-study-lp .kazuma-essence {
  background:
    linear-gradient(118deg, transparent 0 65%, rgba(4, 162, 246, 0.16) 65.15%, transparent 65.55%),
    linear-gradient(137deg, transparent 0 70%, rgba(1, 51, 147, 0.42) 70.1% 100%),
    var(--kazuma-night);
}

.kazuma-study-lp .kazuma-inline-cta {
  border-color: rgba(4, 162, 246, 0.52);
  box-shadow: 0 1rem 2.4rem rgba(1, 51, 147, 0.18);
}

.kazuma-study-lp .kazuma-profile {
  background:
    linear-gradient(90deg, transparent 0 49.95%, rgba(255, 255, 255, 0.055) 50%, transparent 50.05%),
    linear-gradient(135deg, var(--kazuma-navy), #0e50a5);
}

.kazuma-study-lp .kazuma-profile__visual {
  border-color: rgba(4, 162, 246, 0.66);
  box-shadow: 0 1.1rem 2.6rem rgba(1, 51, 147, 0.24);
}

.kazuma-study-lp .kazuma-outcome {
  background:
    linear-gradient(135deg, rgba(4, 162, 246, 0.15), transparent 47%),
    #ffffff;
}

.kazuma-study-lp .kazuma-zoom {
  background:
    linear-gradient(128deg, transparent 0 70%, rgba(1, 51, 147, 0.42) 70.1% 100%),
    var(--kazuma-night);
}

.kazuma-study-lp .kazuma-final-cta {
  background:
    linear-gradient(116deg, transparent 0 63%, rgba(4, 162, 246, 0.17) 63.15%, transparent 63.55%),
    linear-gradient(135deg, transparent 0 68%, rgba(1, 51, 147, 0.48) 68.1% 100%),
    var(--kazuma-night);
}

/* Light sections keep their existing structure with cleaner blue rules. */
.kazuma-study-lp .kazuma-problems {
  background:
    linear-gradient(90deg, rgba(1, 51, 147, 0.07) 1px, transparent 1px) center / min(25vw, 17rem) 100%,
    #ffffff;
}

/* Voice cards already use blue; align them with the new primary blue. */
.kazuma-study-lp .kazuma-voice {
  border-top-color: #0271e8;
}

.kazuma-study-lp .kazuma-voice__quote,
.kazuma-study-lp .kazuma-voice__number {
  color: #0271e8;
}

.kazuma-study-lp .kazuma-voice__row > span {
  color: #0e50a5;
  background: rgba(2, 113, 232, 0.11);
}

.kazuma-study-lp .kazuma-voice__row--after > span {
  color: var(--kazuma-night);
  background: var(--kazuma-gold);
}