.features{background:linear-gradient(135deg,#f6fbff,#f3f8ff);overflow:hidden;padding:90px 0;position:relative}.features-blob{background:radial-gradient(circle,rgba(25,145,210,.18) 0,transparent 70%);filter:blur(40px);height:520px;left:-200px;position:absolute;top:-180px;width:520px;z-index:0}.features .container{position:relative;z-index:2}.features-header{margin:0 auto 60px;max-width:850px;text-align:center}.features-label{background:rgba(25,145,210,.1);border-radius:999px;color:#1991d2;display:inline-block;font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:14px;padding:8px 18px;text-transform:uppercase}.features-title{color:#0b1f33;font-size:46px;font-weight:800;line-height:1.15;margin-bottom:16px}.features-description{color:#5f6b7a;font-size:17px;line-height:1.7}.features-grid{gap:28px}.feature-card{backdrop-filter:blur(16px);background:hsla(0,0%,100%,.92);border:1px solid rgba(15,23,42,.06);border-radius:26px;box-shadow:0 14px 40px rgba(15,23,42,.06);display:flex;flex-direction:column;overflow:hidden;padding:34px 34px 30px;position:relative;transition:all .35s ease}.feature-card:before{background:radial-gradient(circle,rgba(25,145,210,.22),transparent 70%);border-radius:50%;content:"";height:200px;left:-60px;opacity:0;position:absolute;top:-60px;transition:all .45s ease;width:200px}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:rgba(25,145,210,.2);box-shadow:0 30px 80px rgba(15,23,42,.12);transform:translateY(-10px)}.feature-subtitle{background:rgba(25,145,210,.1);border-radius:999px;color:#1991d2;display:inline-flex;font-size:12px;font-weight:700;margin-bottom:18px;padding:6px 12px;width:fit-content}.feature-icon{align-items:center;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.08);display:flex;height:56px;justify-content:center;margin-bottom:18px;transition:all .35s ease;width:56px}.feature-card:hover .feature-icon{transform:scale(1.07) rotate(-2deg)}.feature-icon.brand-soft{background:rgba(25,145,210,.12);color:#1991d2}.feature-icon.brand-soft svg{stroke:#1991d2}.feature-icon svg{height:26px;stroke-width:2.2;width:26px}.feature-title{color:#0b1f33;font-size:20px;font-weight:800;line-height:1.3;margin-bottom:10px}.feature-description{color:#5f6b7a;font-size:15px;line-height:1.65;margin-bottom:20px;max-width:95%}.feature-learn-more{align-items:center;background:rgba(25,145,210,.08);border:1px solid rgba(25,145,210,.12);border-radius:999px;color:#1991d2;display:inline-flex;font-size:14px;font-weight:700;gap:8px;margin-right:auto;margin-top:auto;padding:10px 18px;text-decoration:none;transition:all .35s ease}.feature-learn-more:hover{background:linear-gradient(135deg,#1991d2,#0b6ea8);border-color:transparent;box-shadow:0 16px 40px rgba(25,145,210,.35);color:#fff;transform:translateX(6px)}.learn-more-arrow{transition:transform .35s ease}.feature-learn-more:hover .learn-more-arrow{transform:translateX(5px)}.features-cta{margin-top:55px;text-align:center}.features-cta .btn-primary{background:linear-gradient(135deg,#1991d2,#0b6ea8);border:none;border-radius:999px;box-shadow:0 18px 45px rgba(25,145,210,.35);font-size:15px;font-weight:800;padding:14px 34px;transition:all .35s ease}.features-cta .btn-primary:hover{box-shadow:0 26px 65px rgba(25,145,210,.55);transform:translateY(-4px)}.features-cta .btn-icon{margin-left:8px;transition:transform .35s ease}.features-cta .btn-primary:hover .btn-icon{transform:translateX(6px)}@media (max-width:992px){.features-title{font-size:34px}.feature-card{padding:28px}}@media (max-width:576px){.features{padding:65px 0}.features-title{font-size:28px}.features-description{font-size:15px}}@media (max-width:1024px){.features-grid{display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.features-grid{grid-template-columns:1fr}.feature-card{border-radius:20px;padding:24px}.feature-title{font-size:18px}.feature-description{font-size:14px}}@media (max-width:480px){.features-title{font-size:24px}.features-header{margin-bottom:40px}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr)}@media (max-width:992px){.features-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.features-grid{grid-template-columns:1fr!important}.feature-card{width:100%}}