.features-hero{text-align:center;padding:80px 0 60px}.feature-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);height:100%;transition:var(--transition);padding:2rem;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2));height:2px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card), var(--shadow-glow);transform:translateY(-6px)}.feature-icon-box{border-radius:var(--radius-md);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.25rem;font-size:1.75rem;display:flex}.fi-purple{color:var(--accent-light);background:#7c3aed26}.fi-cyan{color:var(--accent2);background:#06b6d41f}.fi-green{color:var(--success);background:#10b9811f}.fi-yellow{color:var(--warning);background:#f59e0b1f}.fi-red{color:var(--danger);background:#ef44441f}.fi-blue{color:#60a5fa;background:#3b82f61f}.feature-card h4{color:var(--text-primary);margin-bottom:.6rem;font-size:1.1rem;font-weight:700}.feature-card p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.7}.how-step{align-items:flex-start;gap:1.25rem;margin-bottom:2rem;display:flex}.step-num{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;width:42px;height:42px;box-shadow:0 4px 15px var(--accent-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.step-content h5{color:var(--text-primary);margin-bottom:.3rem;font-size:1rem;font-weight:700}.step-content p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.6}@media (max-width:768px){.features-hero{padding:60px 0 40px}.feature-card{padding:1.75rem 1.25rem}.feature-icon-box{width:54px;height:54px;font-size:1.4rem}.how-step{flex-direction:column;gap:.75rem}.section-heading{font-size:1.7rem}}@media (max-width:576px){.features-hero{padding:50px 0 35px}.feature-card{padding:1.5rem 1rem}.section-eyebrow{font-size:.7rem}}