.features-page{padding-top:var(--header-height)}.features-hero{text-align:center;background:var(--bg-elevated);padding:100px 0 80px}.features-hero h1{margin-bottom:20px;font-size:clamp(36px,5vw,56px)}.features-hero .hero-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:18px;line-height:1.7}.feature-category{padding:100px 0}.feature-category.alt-bg{background:var(--bg-elevated)}.category-header{margin-bottom:60px}.category-header h2{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:32px}.category-header p{color:var(--text-muted);font-size:18px}.features-list{flex-direction:column;gap:40px;display:flex}.feature-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;gap:32px;padding:40px;transition:all .3s;display:flex}.feature-item:hover{border-color:var(--border-light);transform:translate(8px)}.feature-item .feature-icon{background:var(--surface-accent);border:1px solid var(--border-accent);width:64px;height:64px;color:var(--primary-light);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-content h3{margin-bottom:12px;font-size:22px}.feature-content p{color:var(--text-muted);margin-bottom:20px;font-size:16px;line-height:1.7}.feature-highlights{flex-wrap:wrap;gap:16px;list-style:none;display:flex}.feature-highlights li{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.feature-highlights svg{color:var(--cyan)}.features-cta{padding:100px 0}.cta-card{text-align:center;border:1px solid var(--border-accent);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#3b82f6eb 0%,#2dd4bfd1 100%);border-radius:8px;padding:80px}.cta-card h2{margin-bottom:16px;font-size:36px}.cta-card p{opacity:.9;margin-bottom:32px;font-size:18px}.cta-card .btn{color:var(--primary);background:#fff}.cta-card .btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #0000004d}@media (width<=768px){.feature-item{flex-direction:column;padding:28px}.feature-item .feature-icon{width:56px;height:56px}.cta-card{padding:48px 24px}}
