/* =========================================================================
   KEY FEATURES
   ========================================================================= */
.kf-bg { background: linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 100%); }
.kf-ring { width: 700px; height: 700px; top: -14rem; right: -14rem; }
.kf-divider { position: absolute; top: 50%; left: 0; width: 1px; height: 66%; transform: translateY(-50%); background: linear-gradient(to bottom, transparent, rgba(7,19,15,.07), transparent); }
.kf-card { padding: 1.5rem; height: 100%; position: relative; overflow: hidden; }
.kf-glow { position: absolute; inset: 0; border-radius: var(--r-lg); pointer-events: none; background: radial-gradient(circle at top right, color-mix(in srgb, var(--c) 2%, transparent), transparent 55%); }
.kf-tag { position: absolute; top: 1rem; right: 1rem; font-size: var(--text-xs); font-weight: 600; padding: 0.125rem 0.5rem; border-radius: var(--r-pill); background: color-mix(in srgb, var(--c) 6%, transparent); color: var(--c); }
.kf-card .icon-tile { width: 2.75rem; height: 2.75rem; margin-bottom: 1.25rem; position: relative; }
.kf-title { font-size: var(--text-lg); font-weight: 600; color: var(--text-strong); margin-bottom: 0.65rem; line-height: 1.4; font-family: var(--app-font-heading); position: relative; }
.kf-desc { color: var(--text-2); font-size: var(--text-base); line-height: 1.82; position: relative; }