.demo-library-section{background:#f7faf9;padding:80px 0}.demo-library-tools{display:flex;flex-direction:column;gap:22px;margin-bottom:48px}.demo-library-search{max-width:560px;width:100%}.demo-library-search__wrap{position:relative}.demo-library-search__icon{color:#506d7d;left:18px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.demo-library-search__input{appearance:none;background:#fff;border:1px solid #dfe6ea;border-radius:10px;color:#1d2c34;font:inherit;font-size:16px;line-height:1.4;min-height:52px;outline:none;padding:12px 18px 12px 50px;transition:border-color .18s ease,box-shadow .18s ease;width:100%}.demo-library-search__input::placeholder{color:#8296a0}.demo-library-search__input:hover{border-color:#c5d2d8}.demo-library-search__input:focus{border-color:#1a7569;box-shadow:0 0 0 3px rgba(26,117,105,.1)}.demo-library-filters{display:flex;flex-wrap:wrap;gap:10px}.demo-filter{appearance:none;background:#fff;border:1px solid #dfe6ea;border-radius:999px;color:#304754;cursor:pointer;font:inherit;font-size:14px;font-weight:500;line-height:1.2;padding:10px 16px;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.demo-filter:hover{border-color:#98bbb6}.demo-filter:focus-visible{outline:2px solid #1a7569;outline-offset:2px}.demo-filter.is-active{background:#304754;border-color:#304754;color:#fff}.demo-library-section-heading{margin-bottom:20px}.demo-library-section-heading__eyebrow{color:#506d7d;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.demo-library-featured{margin-bottom:64px}.demo-card--featured{align-items:center;background:#fff;border:1px solid #dfe6ea;border-radius:18px;box-shadow:0 18px 45px rgba(13,35,43,.06);display:grid;gap:48px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);padding:42px}.demo-card--featured .demo-card__title{font-size:clamp(30px,3vw,42px);line-height:1.08}.demo-card--featured .demo-card__info{font-size:17px;max-width:540px}.demo-library-grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.demo-card{min-width:0}.demo-library-grid .demo-card{background:#fff;border:1px solid #dfe6ea;border-radius:16px;box-shadow:0 12px 32px rgba(13,35,43,.045);display:flex;flex-direction:column;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.demo-library-grid .demo-card:hover{border-color:#c6d5da;box-shadow:0 16px 38px rgba(13,35,43,.075);transform:translateY(-2px)}.demo-card__media{background:#102630;overflow:hidden;position:relative}.demo-card--featured .demo-card__media{border-radius:14px}.demo-library-grid .demo-card__media{border-radius:0}.demo-card__media-bg{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.demo-card__video-wrap{padding:18px;position:relative;z-index:2}.demo-card__video-wrap iframe,.demo-card__video-wrap video{display:block;max-width:100%;width:100%!important}.demo-card__video-wrap>div{max-width:100%}.demo-card__image{display:block;height:auto;width:100%}.demo-library-grid .demo-card__content{display:flex;flex:1;flex-direction:column;padding:26px}.demo-card__tagline{color:#1a7569;display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em;line-height:1.2;margin-bottom:12px;text-transform:uppercase}.demo-card__title{color:#1d2c34;margin:0 0 14px}.demo-library-grid .demo-card__title{font-size:clamp(22px,2vw,28px);line-height:1.15}.demo-card__info{color:#506d7d}.demo-card__info p{margin-bottom:1rem;margin-top:0}.demo-card__info p:last-child{margin-bottom:0}.demo-card__info ul{list-style:none;margin:20px 0 0;padding:0}.demo-card__info li{margin-bottom:9px;padding-left:24px;position:relative}.demo-card__info li:last-child{margin-bottom:0}.demo-card__info li:before{background:#1a7569;border-radius:999px;color:#fff;content:"✓";font-size:10px;font-weight:700;height:16px;left:0;line-height:16px;position:absolute;text-align:center;top:.15em;width:16px}.demo-card[hidden]{display:none!important}.demo-library-empty{padding:64px 24px;text-align:center}.demo-library-empty h3{color:#1d2c34;margin:0 0 8px}.demo-library-empty p{color:#506d7d;margin:0}.demo-library-empty[hidden]{display:none!important}.demo-library-sr-only{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}@media (max-width:1100px){.demo-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:991px){.demo-library-section{padding:56px 0}.demo-card--featured{gap:28px;grid-template-columns:1fr;padding:28px}.demo-card--featured .demo-card__media{order:-1}}@media (max-width:700px){.demo-library-grid{grid-template-columns:1fr}.demo-library-tools{margin-bottom:36px}.demo-library-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.demo-library-filters::-webkit-scrollbar{display:none}.demo-filter{flex:0 0 auto}}@media (max-width:575px){.demo-card--featured{border-radius:14px;padding:22px}.demo-library-grid .demo-card__content{padding:22px}.demo-card__video-wrap{padding:12px}.demo-library-featured{margin-bottom:48px}}