.features-page__hero{background:linear-gradient(135deg,var(--color-primary-light,#e8f4fd) 0,#fff 100%);padding:4rem 0;text-align:center}.features-page__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.25rem}@media(min-width:640px){.features-page__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.features-page__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.features-page__grid{grid-template-columns:repeat(4,1fr)}}.features-page__card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.75rem;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.features-page__card:before{content:"";position:absolute;top:0;inset-inline-start:0;inset-inline-end:0;height:3px;background:linear-gradient(90deg,#2563eb,#06b6d4);opacity:0;transition:opacity .3s ease}.features-page__card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(37,99,235,.08),0 4px 12px rgba(0,0,0,.04);border-color:#bfdbfe}.features-page__card:hover:before{opacity:1}.features-page__card:hover .features-page__card-icon{transform:scale(1.05)}.features-page__card:hover .features-page__card-title{color:#2563eb}.features-page__card:hover .features-page__card-link{gap:.5rem}.features-page__card-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transition:transform .3s ease;flex-shrink:0}.features-page__card-title{font-size:.9rem;font-weight:800;color:#111827;margin-bottom:.75rem;line-height:1.5;letter-spacing:-.01em;transition:color .3s ease}.features-page__card-description{font-size:.8rem;color:#64748b;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1;margin-bottom:1.25rem}.features-page__card-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.875rem;font-weight:700;color:#2563eb;margin-top:auto;padding-top:1rem;border-top:1px solid #f1f5f9;transition:gap .3s ease,color .3s ease}.features-page__card-link:hover{color:#1d4ed8}.features-page__card-link svg{width:1rem;height:1rem}[dir=rtl] .features-page__card-link svg{transform:rotate(180deg)}.features-page__cta{background:#f3f4f6;padding:4rem 0;text-align:center}