/* Closing CTA + footer — Figma 10007:23748 (984px tall at 1728) */
.closing {
  padding: clamp(96px, calc(222 / 1728 * 100vw), 222px) 0 clamp(40px, calc(91 / 1728 * 100vw), 91px);
}
/* Gradient as a z:-1 layer under the glows, starting transparent (= the page's #fafafa) so anything drifting in
   from Reviews above blends through instead of being covered. */
.closing::before {
  content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none;
  background: linear-gradient(to bottom, rgba(232,232,242,0) 0%, rgba(232,232,242,0.45) 31.25%, #e8e8f2 90.865%);
}
/* glow centre sits at 85.07% of the width (x=1470 at 1728) */
.closing-glow { position: absolute; left: calc(85.07% - 887px); top: -286px; width: 1774px; height: 1770px; pointer-events: none; }
.closing-cta, .closing-footer { position: relative; }
.closing-mglow { display: none; }
.closing-cta { display: flex; flex-direction: column; gap: clamp(48px, calc(108 / 1728 * 100vw), 108px); align-items: center; }
.closing-title {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  font-size: clamp(36px, calc(54.74 / 1728 * 100vw), 54.74px);
  line-height: 1.2057; /* 66px per line at 54.74 */
  color: var(--text-primary);
  text-wrap: balance;
}
.closing-title span { display: block; }
.closing-muted { color: var(--text-secondary); }
.closing-accent { color: var(--text-success); }
.closing-btn { display: flex; align-items: center; justify-content: center; padding: 8px 12px; border: 1px solid var(--text-success); text-decoration: none; }
.closing-btn span { padding: 10px; font-size: 16px; line-height: normal; color: var(--text-success); white-space: nowrap; }
.closing-footer {
  display: flex; justify-content: space-between; align-items: flex-start; gap: 32px;
  margin-top: clamp(96px, calc(274 / 1728 * 100vw), 274px);
}
.closing-logo { width: 298.349px; height: auto; flex-shrink: 0; }
.closing-links { display: flex; align-items: center; gap: 30.894px; height: 32.61px; }
.closing-links a { font-size: 13.73px; line-height: normal; color: var(--text-primary); text-decoration: none; white-space: nowrap; }
.closing-links a:hover { text-decoration: underline; }

/* Body text in Inter (Shane: Inter everywhere, no Helvetica) */
.closing-btn, .closing-links, .closing-footer { font-family: var(--font-body); }

@media (max-width: 1199px) {
  .closing-logo { width: clamp(200px, calc(298.349 / 1728 * 100vw * 1.4), 298.349px); }
  .closing-links { gap: 24px; }
}
/* Mobile — Figma 10108:4806: one full phone screen. Message + "Book a demo" centred on the screen,
   small centred wordmark and links at the bottom, one soft glow lower right. */
@media (max-width: 899px) {
  .closing {
    min-height: 100vh; min-height: 100svh; padding: 0 0 40px;
    display: flex; flex-direction: column;
  }
  .closing::before { background: linear-gradient(to bottom, rgba(232,232,242,0), #e8e8f2); }
  .closing-glow { display: none; }
  .closing-mglow { display: block; position: absolute; left: calc(50% - 38px); top: 414px; width: 396px; height: 394px; pointer-events: none; }
  .closing-mglow img { position: absolute; left: -88.38%; top: -88.83%; width: 276.76%; height: 277.66%; max-width: none; }

  /* 96px gap after a 99px headline box (3 lines + an empty 4th in Figma) ≈ 121px from the last line to the button */
  .closing-cta { flex: 1; justify-content: center; gap: 121px; padding: 140px 16px 48px; } /* headline box is 376 wide in Figma (14px sides) */
  .closing-title { font-size: 22.98px; line-height: normal; text-wrap: wrap; }
  .closing-btn span { font-family: var(--font-body); font-size: 13.3px; }

  .closing-footer { flex-direction: column; align-items: center; gap: 24px; margin-top: 0; padding-left: 16px; padding-right: 16px; }
  .closing-logo { width: 149.174px; }
  .closing-links { flex-wrap: wrap; justify-content: center; height: auto; gap: 4px 16px; }
  .closing-links a { font-size: 11.08px; color: var(--text-secondary); }
}