/* Figma-led release refinements: September 4, 2026. */
:root { --audit-focus: #86efac; }
:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--audit-focus);
  outline-offset: 4px;
}
html { scroll-padding-top: 100px; }
.reveal { opacity: 1; transform: none; }
.site-nav__links a[aria-current="page"] { box-shadow: inset 0 -2px #69e18c; }
.site-nav__links { min-width: 0; }
.site-nav__links.is-open { max-height: calc(100dvh - 90px); overflow-y: auto; }
.site-footer p { color: #a2afbd; }
.site-footer a { display: inline-block; padding-block: 3px; }
.audit-skip { position: absolute; top: -100px; left: 16px; z-index: 120; padding: 12px 18px; border-radius: 8px; background: #fff; color: #0f172a; }
.audit-skip:focus { top: 12px; }

.home-hero__summary { max-width: 460px; margin: 24px 0 0; color: #dce6ef; font-size: 1rem; line-height: 1.65; text-wrap: pretty; }
.home-hero__actions { margin-top: 28px; padding-bottom: 58px; }
.stack-card { min-height: 270px; background: #fff; }
.stack-card::after { display: none; }
.stack-card > img:first-child { inset: 0; width: 100%; height: calc(100% - 124px); margin: 0; object-fit: contain; background: #f5f6f7; }
.stack-card__title { left: 16px; right: 16px; bottom: 62px; max-width: none; font-size: clamp(1.5rem, 2vw, 1.8rem); line-height: 1.05; }
.stack-card__action { left: 16px; right: auto; bottom: 16px; padding: 8px 14px; font-size: .6875rem; background: rgba(255,255,255,.84); }
.download-card > div > p { color: #64748b; }
.download-card > div { width: calc(100% - 114px); }
.stage__eyebrow { color: #4ade80; }
.home-text-link { display: inline-flex; align-items: center; min-height: 44px; }

@media (min-width: 701px) and (max-width: 1100px) {
  .market-feature-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .market-feature { min-height: 310px; }
  .market-feature div { right: 100px; }
}
@media (max-width: 700px) {
  .home-hero, .home-hero__content { min-height: 0; }
  .home-hero__content { padding-top: 218px; }
  .home-hero__content h1 { font-size: clamp(2.8rem, 13.2vw, 3.7rem); }
  .home-hero__summary { margin-top: 20px; font-size: .9375rem; line-height: 1.55; }
  .home-hero__actions { margin-top: 24px; padding-bottom: 42px; }
  .stack-card { min-height: 238px; }
  .stack-card__title { left: 12px; right: 12px; bottom: 58px; font-size: 1.45rem; }
  .stack-card__action { left: 12px; bottom: 14px; }
  .market-feature div { right: 104px; }
  .market-feature h3 { font-size: 1.35rem; }
  .download-card > div { width: calc(100% - 108px); }
}
@media (max-width: 360px) {
  .market-feature div { left: 18px; right: 90px; }
  .market-feature > span { right: 12px; padding-inline: 10px; }
  .stack-card__title { font-size: 1.25rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}