.features-page{color:#1e293b;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.features-hero{text-align:center;background:#fff;border-bottom:1px solid #e2e8f0;padding:8rem 2rem;position:relative}.features-hero h1{color:#0f172a;z-index:2;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;position:relative}.gold-text{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.features-hero p{color:#475569;z-index:2;max-width:600px;margin:0 auto;font-size:1.3rem;position:relative}.features-category-section{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;padding:2rem;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.category-container{flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:1200px;margin:0 auto;display:flex}.category-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.category-btn:hover{color:#3b82f6;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a}.category-btn.active{color:#fff;background:#3b82f6;border-color:#0000}.category-icon{font-size:1rem}.features-grid-section{max-width:1200px;margin:5rem auto;padding:0 2rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;transition:all .3s;position:relative;box-shadow:0 10px 30px #0000000d}.feature-card:before{content:"";background:#3b82f6;border-radius:20px 20px 0 0;height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{border-color:#3b82f6;transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.feature-card:hover:before{transform:scaleX(1)}.popular-badge{color:#fff;background:#3b82f6;border-radius:50px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:1rem;right:1rem}.popular-icon{font-size:.7rem}.feature-icon{margin-bottom:1.5rem;font-size:2.5rem}.feature-title{color:#0f172a;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.feature-description{color:#475569;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.feature-benefits{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.benefit-item{color:#475569;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.check-icon{stroke:#10b981;stroke-width:2.5px;flex-shrink:0;width:1rem;height:1rem}.feature-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.feature-btn:hover{color:#fff;background:#3b82f6;border-color:#0000;transform:translate(5px)}.btn-arrow{width:1rem;height:1rem;transition:transform .3s}.feature-btn:hover .btn-arrow{transform:translate(3px)}.integration-section{background:#f8fafc;padding:5rem 2rem;position:relative}.integration-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.integration-badge{color:#fff;background:#3b82f6;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.integration-text h2{color:#0f172a;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.integration-text p{color:#475569;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.integration-features{flex-direction:column;gap:1rem;display:flex}.integration-feature{color:#0f172a;align-items:center;gap:.75rem;font-size:1rem;display:flex}.integration-icons{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.icon-circle{background:#fff;border:1px solid #e2e8f0;border-radius:20px;justify-content:center;align-items:center;width:100px;height:100px;font-size:2.5rem;transition:all .3s;display:flex;box-shadow:0 10px 20px #0000000d}.icon-circle:hover{border-color:#3b82f6;transform:translateY(-10px);box-shadow:0 20px 40px #3b82f61a}.features-cta{text-align:center;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:5rem 2rem;position:relative}.features-cta h2{color:#0f172a;z-index:2;margin-bottom:1rem;font-size:2.5rem;font-weight:700;position:relative}.features-cta p{color:#475569;z-index:2;margin-bottom:2rem;font-size:1.1rem;position:relative}.cta-buttons{z-index:2;flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;position:relative}.cta-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;padding:.875rem 2rem;font-weight:700;transition:all .3s}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.cta-secondary{color:#0f172a;cursor:pointer;background:0 0;border:2px solid #e2e8f0;border-radius:12px;padding:.875rem 2rem;font-weight:600;transition:all .3s}.cta-secondary:hover{background:#f1f5f9;border-color:#3b82f6;transform:translateY(-2px)}@media screen and (max-width:992px){.features-hero h1{font-size:2.8rem}.features-hero p{font-size:1.1rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.integration-content{text-align:center;grid-template-columns:1fr;gap:3rem}.integration-features{align-items:center}.integration-icons{max-width:500px;margin:0 auto}}@media screen and (max-width:768px){.features-hero{padding:6rem 1.5rem}.features-hero h1{font-size:2.2rem}.features-hero p{font-size:1rem}.features-grid{grid-template-columns:1fr}.integration-text h2{font-size:2rem}.integration-icons{grid-template-columns:repeat(2,1fr);gap:1rem}.icon-circle{width:80px;height:80px;font-size:2rem}.features-cta h2{font-size:1.8rem}}@media screen and (max-width:576px){.features-hero{padding:4rem 1rem}.features-hero h1{font-size:1.8rem}.features-grid-section{margin:3rem auto;padding:0 1rem}.feature-card{padding:1.5rem}.integration-section{padding:3rem 1rem}.integration-text h2{font-size:1.5rem}.integration-text p{font-size:1rem}.integration-icons{grid-template-columns:repeat(2,1fr)}.icon-circle{width:70px;height:70px;font-size:1.75rem}.features-cta{padding:3rem 1rem}.features-cta h2{font-size:1.5rem}.cta-buttons{flex-direction:column}}