/* XYSHIMA Stage 5: Premium Color Palette */

.xy-public-3d .hero {
  background:
    radial-gradient(
      ellipse at 82% 25%,
      rgba(25, 202, 175, .22),
      transparent 52%
    ),
    radial-gradient(
      ellipse at 16% 75%,
      rgba(70, 151, 218, .14),
      transparent 48%
    ),
    linear-gradient(
      125deg,
      #ffffff 0%,
      #effbf8 55%,
      #f3f8ff 100%
    );
}

/* More vibrant headline */
.xy-public-3d .hero h1 span {
  background: linear-gradient(
    110deg,
    #07836f,
    #10b7a4 52%,
    #237ca5
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Colorful but subtle proof strip */
.xy-public-3d .proof-bar {
  background: linear-gradient(
    90deg,
    #e9faf4,
    #f1f8ff,
    #fffaf0
  );
}

/* Refined curriculum card colors */
.xy-public-3d .identity-grid .card:nth-child(3n+1) {
  background: linear-gradient(145deg,#ffffff,#e9faf4);
}

.xy-public-3d .identity-grid .card:nth-child(3n+2) {
  background: linear-gradient(145deg,#ffffff,#edf5ff);
}

.xy-public-3d .identity-grid .card:nth-child(3n+3) {
  background: linear-gradient(145deg,#ffffff,#fff8e9);
}

/* Premium contrasting learning section */
.xy-public-3d .band {
  background: linear-gradient(
    130deg,
    #092e29,
    #104d49 55%,
    #173d56
  );
}

/* Premium call-to-action */
.xy-public-3d .cta-box {
  background: linear-gradient(
    125deg,
    #087b6d,
    #0ca58e 55%,
    #16789d
  );
}

/* Brighter button without losing readability */
.xy-public-3d .button.primary {
  background: linear-gradient(110deg,#087b6d,#0a9583);
  border-color: #087b6d;
  color: #ffffff;
}

/* Soft contrast for comparison panels */
.xy-public-3d .contrast .new {
  background: linear-gradient(140deg,#dcf9ef,#e8f6ff);
}

/* XYSHIMA Bolder Palette V2 */

/* Stronger teal and blue hero lighting */
.xy-public-3d .hero {
  background:
    radial-gradient(
      ellipse at 80% 22%,
      rgba(12, 198, 166, .34),
      transparent 52%
    ),
    radial-gradient(
      ellipse at 15% 80%,
      rgba(41, 137, 214, .23),
      transparent 48%
    ),
    linear-gradient(
      125deg,
      #ffffff 0%,
      #e2f8f1 52%,
      #e8f2ff 100%
    );
}

/* More vivid headline */
.xy-public-3d .hero h1 span {
  background: linear-gradient(
    110deg,
    #007e6c,
    #0cb9a5 48%,
    #08749e
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Brighter feature backgrounds */
.xy-public-3d .proof-bar {
  background: linear-gradient(
    90deg,
    #d6f7e9,
    #e2f1ff,
    #fff0d0
  );
}

/* Stronger curriculum card accents */
.xy-public-3d .identity-grid .card:nth-child(3n+1) {
  background: linear-gradient(145deg,#ffffff,#d8f7eb);
  border-color: #9bdec8;
}

.xy-public-3d .identity-grid .card:nth-child(3n+2) {
  background: linear-gradient(145deg,#ffffff,#e0f0ff);
  border-color: #afd4ee;
}

.xy-public-3d .identity-grid .card:nth-child(3n+3) {
  background: linear-gradient(145deg,#ffffff,#fff0cd);
  border-color: #ecd7a5;
}

/* Richer 3D section background */
.xy-public-3d .band {
  background: linear-gradient(
    130deg,
    #062f2a,
    #08695e 52%,
    #15496a
  );
}

/* More vibrant final CTA */
.xy-public-3d .cta-box {
  background: linear-gradient(
    120deg,
    #006e61,
    #08a991 52%,
    #0877a2
  );
}

/* Strong primary button */
.xy-public-3d .button.primary {
  background: linear-gradient(
    110deg,
    #007c6d,
    #00a18d
  );
  border-color: #007c6d;
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(0,130,110,.22);
}

.xy-public-3d .contrast .new {
  background: linear-gradient(
    140deg,
    #c9f5e6,
    #d9ecff
  );
}