.features{background:var(--color-surface-150)}.features-grid{display:grid;gap:var(--spacing-m)}@media(min-width:688px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{display:flex;flex-direction:column;text-decoration:none;border-radius:var(--radius-m);overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);background:var(--color-surface-50);border:3px solid var(--color-surface-50)}a.feature-card{cursor:pointer}.feature-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;height:200px;background:var(--color-surface-200);transition:all .4s cubic-bezier(.16,1,.3,1)}.feature-image{width:100%;height:100%;object-fit:cover;object-position:top center;filter:saturate(.35);transition:all .4s cubic-bezier(.16,1,.3,1)}.feature-card:hover .feature-image,.feature-card.auto-hover .feature-image{transform:scale(1.05);filter:saturate(1)}.feature-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-interface-500);transition:all .4s cubic-bezier(.16,1,.3,1)}.feature-image-placeholder svg{opacity:.5;transition:all .4s cubic-bezier(.16,1,.3,1)}.feature-content{padding:var(--spacing-m);display:flex;flex-direction:column;flex:1}.feature-title{font-size:22px;font-weight:600;color:var(--color-interface-1000);margin-bottom:var(--spacing-xs);transition:color .3s ease}.feature-description{font-size:15px;line-height:1.6;color:var(--color-interface-700);margin-bottom:0;flex:1}.feature-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--color-brand-500);opacity:0;transform:translateY(8px);transition:all .3s cubic-bezier(.16,1,.3,1);margin-top:var(--spacing-m)}.feature-card:hover .feature-link,.feature-card.auto-hover .feature-link{opacity:1;transform:translateY(0)}.feature-link svg{transition:transform .2s ease}.feature-card:hover .feature-link svg,.feature-card.auto-hover .feature-link svg{transform:translate(4px)}.feature-card:hover,.feature-card.auto-hover{border-color:transparent;transform:translateY(-4px);box-shadow:0 4px 6px -1px #4169e11a,0 20px 40px -8px #4169e126}.feature-card:hover .feature-image-wrapper,.feature-card.auto-hover .feature-image-wrapper{background:linear-gradient(135deg,#4169e114,#4169e105)}.feature-card:hover .feature-image-placeholder,.feature-card.auto-hover .feature-image-placeholder{color:var(--color-brand-500)}.feature-card:hover .feature-image-placeholder svg,.feature-card.auto-hover .feature-image-placeholder svg{opacity:.8;transform:scale(1.1)}@media(max-width:688px){.feature-image-wrapper{height:160px}.feature-content{padding:var(--spacing-s)}.feature-title{font-size:18px}.feature-description{font-size:14px}.feature-link{opacity:1;transform:translateY(0)}}