/* footer-cta. Scoped to its root class. Colours come only from tokens.css. */
.sk.sk-footer-cta { background: var(--sk-night); color: var(--sk-on-night); --sk-soft: var(--sk-on-night-soft); --sk-ring: var(--sk-on-night); }
.sk.sk-footer-cta .sk-foot:not(:has(*)) { display: none; }
.sk.sk-footer-cta .sk-inner { display: flex; flex-direction: column; gap: clamp(40px, 6cqi, 80px); padding-block: var(--sk-section-y) 24px; }
.sk.sk-footer-cta .sk-top { display: grid; grid-template-columns: minmax(0, 2.4fr) minmax(0, 1fr); gap: clamp(24px, 5cqi, 72px); align-items: end; }
.sk.sk-footer-cta .sk-ask { display: flex; flex-direction: column; gap: 22px; align-items: flex-start; }
.sk.sk-footer-cta .sk-pic { aspect-ratio: 4 / 5; border-radius: var(--sk-radius-arch) var(--sk-radius-arch) 0 0; }
@container sk (max-width: 520px) {
  .sk.sk-footer-cta .sk-top { grid-template-columns: minmax(0, 1fr); }
  .sk.sk-footer-cta .sk-pic { display: none; }
}
.sk.sk-footer-cta .sk-btn { --sk-btn-bg: var(--sk-second); --sk-btn-fg: var(--sk-on-second); --sk-btn-line: var(--sk-second); }
.sk.sk-footer-cta .sk-btn--ghost { --sk-btn-bg: transparent; --sk-btn-fg: var(--sk-on-night); --sk-btn-line: var(--sk-on-night); }
.sk.sk-footer-cta .sk-foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 32px; padding-top: 12px; border-top: var(--sk-stroke) solid var(--sk-on-night-soft); }
.sk.sk-footer-cta .sk-links { display: flex; flex-wrap: wrap; gap: 0 22px; }
.sk.sk-footer-cta .sk-link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; }
.sk.sk-footer-cta .sk-legal { font-size: var(--sk-text-sm); color: var(--sk-on-night-soft); }