/* The reference block shares its layout, icons and reveal timing on both pages. */
#luna.ss-luna-reference {
  --luna-navy: var(--org-navy, #0b1f3a);
  --luna-accent: var(--org-accent, #5eead4);
  --luna-ease: cubic-bezier(.22,1,.36,1);
  background: radial-gradient(circle at 70% 20%,#0d3aa6,var(--luna-navy) 65%);
  color: #fff;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  line-height: 1.55;
  letter-spacing: normal;
  padding: 100px 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
#luna.ss-luna-reference .wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
#luna.ss-luna-reference .eyebrow { display: block; margin: 0; padding: 0; gap: normal; font-family: inherit; line-height: inherit; font-size: 11px; letter-spacing: .24em; font-weight: 700; text-transform: uppercase; color: var(--luna-accent); }
#luna.ss-luna-reference .sh { font-family: inherit; font-style: normal; font-size: clamp(28px,4vw,50px); line-height: 1.1; margin: .25em 0 .6em; font-weight: 700; letter-spacing: -.025em; color: #fff; text-wrap: initial; }
#luna.ss-luna-reference .lead { max-width: 600px; margin: 1em 0; font-size: 18px; line-height: 1.7; letter-spacing: normal; color: #d6dcf2; }
#luna.ss-luna-reference .ico { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
#luna.ss-luna-reference .feat { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 14px; margin-top: 30px; }
#luna.ss-luna-reference .feat div { display: flex; gap: 12px; align-items: flex-start; padding: 18px; border-radius: 12px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.06); min-width: 0; }
#luna.ss-luna-reference .feat .ico { color: var(--luna-accent); margin-top: 3px; }
#luna.ss-luna-reference .feat h3 { font-family: inherit; margin: 0 0 4px; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; font-size: 16px; color: #fff; }
#luna.ss-luna-reference .feat p { margin: 0; font-size: 14px; letter-spacing: normal; color: #d6dcf2; line-height: 1.5; }
#luna.ss-luna-reference .reveal { opacity: 0; transform: translateY(36px); transition: opacity 1.1s var(--luna-ease),transform 1.1s var(--luna-ease); }
#luna.ss-luna-reference .reveal.in { opacity: 1; transform: none; }
@media (max-width: 600px) { #luna.ss-luna-reference { padding: 72px 0; } }
@media (prefers-reduced-motion: reduce) {
  #luna.ss-luna-reference .reveal { opacity: 1; transform: none; transition: none; }
}
html.a11y-reduce-motion #luna.ss-luna-reference .reveal { opacity: 1; transform: none; transition: none; }