/* Keep the shared launcher palette while simplifying the website's reading rhythm. */
.hero--statement { min-height: auto; padding-block: clamp(68px, 9vw, 128px) 36px; }
.hero--statement h1 { font-size: clamp(2.7rem, 6.2vw, 6rem); line-height: 1.06; letter-spacing: -.055em; text-wrap: balance; }
.hero-copy > p:not(.eyebrow) { max-width: 58ch; margin-inline: auto; font-size: 1.0625rem; line-height: 1.75; }
.hero-actions { flex-wrap: wrap; gap: 12px; }
.hero-actions > a { min-height: 48px; padding: 13px 22px; font-size: .9375rem; border-radius: 10px; }
.hero-bottom { margin-top: 48px; }
.feature-jump { gap: 10px; margin-bottom: 40px; }
.feature-jump a { display: inline-flex; align-items: center; min-height: 44px; font-size: .875rem; border-radius: 8px; }
.faq summary { min-height: 60px; font-size: 1rem; }
.faq details p { font-size: 1rem; line-height: 1.75; }
.product-card p { font-size: 1rem; line-height: 1.7; }
.showcase-card { border-radius: 18px; }
.showcase-card p { line-height: 1.75; }
section[id], article[id] { scroll-margin-top: 110px; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.skip-link { position: fixed; left: 16px; top: 12px; z-index: 1000; transform: translateY(-160%); padding: 12px 18px; border-radius: 8px; background: var(--accent); color: var(--accent-ink); }
.skip-link:focus { transform: translateY(0); }
@media (max-width: 620px) {
  .hero--statement { padding-top: 50px; }
  .hero-actions > a { flex: 1 1 180px; text-align: center; }
  .hero-bottom { flex-wrap: wrap; gap: 16px; }
  .feature-jump a { flex: 1 1 auto; justify-content: center; }
  .showcase-card { position: relative; top: auto; transform: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .reveal { opacity: 1 !important; transform: none !important; }
}

/* Flat, quiet surfaces: depth comes from borders and spacing rather than glow. */
*, *::before, *::after { text-shadow: none !important; filter: none !important; box-shadow: none !important; backdrop-filter: none !important; }
[class*="glow"], [class*="Glow"], [class*="halo"], [class*="Halo"], [class*="neon"], [class*="Neon"] { display: none !important; background: none !important; }

/* Shared pixel heart accent. Keep the exact 24px grid visible after the flat-surface reset. */
.people-heart { align-self: center !important; }
@media (max-width: 900px) {
  .people-heart { align-self: center !important; }
}
@media (max-width: 620px) {
  .people-heart { margin-block: 2px !important; }
}
.people-heart, .footer-heart {
  position: relative !important;
  display: inline-block !important;
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  filter: drop-shadow(1px 1px 0 var(--pink-shadow)) !important;
  animation: kv-pixel-heartbeat 2s steps(2, end) infinite !important;
}
.people-heart::before, .footer-heart::before {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 4px !important;
  height: 4px !important;
  content: '' !important;
  display: block !important;
  background: #ff9bc2 !important;
  box-shadow: 4px 0 var(--pink), 12px 0 var(--pink), 16px 0 #ff9bc2,
    0 4px var(--pink), 4px 4px #ff9bc2, 8px 4px var(--pink), 12px 4px var(--pink), 16px 4px #ff9bc2, 20px 4px var(--pink),
    0 8px var(--pink), 4px 8px var(--pink), 8px 8px var(--pink), 12px 8px var(--pink), 16px 8px var(--pink), 20px 8px var(--pink),
    4px 12px var(--pink), 8px 12px var(--pink), 12px 12px var(--pink), 16px 12px var(--pink),
    8px 16px var(--pink), 12px 16px var(--pink), 12px 20px var(--pink) !important;
}

/* Remove the remaining radial light blooms from major surfaces. */
body, .topbar, .hero, .workflow-list li, .about, .download-card, .site-footer,
.docs-hero--expanded, .legal-hero, .docs-section, .release-spotlight__panel,
.product-card, .showcase-card, .launcher-screenshot, .launcher-demo__hero,
.community-preview, .studio-canvas, .hud-preview { background-image: none !important; }

/* Remove the old offset "stack" that appeared as a glowing rectangle below cards. */
.kv-depth-card,
.kv-depth-card--visible,
.kv-depth-card--visible:hover {
  box-shadow: none !important;
}

/* Platform lighting: each download card carries its color into a soft page wash. */
:root {
  --platform-light-x: 50vw;
  --platform-light-y: 72vh;
  --platform-light-rgb: 136, 169, 122;
}

:root[data-platform-light="windows"] { --platform-light-rgb: 93, 173, 236; }
:root[data-platform-light="macos"] { --platform-light-rgb: 184, 163, 226; }
:root[data-platform-light="linux"] { --platform-light-rgb: 226, 180, 91; }

.platform-ambient-light {
  position: fixed;
  inset: 0;
  z-index: 80;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(620px circle at var(--platform-light-x) var(--platform-light-y), rgba(var(--platform-light-rgb), .16), rgba(var(--platform-light-rgb), .055) 38%, transparent 72%),
    linear-gradient(125deg, rgba(var(--platform-light-rgb), .025), transparent 42%, rgba(var(--platform-light-rgb), .018));
  transition: background 180ms linear;
}

:root[data-platform-light] .platform-ambient-light { opacity: 1; }
:root[data-theme="light"] .platform-ambient-light { mix-blend-mode: multiply; }

.download-card[data-platform] {
  --platform-card-rgb: 136, 169, 122;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(var(--platform-card-rgb), .24);
  transition: transform 260ms cubic-bezier(.2, .8, .2, 1), border-color 260ms ease, background-color 260ms ease !important;
}

.download-card[data-platform="windows"] { --platform-card-rgb: 93, 173, 236; }
.download-card[data-platform="macos"] { --platform-card-rgb: 184, 163, 226; }
.download-card[data-platform="linux"] { --platform-card-rgb: 226, 180, 91; }

.download-card[data-platform]::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block !important;
  content: '';
  opacity: .34;
  background: radial-gradient(circle at 88% 8%, rgba(var(--platform-card-rgb), .2), transparent 54%) !important;
  transition: opacity 260ms ease, transform 360ms cubic-bezier(.2, .8, .2, 1);
  transform: scale(.96);
}

.download-card[data-platform]:hover,
.download-card[data-platform]:focus-visible {
  border-color: rgba(var(--platform-card-rgb), .58) !important;
  background-color: color-mix(in srgb, var(--surface) 94%, rgb(var(--platform-card-rgb))) !important;
  transform: translateY(-5px) !important;
}

.download-card[data-platform]:focus-visible {
  outline-color: rgb(var(--platform-card-rgb));
}

.download-card[data-platform]:hover::before,
.download-card[data-platform]:focus-visible::before {
  opacity: .78;
  transform: scale(1.06);
}

.download-card[data-platform] .os,
.download-card[data-platform] em,
.download-card[data-platform] .download-card__top > i {
  color: rgb(var(--platform-card-rgb));
}

.download-card[data-platform] .download-card__status {
  color: rgb(var(--platform-card-rgb));
  border-color: rgba(var(--platform-card-rgb), .36);
  background: rgba(var(--platform-card-rgb), .08);
}

@media (hover: none), (pointer: coarse) {
  .platform-ambient-light { display: none; }
  .download-card[data-platform]:hover { transform: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .platform-ambient-light { display: none; }
  .download-card[data-platform] { transition: none !important; }
}