.media-listing{display:grid;gap:2rem}@media (min-width:1024px){.media-listing{gap:2.5rem}}.media-listing .media-category-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem}.media-listing .media-category-pill{min-height:2.5rem;padding:.5rem 1rem;border:1px solid #101828;border-radius:var(--radius-pill);background-color:#ffffff;color:#71bf44;font-size:var(--text-small);font-weight:500;line-height:1.2;cursor:pointer;transition:background-color .15s var(--ease-brand),border-color .15s var(--ease-brand),color .15s var(--ease-brand),box-shadow .15s var(--ease-brand)}.media-listing .media-category-pill:hover{background-color:#71bf44;border-color:#71bf44;color:#101828}.media-listing .media-category-pill--active,.media-listing .media-category-pill--active:hover{border-color:#101828;background-color:#101828;color:#71bf44;box-shadow:0 4px 10px rgb(17 177 75/.3)}.media-listing .media-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.media-listing .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.media-listing .media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.media-listing .media-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.media-listing .media-pagination-btn{display:inline-flex;min-width:2.5rem;min-height:2.5rem;align-items:center;justify-content:center;padding:0 .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:#ffffff;color:#1fb05d;font-size:var(--text-small);font-weight:600;cursor:pointer;transition:background-color .15s var(--ease-brand),border-color .15s var(--ease-brand),color .15s var(--ease-brand)}.media-listing .media-pagination-btn:hover{background-color:#e9f7ef;border-color:#1fb05d;color:#1fb05d}.media-listing .media-pagination-btn--active,.media-listing .media-pagination-btn--active:hover{border-color:#1fb05d;background-color:#1fb05d;color:#ffffff}.media-hero-shell{background-color:var(--color-brand-accent-soft);background-image:url(/assets/img/media/request-demo-banner-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.media-hero{padding:25px 0 60px}.media-card{display:flex;height:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 0 16px 2px rgb(2 25 64/.12);transition:transform .28s var(--ease-brand),box-shadow .28s var(--ease-brand)}.media-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.media-card-link{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}.media-card-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.media-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--color-surface-muted)}.media-card-media img{object-fit:cover;transition:transform .5s var(--ease-brand)}.media-card-play{position:absolute;bottom:.625rem;left:.625rem;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-pill);background:var(--color-error);color:var(--color-text-inverse);transition:transform .28s var(--ease-brand)}.media-card-play:after,.media-card-play:before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid color-mix(in srgb,var(--color-error) 70%,white);opacity:0;pointer-events:none}.media-card-play-icon{margin-left:2px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid}.media-card-body{display:flex;flex:1;flex-direction:column;gap:.375rem;padding:.9375rem}.media-card-category{margin:0;font-size:var(--text-small);font-weight:500;line-height:1.4;color:var(--color-brand-accent)}.media-card-title{margin:0;flex:1;font-size:var(--text-h4);font-weight:600;line-height:1.35;color:var(--color-logo-blue);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}@keyframes media-play-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes media-play-ring{0%{transform:scale(1);opacity:.65}to{transform:scale(1.7);opacity:0}}@media (prefers-reduced-motion:no-preference){.media-card-play{animation:media-play-float 1.8s ease-in-out infinite}.media-card-play:after,.media-card-play:before{animation:media-play-ring 2.4s ease-out infinite}.media-card-play:after{animation-delay:1.2s}.media-card:hover .media-card-media img{transform:scale(1.05)}.media-card:hover .media-card-play{animation:none;transform:translateY(-4px) scale(1.1)}.media-card:hover .media-card-play:after,.media-card:hover .media-card-play:before{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.media-card,.media-card-media img,.media-card-play{transition:none;animation:none}.media-card-play:after,.media-card-play:before{content:none;animation:none}.media-card:hover{transform:none}}