.features{background:var(--bg-surface);position:relative;padding:50px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.feature-card{padding:2rem 1.75rem;border-radius:var(--radius-lg);background:var(--bg-dark);border:1px solid hsla(0,0%,100%,.05);transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgba(37,99,235,.4)}.feature-card:hover:before{opacity:1}.feature-card-main .feature-icon{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(28,120,255,.12),rgba(28,120,255,.06));display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.feature-icon svg{color:var(--cta-primary);transition:all .3s ease;width:40px;height:40px;stroke-width:1.5}.feature-card:hover .feature-icon{background:linear-gradient(135deg,rgba(28,120,255,.22),rgba(28,120,255,.12));transform:scale(1.1) rotate(5deg)}.feature-card:hover .feature-icon svg{color:var(--accent-color)}.feature-title{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-primary);font-weight:700;line-height:1.3;flex-shrink:0}.feature-card:hover .feature-title{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-description{color:var(--text-secondary);line-height:1.6;font-size:.9375rem;font-weight:400;flex:1 1;margin-bottom:0}.features-grid-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:40px;gap:40px;margin-top:50px;align-items:stretch}.feature-card-main{padding:35px;border-radius:20px;background:var(--bg-dark);border:1px solid hsla(0,0%,100%,.05);transition:all .3s ease;display:flex;flex-direction:column;height:100%}.feature-card-main:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-card-main .feature-description{margin-bottom:1.5rem}.feature-screenshot-placeholder{margin-top:auto;border-radius:12px;overflow:hidden;background:#1f2a3b;padding:10px;flex-shrink:0}.feature-screenshot-placeholder img{width:100%;height:auto;border-radius:8px}.more-features{margin-top:60px;padding:40px;background:linear-gradient(135deg,rgba(28,120,255,.1),rgba(28,120,255,.05));border-radius:20px}.more-features-title{font-size:24px;font-weight:600;margin-bottom:25px;color:var(--text-primary)}.more-features-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:15px;gap:15px}.more-features-list li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;color:var(--text-secondary)}.more-features-list li svg{flex-shrink:0;margin-top:2px;color:var(--cta-secondary)}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem}}@media (max-width:768px){.features{padding:40px 0}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.75rem 1.5rem}.feature-icon{width:70px;height:70px}.feature-icon svg{width:36px;height:36px}.feature-title{font-size:1.125rem}.feature-description{font-size:.875rem}}@media (max-width:480px){.features{padding:50px 0}.feature-card{padding:1.5rem 1.25rem}.feature-icon{width:64px;height:64px;margin-bottom:1.25rem}.feature-icon svg{width:32px;height:32px}.feature-title{font-size:1rem;margin-bottom:.5rem}.feature-description{font-size:.8125rem}}