/* Theme default - cta.css: call to action band and the start of the footer. */
.cta-band {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line-strong);
  border-radius: var(--r-l);
  padding: clamp(2rem, 5vw, 3.5rem);
  background: linear-gradient(120deg, rgb(var(--primary-rgb) / 0.22), rgb(var(--steel-rgb) / 0.14) 55%, rgb(var(--primary-rgb) / 0.12));
  text-align: center;
}
.cta-band h2 { max-width: 22ch; margin-inline: auto; }
.cta-band p { max-width: 52ch; margin-inline: auto; color: var(--muted); }
.cta-band .btn-row { justify-content: center; }

.site-footer { border-top: 1px solid var(--line); margin-top: var(--pad-y); padding-block: 3rem 2rem; background: rgb(var(--surface-rgb) / 0.7); }
.foot-grid { display: grid; gap: 2rem; grid-template-columns: minmax(0, 1.4fr) repeat(auto-fit, minmax(9rem, 1fr)); }
.foot-grid h4 { font-size: 0.76rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--dim); font-family: var(--mono); margin-bottom: 0.9rem; }
.foot-grid ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.5rem; }
.foot-grid a { text-decoration: none; color: var(--muted); font-size: 0.92rem; }
.foot-grid a:hover { color: var(--text); }
.foot-note { color: var(--muted); font-size: 0.92rem; max-width: 34ch; }
.foot-bottom { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--line); font-size: 0.84rem; color: var(--dim); }