.features-page{padding:0 0 4rem;background:var(--light)}.features-hero{background:linear-gradient(135deg,#f8f9fc,#f0f2ff);border-radius:var(--radius-xl);padding:3rem;margin-bottom:3rem;text-align:center}.features-badge{display:inline-block;background:#673de61a;color:var(--primary);padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:500;margin-bottom:1rem}.features-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;font-family:var(--font-heading)}.features-subtitle{font-size:1.125rem;color:var(--gray);max-width:600px;margin:0 auto;line-height:1.6}.feature-category{margin-bottom:4rem}.category-header{margin-bottom:2rem;border-left:4px solid var(--primary);padding-left:1rem}.category-title{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.category-desc{color:var(--gray);font-size:.9375rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.feature-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;transition:var(--transition-normal);border:1px solid #e6e9ff}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.feature-icon{width:50px;height:50px;background:linear-gradient(135deg,#f0f2ff,#e6e9ff);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.feature-icon i{font-size:1.5rem;color:var(--primary)}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-card p{color:var(--gray);font-size:.875rem;line-height:1.5;margin-bottom:1rem}.feature-list{list-style:none;margin-top:.75rem}.feature-list li{font-size:.8125rem;color:var(--gray);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.feature-list li i{color:var(--accent-green);font-size:.75rem}.example-box{background:#f8f9fc;border-radius:var(--radius-md);padding:1rem;margin-top:1rem;border-left:3px solid var(--primary)}.example-box p{font-size:.75rem;color:var(--primary);font-weight:500;margin-bottom:.25rem}.example-box small{font-size:.7rem;color:var(--gray)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.feature-badge{display:inline-block;background:#673de61a;color:var(--primary);padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500;margin-bottom:.5rem}@media (max-width: 768px){.features-hero{padding:2rem}.features-title{font-size:2rem}.feature-grid,.two-column{grid-template-columns:1fr}.category-title{font-size:1.5rem}}@media (max-width: 480px){.features-title{font-size:1.75rem}}