.features-hero{background:linear-gradient(135deg,#4361ee 0%,#3a0ca3 100%);color:#fff;padding:4rem 0;text-align:center;margin-bottom:3rem}.features-hero h1{font-size:2.5rem;margin-bottom:1rem}.features-hero p{font-size:1.2rem;max-width:700px;margin:0 auto 2rem;opacity:.9}.features-container{max-width:1000px;margin:0 auto;padding:0 20px}.features-intro{text-align:center;margin-bottom:3rem}.features-intro h2{color:var(--primary);margin-bottom:1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.feature-card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem;transition:var(--transition);border:1px solid #eee;text-align:center}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgb(0 0 0 / .1)}.feature-icon{font-size:2.5rem;color:var(--primary);margin-bottom:1.5rem}.feature-card h3{color:var(--dark);margin-bottom:1rem}.feature-card p{color:var(--gray);line-height:1.6}.feature-showcase{display:flex;align-items:center;margin:4rem 0;gap:3rem}.feature-showcase.reverse{flex-direction:row-reverse}.showcase-content{flex:1}.showcase-image{flex:1;text-align:center}.showcase-image img{max-width:100%;border-radius:var(--border-radius);box-shadow:0 5px 15px rgb(0 0 0 / .1)}.showcase-content h3{color:var(--primary);margin-bottom:1rem;font-size:1.5rem}.showcase-content p{color:var(--gray);margin-bottom:1.5rem;line-height:1.6}.feature-list{margin:1.5rem 0}.feature-list li{margin-bottom:.75rem;display:flex;align-items:flex-start}.feature-list i{color:var(--primary);margin-right:.5rem;margin-top:.2rem}.cta-section{background-color:var(--primary-light);padding:3rem;border-radius:var(--border-radius);text-align:center;margin:4rem 0}.cta-section h2{color:var(--primary);margin-bottom:1rem}.cta-section p{color:var(--dark);max-width:600px;margin:0 auto 2rem}@media (max-width:768px){.features-hero{padding:3rem 0}.features-hero h1{font-size:2rem}.feature-showcase{flex-direction:column}.feature-showcase.reverse{flex-direction:column}.showcase-content,.showcase-image{width:100%}.showcase-image{margin-top:1.5rem}}