/* Local homepage study: Lakers colors with an original sunset treatment.
   Stripe inspired the use of white space, contained gradients and abstract depth;
   no Stripe artwork, markup or assets are used here. */
.mf-site[data-view=home][data-palette=sun-electric-purple][data-demo=lakers-sunset] {
  --home-canvas: #fffefa;
  --home-canvas-alt: #f8f5ff;
  --home-surface: #ffffff;
  --home-soft: #f2ecfb;
  --home-ink: #2b1a47;
  --home-body: #514b61;
  --home-muted: #625c70;
  --home-action: #6b2fbf;
  --home-action-hover: #57249f;
  --home-on-action: #ffffff;
  --home-border: #e6dfef;
  --home-border-strong: #a888d4;
  --home-focus: #6b2fbf;
  --home-hero-art: #ffd93d;
  --home-preview: #ffffff;
  --home-preview-ink: #2b1a47;
  --home-card-one: #ffffff;
  --home-card-two: #ffffff;
  --home-card-three: #ffffff;
  --home-card-border: #e6dfef;
  --home-card-feature-border: #a888d4;
  --home-card-label: #625c70;
  --home-card-feature-label: #6b2fbf;
  --home-demo-one: #ffffff;
  --home-demo-two: #ffffff;
  --home-demo-three: #ffffff;
  --home-note: #f7f2fe;
  --home-note-overlay: #f7f2fe;
  --home-cta: #2b1a47;
  --home-cta-ink: #ffffff;
  --home-cta-button: #ffd93d;
  --home-cta-button-ink: #2b1a47;
  --home-header: #fffefaf2;
  --home-shadow: 0 18px 46px #2b1a471a;
  color-scheme: light;
}

.mf-site[data-view=home][data-palette=sun-electric-purple][data-demo=lakers-sunset][data-home-theme=dark] {
  --home-canvas: #18141f;
  --home-canvas-alt: #21192e;
  --home-surface: #291c43;
  --home-soft: #38264f;
  --home-ink: #f5effb;
  --home-body: #c5b8d7;
  --home-muted: #b2a3c5;
  --home-action: #ffd93d;
  --home-action-hover: #ffe36b;
  --home-on-action: #2b1a47;
  --home-border: #d9c2f040;
  --home-border-strong: #d9c2f080;
  --home-focus: #ffd93d;
  --home-hero-art: #291c43;
  --home-preview: #291c43;
  --home-preview-ink: #f5effb;
  --home-card-one: #291c43;
  --home-card-two: #291c43;
  --home-card-three: #291c43;
  --home-card-border: #d9c2f026;
  --home-card-feature-border: #d9c2f080;
  --home-card-label: #b2a3c5;
  --home-card-feature-label: #ffd93d;
  --home-demo-one: #291c43;
  --home-demo-two: #291c43;
  --home-demo-three: #291c43;
  --home-note: #291c43;
  --home-note-overlay: #291c43;
  --home-cta: #402667;
  --home-cta-ink: #ffffff;
  --home-cta-button: #ffd93d;
  --home-cta-button-ink: #2b1a47;
  --home-header: #18141ff2;
  --home-shadow: 0 18px 50px #0c07164d;
  color-scheme: dark;
}

/* One expressive gradient behind the product preview; the page itself stays quiet. */
.mf-site[data-demo=lakers-sunset] .mf-hero-art {
  isolation: isolate;
  border: 0;
  border-radius: 32px;
  background:
    radial-gradient(ellipse at 11% 98%, #ffe97e 0%, transparent 39%),
    radial-gradient(ellipse at 92% 0%, #dbb8ff91 0%, transparent 40%),
    linear-gradient(125deg, #ffd93d 0%, #ffb15b 25%, #f477a6 50%, #d144dc 74%, #7252dc 100%);
  box-shadow: 0 20px 54px #6b2fbf1f;
}
.mf-site[data-demo=lakers-sunset][data-home-theme=dark] .mf-hero-art {
  background:
    radial-gradient(ellipse at 8% 0%, #ffc76c80 0%, transparent 43%),
    radial-gradient(ellipse at 92% 98%, #a65cff99 0%, transparent 45%),
    linear-gradient(125deg, #684052 0%, #954b84 34%, #7847b8 67%, #3e317c 100%);
  box-shadow: 0 24px 60px #0c071666;
}
.mf-site[data-demo=lakers-sunset] .mf-orbit { border-color: #ffffffa6; opacity: .42; }
.mf-site[data-demo=lakers-sunset] .mf-sun { background: #ffffff; opacity: .22; }
.mf-site[data-demo=lakers-sunset] .mf-preview {
  position: relative;
  z-index: 2;
  width: 92%;
  max-width: none;
  min-height: 385px;
  transform: none;
  border: 0;
  border-radius: 26px;
  box-shadow: 0 23px 52px #2b1a4733;
}
.mf-site[data-demo=lakers-sunset][data-home-theme=dark] .mf-preview {
  border: 1px solid #d9c2f04d;
  box-shadow: 0 25px 56px #0c071666;
}
.mf-site[data-demo=lakers-sunset] .mf-preview-time {
  font-weight: 650;
  letter-spacing: -.075em;
}
.mf-site[data-demo=lakers-sunset] .mf-floating-note { z-index: 3; }
.mf-site[data-demo=lakers-sunset] .mf-benefit-strip {
  background: transparent;
  border-top: 1px solid var(--home-border);
  border-bottom: 1px solid var(--home-border);
}
.mf-site[data-demo=lakers-sunset] .mf-card { box-shadow: 0 12px 34px #2b1a470a; }
.mf-site[data-demo=lakers-sunset] .mf-card:nth-child(3) { border-width: 2px; }
.mf-site[data-demo=lakers-sunset] .mf-card-demo {
  background:
    radial-gradient(circle at 92% 12%, #d9c2f055, transparent 38%),
    var(--home-surface);
}
.mf-site[data-demo=lakers-sunset][data-home-theme=dark] .mf-card-demo {
  background: var(--home-surface);
}
.mf-site[data-demo=lakers-sunset] .mf-wide-note::before {
  width: 100%;
  background:
    radial-gradient(circle at 72% 26%, #ffd93d 0 11%, transparent 12%),
    radial-gradient(circle at 36% 64%, #d9c2f0 0 20%, transparent 21%),
    linear-gradient(125deg, #f7c177, #ef83b8 50%, #a584e8);
  opacity: .36;
}
.mf-site[data-demo=lakers-sunset][data-home-theme=dark] .mf-wide-note::before {
  background:
    radial-gradient(circle at 72% 26%, #ffd93d 0 10%, transparent 11%),
    radial-gradient(circle at 36% 64%, #8b59ba 0 20%, transparent 21%),
    linear-gradient(125deg, #85516a, #7a49ae 65%, #433174);
  opacity: .22;
}
.mf-site[data-demo=lakers-sunset] .mf-final-cta {
  background: linear-gradient(115deg, #2b1a47 0%, #4b267d 59%, #6b2fbf 100%);
  box-shadow: 0 24px 54px #2b1a471a;
}
.mf-site[data-demo=lakers-sunset][data-home-theme=dark] .mf-final-cta {
  background: linear-gradient(115deg, #402667 0%, #5a2c91 63%, #6b2fbf 100%);
}
