.q4-featcards{--font:"Host Grotesk","Inter",sans-serif;--black:#01010a;--dark:#111827;--dark-card:#1f2937;--blue:#0c0ce9;--magenta:#e90ce9;--violet:#9792ff;--platinum:#f6f9fc;--muted:#9ca3af;--border:rgba(55,65,81,.8);background:var(--black);font-family:var(--font);padding:112px 24px}.q4-featcards__inner{margin:0 auto;max-width:1350px}.q4-featcards__header{margin-bottom:67px}.q4-featcards__eyebrow{color:var(--violet);font-size:12px;font-weight:400;letter-spacing:.15em;margin:0 0 16px;text-transform:uppercase}.q4-featcards__heading{color:var(--platinum);font-family:var(--font);font-size:60px;font-weight:400;letter-spacing:-.02em;line-height:1.1;margin:0 0 16px}.q4-featcards__subheading{color:var(--muted);font-size:16px;font-weight:400;line-height:1.6;margin:0;max-width:640px}.q4-featcards__grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.q4-featcards__grid--four{grid-template-columns:repeat(4,1fr)}.q4-featcards__card{background:var(--dark);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:border-color .25s ease,transform .2s ease}.q4-featcards__card:hover{border-color:rgba(12,12,233,.5);transform:translateY(-3px)}.q4-featcards__card-bg-embed{inset:0;position:absolute;z-index:0}.q4-featcards__card-bg-embed iframe,.q4-featcards__card-bg-embed video{border:none;height:100%;object-fit:cover;width:100%}.q4-featcards__card-img-wrap{flex-shrink:0;height:216px;overflow:hidden;position:relative;width:100%}.q4-featcards__card-img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.q4-featcards__card:hover .q4-featcards__card-img{transform:scale(1.04)}.q4-featcards__card-img-overlay{background:linear-gradient(180deg,transparent 40%,rgba(17,24,39,.85));inset:0;position:absolute}.q4-featcards__card-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:28px 28px 32px;position:relative;z-index:1}.q4-featcards__tag{color:var(--violet);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.q4-featcards__card-title{color:var(--platinum);font-family:var(--font);font-size:28px;font-weight:600;line-height:1.3;margin:0}.q4-featcards__card-text{color:var(--platinum);flex:1;font-size:14px;font-weight:400;line-height:1.65;margin:0}.q4-featcards__sections{display:flex;flex-direction:column;gap:16px;margin-top:4px}.q4-featcards__section{display:flex;flex-direction:column;gap:6px}.q4-featcards__section-label{color:var(--violet);font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:.01em}.q4-featcards__section-body{color:var(--platinum);font-size:14px;font-weight:400;line-height:1.65;margin:0}.q4-featcards__card-cta{align-self:flex-start;margin-top:8px}.q4-featcards__dots{display:none}@media (max-width:1024px){.q4-featcards{padding:80px 40px}.q4-featcards__heading{font-size:48px}.q4-featcards__grid--four{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.q4-featcards{padding:64px 0}.q4-featcards__heading{font-size:36px}.q4-featcards>:not(.q4-featcards__grid):not(.q4-featcards__dots),.q4-featcards__header{padding-left:24px;padding-right:24px}.q4-featcards__grid,.q4-featcards__grid--four{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;grid-template-columns:none;margin:0;max-width:100%;padding:0 24px 24px;scrollbar-width:none;-ms-overflow-style:none}.q4-featcards__grid::-webkit-scrollbar{display:none}.q4-featcards__card{flex:0 0 82vw;max-width:320px;scroll-snap-align:start}.q4-featcards__dots{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:20px;padding:0 24px}.q4-featcards__dot{background:rgba(246,249,252,.25);border-radius:50%;flex-shrink:0;height:6px;transition:background .2s,width .2s;width:6px}.q4-featcards__dot.active{background:#9792ff;border-radius:3px;width:20px}}.q4-featcards__card--tall-img .q4-featcards__card-img-wrap{aspect-ratio:19/25!important;height:auto!important;overflow:hidden;position:relative}.q4-featcards__card--tall-img .q4-featcards__card-img-wrap .q4-featcards__card-img{height:100%!important;inset:0!important;object-fit:fill!important;position:absolute!important;width:100%!important}