.features-section{background:var(--paper);padding:120px 20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.section-title{text-align:center;margin-bottom:80px}
.section-title h2{font-size:44px;font-weight:800;letter-spacing:-.03em;margin-bottom:16px}
.section-title p{font-size:18px;color:var(--muted);max-width:560px;margin:0 auto}
.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.feature-card{background:var(--white);border:1.5px solid var(--border);border-radius:20px;padding:40px;transition:all .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;z-index:1}
.feature-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--accent-glow) 0%,transparent 100%);opacity:0;transition:opacity .4s ease;z-index:-1}
.feature-card:hover{transform:translateY(-8px);border-color:var(--accent-mid);box-shadow:0 24px 48px rgba(147,58,255,0.08)}
.feature-card:hover::before{opacity:1}
.f-icon{width:56px;height:56px;background:var(--white);border:1.5px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;transition:all .4s;box-shadow:0 8px 16px rgba(0,0,0,0.03)}
.feature-card:hover .f-icon{background:var(--accent);border-color:var(--accent);transform:scale(1.1) rotate(5deg);box-shadow:0 12px 24px rgba(147,58,255,0.3)}
.f-icon svg{width:26px;height:26px;color:var(--accent);transition:color .4s}
.feature-card:hover .f-icon svg{color:#fff}
.feature-card h3{font-size:20px;font-weight:800;margin-bottom:16px;color:var(--ink)}
.feature-card p{font-size:15px;color:var(--muted);line-height:1.7}
@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.features-grid{grid-template-columns:1fr}}