.page-home{ background:#f5f5f7; color:#111317; }
@media (prefers-color-scheme: dark){
  .page-home{ background:#000; color:#e8e9ec; }
}

.page-home .footer{
  background:#f5f5f7;
  color:#5e6572;
}
@media (prefers-color-scheme: dark){
  .page-home .footer{
    background:#000;
    color:#a7acb7;
  }
}
.page-home .section{ position:relative; }
.page-home .section-bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.page-home .section-bg{
  background: radial-gradient(120% 140% at 50% 0%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 55%),
              linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,1) 78%);
}

/* Section-specific subtle gradients (no images) */
.page-home .top-event{
  --identity-aqua:90,205,211;
  --identity-rose:215,132,174;
  --identity-champagne:226,177,111;
}

.page-home .top-event .section-bg{
  background:
    radial-gradient(120% 140% at 50% 0%, rgba(255,255,255,.07) 0%, rgba(255,255,255,0) 58%),
    radial-gradient(82% 92% at 20% 34%, rgba(var(--identity-aqua),.14) 0%, rgba(var(--identity-aqua),0) 62%),
    radial-gradient(82% 92% at 80% 36%, rgba(var(--identity-rose),.12) 0%, rgba(var(--identity-rose),0) 62%),
    radial-gradient(76% 82% at 54% 82%, rgba(var(--identity-champagne),.10) 0%, rgba(var(--identity-champagne),0) 64%),
    linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,1) 78%);
}

.page-home .section--istage-27 .section-bg{
  background:
    radial-gradient(90% 110% at 22% 36%, rgba(188,133,82,.18) 0%, rgba(188,133,82,0) 62%),
    radial-gradient(86% 108% at 78% 38%, rgba(229,218,204,.14) 0%, rgba(229,218,204,0) 60%),
    radial-gradient(78% 92% at 72% 100%, rgba(105,118,148,.08) 0%, rgba(105,118,148,0) 64%),
    linear-gradient(180deg, rgba(12,9,7,.68) 0%, rgba(0,0,0,1) 84%);
}

.page-home .section--istage-18 .section-bg{
  background:
    radial-gradient(100% 120% at 30% 40%, rgba(250,210,160,.28) 0%, rgba(250,210,160,0) 62%),
    radial-gradient(100% 120% at 75% 35%, rgba(215,155,120,.22) 0%, rgba(215,155,120,0) 62%),
    linear-gradient(180deg, rgba(245,245,247,1) 0%, rgba(245,245,247,1) 32%, rgba(232,233,237,1) 100%);
}

.page-home .section--compare .section-bg{
  background:
    radial-gradient(100% 120% at 28% 40%, rgba(0,229,255,.10) 0%, rgba(0,229,255,0) 62%),
    radial-gradient(100% 120% at 74% 38%, rgba(251,116,234,.08) 0%, rgba(251,116,234,0) 62%),
    radial-gradient(120% 140% at 50% 0%, rgba(255,255,255,.30) 0%, rgba(255,255,255,0) 58%),
    linear-gradient(180deg, rgba(245,245,247,1) 0%, rgba(245,245,247,1) 32%, rgba(232,233,237,1) 100%);
}


.page-home .section > .container{
  position:relative;
  z-index:2;
}

.page-home .top-event{
  overflow:hidden;
  padding-bottom:26px;
}

@media (max-width:900px) and (orientation:portrait){
  .page-home .top-event{
    padding-bottom:20px;
  }
}

.page-home .top-event .event-fade{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  top:52%;
  z-index:1;
  pointer-events:none;

  background: rgba(0,0,0,.78);

  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 28%,
    rgba(0,0,0,1) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 28%,
    rgba(0,0,0,1) 100%
  );
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
}

@supports not ((-webkit-mask-image: linear-gradient(#000,#000)) or (mask-image: linear-gradient(#000,#000))){
  .page-home .top-event .event-fade{
    top:auto;
    height: clamp(160px, 28vw, 260px);
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.28) 35%,
      rgba(0,0,0,.78) 100%
    );
  }
}

.event-visual img{
  display:block;
  height:auto;
  width: min(560px, 88%);
  margin: 0 auto 8px;
}

.event-copy{
  text-align:center;
  font-weight:600;
  font-size: clamp(18px, 2.4vw, 22px);
  line-height:1.4;
  margin: 4px auto 2px;
  padding: 0 8px;
}

/* Home-only scroll cue */
.page-home .section--first .copy::after{
  content:"";
  display:block;

  width:38px;
  height:22px;
  margin:2px auto 0;

  background:rgba(255,255,255,.62);
  backdrop-filter:saturate(175%) blur(18px);
  -webkit-backdrop-filter:saturate(175%) blur(18px);

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 9.25L12 15.75L18.5 9.25' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 9.25L12 15.75L18.5 9.25' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;

  border:0;
  border-radius:0;
  box-shadow:none;
  pointer-events:none;
}

.page-home .section--first .copy .subtitle::after{content:none !important;}

.text-aurora{
  --c1:var(--identity-aqua);
  --c2:var(--identity-rose);
  --c3:var(--identity-champagne);

  background-image:
    radial-gradient(60% 140% at 20% 30%, rgba(var(--c1), .98) 0, rgba(var(--c1), 0) 60%),
    radial-gradient(70% 120% at 80% 35%, rgba(var(--c2), .98) 0, rgba(var(--c2), 0) 60%),
    radial-gradient(70% 130% at 60% 80%, rgba(var(--c3), .98) 0, rgba(var(--c3), 0) 60%),
    radial-gradient(140% 220% at 40% 60%, rgba(var(--c1), .28) 0, rgba(var(--c1), 0) 70%),
    radial-gradient(140% 220% at 70% 40%, rgba(var(--c2), .28) 0, rgba(var(--c2), 0) 70%),
    radial-gradient(140% 220% at 50% 70%, rgba(var(--c3), .28) 0, rgba(var(--c3), 0) 70%),
    linear-gradient(90deg, rgba(var(--c1), .32), rgba(var(--c2), .32), rgba(var(--c3), .32));

  background-size: 140% 140%, 140% 140%, 140% 140%, 200% 200%, 200% 200%, 200% 200%, 100% 100%;
  background-position: 0% 30%, 100% 20%, 60% 80%, 40% 60%, 70% 40%, 50% 70%, 50% 50%;
  background-repeat: no-repeat;
  background-blend-mode: screen, screen, screen, screen, screen, screen, normal;

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;

  animation: aurora-mix 24s cubic-bezier(.22,1,.36,1) infinite alternate;
  will-change: background-position;

  filter:saturate(1.06) contrast(1.025);
}

@keyframes aurora-mix{
  0%{ background-position: 0% 30%, 100% 20%, 60% 80%, 40% 60%, 70% 40%, 50% 70%, 50% 50%; }
  25%{ background-position: 18% 65%, 78% 28%, 52% 38%, 58% 42%, 42% 62%, 68% 48%, 50% 50%; }
  50%{ background-position: 44% 72%, 26% 76%, 24% 32%, 62% 58%, 36% 48%, 64% 62%, 50% 50%; }
  75%{ background-position: 82% 44%, 40% 22%, 18% 86%, 30% 56%, 84% 34%, 30% 78%, 50% 50%; }
  100%{ background-position: 0% 30%, 100% 20%, 60% 80%, 40% 60%, 70% 40%, 50% 70%, 50% 50%; }
}

@media (prefers-reduced-motion: reduce){
  .text-aurora{ animation: none; }
}