/* HOME_V2_SECTION_BACKGROUNDS_V1
   Soft alternating section backgrounds for IKIGAI Home V2.
   Safe CSS-only polish. Revert by removing this stylesheet link. */

:root {
  --ikg-section-white: rgba(255, 255, 255, 0.96);
  --ikg-section-cream: #fff8ea;
  --ikg-section-soft-gold: #fff3cf;
  --ikg-section-gold-line: rgba(198, 143, 43, 0.22);
  --ikg-section-green: #123f32;
  --ikg-section-shadow: 0 18px 50px rgba(37, 28, 10, 0.07);
}

body main#top {
  display: block;
}

body main#top > section {
  position: relative;
  margin: clamp(18px, 3.4vw, 34px) auto;
  padding: clamp(24px, 4vw, 46px);
  border: 1px solid rgba(198, 143, 43, 0.13);
  border-radius: clamp(22px, 3vw, 34px);
  box-shadow: var(--ikg-section-shadow);
  overflow: hidden;
  isolation: isolate;
}

body main#top > section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 0%, rgba(212, 168, 78, 0.10), transparent 34%),
    radial-gradient(circle at 86% 16%, rgba(25, 79, 62, 0.06), transparent 32%);
}

body main#top > section:nth-of-type(odd) {
  background: linear-gradient(180deg, var(--ikg-section-white) 0%, #fffdf8 100%);
}

body main#top > section:nth-of-type(even) {
  background:
    linear-gradient(180deg, rgba(255, 248, 232, 0.98) 0%, rgba(255, 252, 245, 0.98) 100%);
  border-color: rgba(198, 143, 43, 0.20);
}

body main#top > section.hero {
  margin-top: clamp(12px, 2.2vw, 22px);
  background:
    radial-gradient(circle at 50% 0%, rgba(212, 168, 78, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 250, 239, 0.96) 100%);
}

body main#top > section.bonus-proof-section,
body main#top > section.proof-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(212, 168, 78, 0.20), transparent 36%),
    linear-gradient(180deg, #fff7e3 0%, #fffdf8 100%);
}

body main#top > section:last-of-type {
  background:
    radial-gradient(circle at 12% 10%, rgba(229, 187, 92, 0.20), transparent 35%),
    radial-gradient(circle at 88% 0%, rgba(229, 187, 92, 0.12), transparent 28%),
    linear-gradient(135deg, #123f32 0%, #0c2d24 100%);
  border-color: rgba(229, 187, 92, 0.30);
  box-shadow: 0 22px 60px rgba(7, 31, 24, 0.18);
}

body main#top > section:last-of-type,
body main#top > section:last-of-type h1,
body main#top > section:last-of-type h2,
body main#top > section:last-of-type h3,
body main#top > section:last-of-type p,
body main#top > section:last-of-type li,
body main#top > section:last-of-type span {
  color: #fff8e8;
}

body main#top > section:last-of-type strong {
  color: #f4c96c;
}

body main#top > section:last-of-type a:not(.btn):not(.cta-button) {
  color: #f4c96c;
}

@media (max-width: 760px) {
  body main#top > section {
    margin: 18px auto;
    padding: 24px 18px;
    border-radius: 24px;
  }
}