/* Sample-call thumbnails (AI Front Desk page and anywhere else that links to /sample-calls/) */
.sc-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 24px; }
.sc-thumb { display: block; text-decoration: none; color: inherit; background: var(--surface); border: 1px solid var(--border); border-radius: 18px; overflow: hidden; box-shadow: var(--shadow); transition: transform .2s ease, border-color .2s ease; }
.sc-thumb:hover, .sc-thumb:focus-visible { transform: translateY(-3px); border-color: var(--teal-bright, #00a896); }
.sc-thumb__img { display: block; position: relative; aspect-ratio: 16 / 9; background: #000; }
.sc-thumb__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sc-thumb__play { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(20, 22, 26, .12); }
.sc-thumb__play i { width: 52px; height: 52px; border-radius: 50%; background: rgba(0, 121, 109, .95); display: grid; place-items: center; box-shadow: 0 8px 20px rgba(0, 0, 0, .25); }
.sc-thumb__play i::after { content: ""; margin-left: 4px; border-style: solid; border-width: 9px 0 9px 15px; border-color: transparent transparent transparent #fff; }
.sc-thumb__body { padding: 12px 14px 15px; display: grid; gap: 2px; }
.sc-thumb__body b { font-size: 16px; line-height: 1.3; }
.sc-thumb__body small { color: var(--text-2); font-size: 13.5px; line-height: 1.4; }
.sc-strip__all { margin-top: 22px; }
@media (max-width: 1000px) { .sc-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .sc-strip { grid-template-columns: 1fr; } }

/* "Hear a sample call" section on the industry pages */
.ind-call__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 40px; align-items: center; }
.ind-call__copy h2 { margin-bottom: 10px; }
.ind-call__copy p { color: var(--text-2); }
.ind-call__copy .ind-call__note { margin-top: 14px; font-size: 14px; color: var(--text-3); line-height: 1.55; }
.ind-call__links { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 10px; }
.ind-call video { display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 18px; border: 1px solid var(--border); box-shadow: var(--shadow); background: #000; }
@media (max-width: 900px) { .ind-call__grid { grid-template-columns: 1fr; gap: 22px; } }