.key-value-props{padding:48px 32px;background:var(--section-bg);overflow-x:hidden;width:100%;max-width:100%}.container{max-width:1200px;margin:0 auto}.key-value-props .section-header{text-align:center;margin-bottom:40px;animation:keyValueFadeIn .5s ease-out both}@keyframes keyValueFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:14px}.key-value-props .feature-card{background:var(--card-bg);padding:26px;border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);transform:translateZ(0);backface-visibility:hidden;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease;cursor:pointer;animation:keyValueCardIn .45s ease-out both}.key-value-props .features-grid .feature-card:nth-child(1){animation-delay:.05s}.key-value-props .features-grid .feature-card:nth-child(2){animation-delay:.1s}.key-value-props .features-grid .feature-card:nth-child(3){animation-delay:.15s}.key-value-props .features-grid .feature-card:nth-child(4){animation-delay:.2s}.key-value-props .features-grid .feature-card:nth-child(5){animation-delay:.25s}.key-value-props .features-grid .feature-card:nth-child(6){animation-delay:.3s}.key-value-props .features-grid .feature-card:nth-child(7){animation-delay:.35s}@keyframes keyValueCardIn{0%{opacity:0;transform:translateY(12px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}.key-value-props .feature-card:hover{transform:translate3d(0,-6px,0);box-shadow:var(--card-shadow-hover)}.feature-icon{font-size:2rem;margin-bottom:14px;display:inline-block}.feature-title{font-size:var(--font-size-lg);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:10px}.feature-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.65}@media (max-width: 1024px){.key-value-props{padding:52px 24px}.features-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px){.key-value-props{padding:44px 16px}.section-header{margin-bottom:28px}.features-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:20px}}@media (max-width: 480px){.key-value-props{padding:32px 16px}.section-title{font-size:20px;margin-bottom:8px}.section-subtitle{font-size:13px}.feature-card{padding:16px;border-radius:12px}.feature-icon{font-size:32px;margin-bottom:12px}.feature-title{font-size:15px;margin-bottom:8px}.feature-description{font-size:12px;line-height:1.6}}