@layer design{.ap-vid{background:#f8fafc}.ap-vid-in{flex-direction:column;gap:clamp(22px,2.6vw,32px);max-width:1320px;margin:0 auto;padding:clamp(26px,3.2vw,40px) clamp(16px,3vw,40px) clamp(56px,6vw,92px);display:flex}.ap-vid-tabs{flex-wrap:wrap;gap:8px;display:flex}.ap-vid-tab{height:46px;font:600 13.5px/1 var(--font-inter),sans-serif;color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:0 16px;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.ap-vid-tab:hover{color:#4f46e5;border-color:#d9ddfe}.ap-vid-tab.is-on{color:#fff;background:#1e1b4b;border-color:#1e1b4b}.ap-vid-tab.is-on i{color:#fff;background:#ffffff21}.ap-vid-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.ap-vid-feat{cursor:pointer;border:1px solid #d9ddfe;border-radius:22px;min-height:clamp(260px,32vw,400px);display:block;position:relative;overflow:hidden;box-shadow:0 22px 46px -34px #1e1b4b8f}.ap-vid-feat-img{background-position:50% 18%;background-size:cover;transition:transform .4s;position:absolute;inset:0}.ap-vid-feat:hover .ap-vid-feat-img{transform:scale(1.03)}.ap-vid-feat:after{content:"";background:linear-gradient(#14123a1a,#14123a70 58%,#14123af2 96%);position:absolute;inset:0}.ap-vid-feat-play{z-index:2;background:var(--ap-btn-orange);width:74px;height:74px;color:var(--ap-btn-orange-ink);border-radius:50%;place-items:center;transition:transform .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px -10px #ff9b0599}.ap-vid-feat-play .ms{font-size:38px}.ap-vid-feat:hover .ap-vid-feat-play{transform:translate(-50%,-50%)scale(1.07)}.ap-vid-feat-c{z-index:2;flex-direction:column;gap:7px;padding:clamp(20px,2.6vw,32px);display:flex;position:absolute;bottom:0;left:0;right:0}.ap-vid-chip{font:700 10px/1 var(--font-inter),sans-serif;letter-spacing:.12em;color:var(--ap-btn-orange-ink);background:var(--ap-btn-orange);border-radius:6px;align-self:flex-start;padding:7px 10px}.ap-vid-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.ap-vid-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.ap-vid-card:hover{border-color:#d9ddfe;transform:translateY(-3px);box-shadow:0 20px 40px -30px #4f46e58f}.ap-vid-th{background-color:#1e1b4b;background-position:50% 16%;background-size:cover;height:172px;display:block;position:relative}.ap-vid-th:after{content:"";background:linear-gradient(#14123a00 42%,#14123acc);position:absolute;inset:0}.ap-vid-th.is-flat:after{background:linear-gradient(#14123a00 38%,#14123a8f)}.ap-vid-ini{font:800 40px/1 var(--font-manrope),sans-serif;color:#ffffff3d;place-items:center;display:grid;position:absolute;inset:0}.ap-vid-play{z-index:2;color:#1e1b4b;background:#ffffffeb;border-radius:50%;place-items:center;width:38px;height:38px;transition:background .18s,color .18s;display:grid;position:absolute;bottom:14px;left:14px}.ap-vid-card:hover .ap-vid-play{background:var(--ap-btn-orange);color:var(--ap-btn-orange-ink)}.ap-vid-dur{z-index:2;color:#fff;background:#14123aad;border-radius:6px;padding:5px 7px;font:600 11px/1 ui-monospace,Menlo,monospace;position:absolute;bottom:16px;right:12px}.ap-vid-tag{z-index:2;font:700 9.5px/1 var(--font-inter),sans-serif;letter-spacing:.1em;color:#1e1b4b;background:#ffffffe6;border-radius:5px;padding:6px 8px;position:absolute;top:12px;left:12px}.ap-vid-b{flex-direction:column;gap:5px;padding:15px 16px 18px;display:flex}.ap-vid-sec{border-top:1px solid #e2e8f0;flex-direction:column;gap:20px;padding-top:clamp(14px,2vw,26px);display:flex}.ap-vid-shorts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ap-vid-short:hover{border-color:#d9ddfe;transform:translateY(-2px)}.ap-vid-short-n{width:22px;font:800 17px/1 var(--font-manrope),sans-serif;color:#cbd5e1;text-align:center;flex:none}.ap-vid-short-n:before{content:attr(data-n)}.ap-vid-short-img{background-color:#1e1b4b;background-position:50% 14%;background-size:cover;border-radius:11px;flex:none;width:58px;height:58px}.ap-vid-short-c{flex-direction:column;gap:4px;min-width:0;display:flex}.ap-vid-cta{background:linear-gradient(120deg,#1e1b4b,#312e81);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;padding:clamp(22px,2.6vw,32px);display:flex}.ap-vid-cta>div:first-child{flex-direction:column;flex:1;gap:7px;min-width:260px;display:flex}.ap-vid-cta-a{flex-wrap:wrap;gap:10px;display:flex}.ap-vid-cta-a :is(button,a){color:#fff;font:600 14.5px/1 var(--font-inter),sans-serif;cursor:pointer;background:#ffffff14;border:1px solid #ffffff3d;border-radius:12px;padding:15px 20px;transition:background .18s}.ap-vid-cta-a :is(button,a):hover{background:#ffffff26}.ap-vid-cta-a .is-primary{background:var(--ap-btn-orange);border-color:var(--ap-btn-orange);color:var(--ap-btn-orange-ink)}.ap-vid-cta-a .is-primary:hover{background:var(--ap-btn-orange-h)}@media (max-width:1100px){.ap-vid-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-vid-shorts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.ap-vid-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.ap-vid-grid,.ap-vid-shorts{grid-template-columns:minmax(0,1fr)}.ap-vid-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.ap-vid-tabs::-webkit-scrollbar{display:none}.ap-vid-tab{flex:none}}.ap-vid-pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;display:flex}.ap-vid-sec>.ap-vid-pager{padding-top:22px}@media (max-width:600px){.ap-vid-pager{flex-direction:column;align-items:flex-start}.ap-vid-pager .ap-pgb{align-self:flex-end}}}
