/* SyncDesk colours: deep blue in place of SyncByte's green, same yellow and paper. */
:root {
	--paper: #f2f4f6;
	--paper-2: #e7ebef;
	--white: #fbfcfd;
	--line: #d0d7de;
	--green: #173d5c;
	--green-2: #22567f;
	--green-3: #2f73a8;
	--on-green: #e9f0f6;
	--on-green-muted: #b4c6d6;
}
.support-levels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.support-level { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-l); padding: 24px; display: flex; flex-direction: column; gap: 8px; }
.support-level.is-hot { border-color: var(--green-3); box-shadow: inset 0 0 0 1px var(--green-3); }
.support-level b { font-size: 1.2rem; }
.support-level .support-price { font-size: 1.6rem; font-weight: 800; color: var(--green); letter-spacing: -0.02em; }
.support-level span { color: var(--ink-2); font-size: .9375rem; }
.sd-family { margin: 22px 0 0; color: var(--muted); font-size: .9375rem; }
@media (max-width: 860px) { .support-levels { grid-template-columns: 1fr; } }
.site-footer { background: #0f2638; }
#support { padding-bottom: 0; }
.support-level .support-price small { font-size: 1rem; font-weight: 700; }