.features-hero{text-align:center;padding:var(--space-5xl) 0 var(--space-3xl)}.features-hero .badge{margin-bottom:var(--space-lg)}.features-hero h1{margin-bottom:var(--space-md)}.features-hero p{max-width:600px;margin:0 auto;font-size:1.0625rem}.features-category{padding:var(--space-3xl) 0}.features-category-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle);display:flex}.features-category-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--accent-primary);background:#00d4ff14;justify-content:center;align-items:center;display:flex}.features-category-icon svg{width:18px;height:18px}.features-category-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.75rem;font-weight:600;font-family:var(--font-mono)}.features-detail-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.feature-detail-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-detail-card:after{content:"";opacity:0;width:200%;height:200%;transition:opacity var(--transition-base);pointer-events:none;background:radial-gradient(circle,#00d4ff0a,#0000 50%);position:absolute;top:-50%;left:-50%}.feature-detail-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.feature-detail-card:hover:after{opacity:1}.feature-detail-icon{border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);width:44px;height:44px;color:var(--accent-primary);margin-bottom:var(--space-md);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.feature-detail-card:hover .feature-detail-icon{background:#00d4ff1a;border-color:#00d4ff33}.feature-detail-icon svg{width:22px;height:22px}.feature-detail-title{margin-bottom:var(--space-sm);color:var(--text-primary);z-index:1;font-size:1.0625rem;font-weight:600;position:relative}.feature-detail-desc{color:var(--text-muted);z-index:1;font-size:.875rem;line-height:1.7;position:relative}.features-page-cta{padding:var(--space-5xl) 0}@media (width<=1024px){.features-detail-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.features-detail-grid{grid-template-columns:1fr}}