.page-hero h1 { font-weight: 700; }
	.sec-stats .cred { grid-template-columns: repeat(3, 1fr); }
	@media (max-width: 767px) { .sec-stats .cred { grid-template-columns: repeat(2, 1fr); } .sec-stats .cred .item:last-child { grid-column: 1 / -1; } }

	/* Featured cards: video thumbnails as the card cover, red play badge */
	.cs-card .video-thumb img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; border-bottom: 1px solid var(--line); }
	/* Soften the interview thumbnails: a light wash so the images read a touch muted
	   without dimming faces. Sits under the play badge (z-index) and never blocks the
	   card link (pointer-events). Clears on hover. */
	.cs-card .video-thumb::after { content: ""; position: absolute; inset: 0; background: rgba(255, 255, 255, .18); pointer-events: none; z-index: 1; }
	.cs-card .video-thumb .vplay { z-index: 2; }
	.cs-card:hover .video-thumb::after { background: rgba(255, 255, 255, .04); }
	.cs-card:hover .video-thumb .vplay { transform: translate(-50%,-50%) scale(1.12); background: #c51f29; }
	/* Whole-card link (.card-link) now lives in mrc-2026.css (shared, promoted 7/20). */
	@media (prefers-reduced-motion: reduce) { .cs-card:hover .video-thumb .vplay { transform: translate(-50%,-50%); } }

	/* Library cards: the logo cover image is the card head, shown as-is */
	.csg-cover img { width: 100%; aspect-ratio: 380 / 238; object-fit: cover; display: block; border-bottom: 1px solid var(--line); }
	.csg-pills { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: .85rem; }
	.csg-pill { background: var(--bg-soft-2); font-size: .74rem; font-weight: 600; color: var(--ink); border-radius: 999px; padding: .3rem .75rem; white-space: nowrap; }
	/* Pill color coding: one color per solution family (AA text on tint) */
	.csg-pill.s-rep { background: #e0f1f1; color: #08606b; }
	.csg-pill.s-web { background: #e7eafc; color: #34419b; }
	.csg-pill.s-crm { background: #fcf1d7; color: #7c5410; }
	.csg-pill.s-sheet { background: #eff4da; color: #55650f; }
	.csg-pill.s-mod { background: #f2e7fa; color: #6f3b9d; }
	.csg-pill.s-mob { background: #f3ece2; color: #755426; }
	.csg-pill.s-serv { background: #e6ecef; color: #315a6d; }
	.csg-pill.vid { background: #fceceb; color: #c0242e; display: inline-flex; align-items: center; gap: .35rem; }
	.csg-pill.vid .fa { font-size: .58rem; }
	/* Industry as a color-coded small-caps kicker above the title, distinct in form
	   from the solution pills (same hues as the industry pill palette) */
	.csg-ind { font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; margin: 0 0 .45rem; }
	.csg-ind.i-mfg { color: #2a5286; }
	.csg-ind.i-dist { color: #8a4c10; }
	.csg-ind.i-gov { color: #4d3d96; }
	.csg-ind.i-np { color: #99306a; }
	.csg-ind.i-hc { color: #a53125; }
	.csg-ind.i-fin { color: #156b4e; }
	.csg-ind.i-saas { color: #0f647e; }
	.csg-ind.i-other { color: #4a5560; }
	.csg-item.is-hidden { display: none !important; }
	#cs-library .cs-card .cs-body { padding: 1.35rem 1.5rem 1.4rem; }
	#cs-library .cs-card h3 { font-size: 1.02rem; }
	#cs-library .cs-card .result { font-size: .89rem; }

	/* Dual filter rows */
	.cs-filters { margin-bottom: 2.6rem; }
	.cs-frow { display: flex; align-items: baseline; gap: 1.1rem; margin-bottom: .95rem; }
	.cs-frow .cs-flabel { flex-shrink: 0; min-width: 86px; text-align: right; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }
	.cs-frow .demo-filter { justify-content: flex-start; margin: 0; }
	@media (max-width: 767px) { .cs-frow { flex-direction: column; gap: .55rem; } .cs-frow .cs-flabel { text-align: left; min-width: 0; } }
	#cs-noresults { text-align: center; color: var(--body); padding: 2.5rem 0 1rem; }