/* ── Text gradients ── */
	.sf-grad-blue,
	.sf-grad-green,
	.sf-grad-red {
		-webkit-background-clip: text !important;
		background-clip: text !important;
		-webkit-text-fill-color: transparent !important;
		display: inline !important;
	}
	/* Colour at bottom of letter → white at top, blends with card's white top */
	.sf-grad-blue  { background-image: linear-gradient(to top, #0071E3 0%, #ffffff 100%) !important; }
	.sf-grad-green { background-image: linear-gradient(to top, #76B900 0%, #ffffff 100%) !important; }
	.sf-grad-red   { background-image: linear-gradient(to top, #FF3B30 0%, #ffffff 100%) !important; }

	/* ── Brand cards — Apple-style subtle gradient ── */
	.sf-card-blue,
	.sf-card-green,
	.sf-card-red {
		border-radius: 20px !important;
		overflow: hidden !important;
		transition: box-shadow 0.35s cubic-bezier(0.4,0,0.2,1),
		            transform  0.35s cubic-bezier(0.4,0,0.2,1) !important;
		padding: 32px 28px 28px !important;
	}
	.sf-card-blue:hover,
	.sf-card-green:hover,
	.sf-card-red:hover {
		box-shadow: 0 16px 48px rgba(0,0,0,0.10) !important;
		transform: translateY(-4px) !important;
	}