.features-section[data-v-ab934b19]{position:relative}.features-grid[data-v-ab934b19]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card[data-v-ab934b19]{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card[data-v-ab934b19]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.feature-card[data-v-ab934b19]:hover{transform:translateY(-8px);border-color:#00d4ff4d;box-shadow:0 20px 40px #0006,0 0 40px #00d4ff1a}.feature-card[data-v-ab934b19]:hover:before{opacity:1}.feature-icon[data-v-ab934b19]{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.icon-emoji[data-v-ab934b19]{font-size:26px}.feature-title[data-v-ab934b19]{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.feature-desc[data-v-ab934b19]{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:20px}.feature-tags[data-v-ab934b19]{display:flex;flex-wrap:wrap;gap:8px}.tag[data-v-ab934b19]{display:inline-block;padding:4px 10px;background:#00d4ff14;border:1px solid rgba(0,212,255,.15);border-radius:6px;font-size:12px;color:var(--primary)}@media (max-width: 1024px){.features-grid[data-v-ab934b19]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.features-grid[data-v-ab934b19]{grid-template-columns:1fr}.feature-card[data-v-ab934b19]{padding:24px}.feature-title[data-v-ab934b19]{font-size:18px}}.compatibility-section[data-v-7c72869f]{position:relative}.compatibility-grid[data-v-7c72869f]{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:60px}.comp-item[data-v-7c72869f]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-md);transition:all .3s ease}.comp-item[data-v-7c72869f]:hover{transform:translateY(-4px);border-color:#00d4ff4d;box-shadow:0 10px 30px #0000004d}.comp-icon[data-v-7c72869f]{width:48px;height:48px}.comp-icon svg[data-v-7c72869f]{width:100%;height:100%}.comp-info[data-v-7c72869f]{text-align:center}.comp-info h4[data-v-7c72869f]{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.comp-status[data-v-7c72869f]{font-size:11px;padding:3px 8px;border-radius:100px;font-weight:500}.comp-status.supported[data-v-7c72869f]{background:#22c55e1a;color:#22c55e}.comp-status.latest[data-v-7c72869f]{background:#ec48991a;color:#ec4899}.comp-status.coming[data-v-7c72869f]{background:#f472b61a;color:#f472b6}.frameworks[data-v-7c72869f]{text-align:center}.frameworks-title[data-v-7c72869f]{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:28px}.frameworks-list[data-v-7c72869f]{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.framework-item[data-v-7c72869f]{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--dark-card);border:1px solid var(--dark-border);border-radius:100px;transition:all .3s ease}.framework-item[data-v-7c72869f]:hover{border-color:#00d4ff4d;background:#00d4ff0d;transform:translateY(-2px)}.fw-icon[data-v-7c72869f]{font-size:16px}.fw-name[data-v-7c72869f]{font-size:13px;font-weight:500;color:var(--text-secondary)}@media (max-width: 1024px){.compatibility-grid[data-v-7c72869f]{grid-template-columns:repeat(4,1fr)}}@media (max-width: 640px){.compatibility-grid[data-v-7c72869f]{grid-template-columns:repeat(3,1fr);gap:10px}.comp-item[data-v-7c72869f]{padding:16px 8px}.comp-icon[data-v-7c72869f]{width:36px;height:36px}.comp-info h4[data-v-7c72869f]{font-size:15px}.comp-status[data-v-7c72869f]{font-size:10px;padding:2px 6px}.frameworks-title[data-v-7c72869f]{font-size:18px}.framework-item[data-v-7c72869f]{padding:8px 14px}.fw-name[data-v-7c72869f]{font-size:12px}}