.bf-jump{background:#102641;border-block:1px solid #253c58;padding:19px 0}
.bf-jump .wrap{display:flex;flex-wrap:wrap;gap:14px 34px}
.bf-jump a{color:#c9e6ff;font-size:14px;font-weight:600}
.bf-jump a:hover{color:#fff;text-decoration:underline}
.bf-section{scroll-margin-top:100px}
.bf-section+.bf-section{border-top:1px solid #d3ddeb}
.bf-section h2{max-width:900px;margin-bottom:20px}
.bf-intro{max-width:780px;color:#526982;font-size:19px;line-height:1.65;margin-bottom:40px}
.bf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bf-card{background:#fff;border:1px solid #d5dfec;border-top:3px solid #2088ee;padding:27px;min-width:0}
.bf-card .feature-number{margin-bottom:18px}
.bf-card h3,.bf-offer h3{font-size:24px;line-height:1.25;margin-bottom:16px;letter-spacing:-.5px;overflow-wrap:anywhere}
.bf-card p{color:#324c69;font-size:16px;line-height:1.6}
.bf-card ul{padding-inline-start:19px;margin:19px 0 0;color:#536880;font-size:15px;line-height:1.65}
.bf-card li+li{margin-top:10px}
.bf-note{border-inline-start:3px solid #2088ee;background:#e6eef9;color:#405a77;font-size:15px;line-height:1.75;padding:18px 23px;margin-top:30px}
.bf-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bf-offer{border:1px solid #d0deef;background:#fff;padding:30px;min-width:0}
.bf-offer .eyebrow{font-size:11px;line-height:1.7;min-height:38px}
.bf-offer p:not(.eyebrow){color:#526982;font-size:16px;line-height:1.75}
.bf-deploy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.bf-extensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.bf-extensions article{border-top:1px solid #bbcee5;padding-top:22px;min-width:0}
.bf-extensions h3{font-size:21px;margin-bottom:14px}
.bf-extensions p{font-size:16px;color:#526982;line-height:1.75}
.bf-sources{margin-top:45px;border-top:1px solid #cad8e8;padding:24px 0 0;font-size:14px;color:#526982}
.bf-sources summary{cursor:pointer;color:#1266d0;font-weight:600}
.bf-sources ul{columns:2;padding-inline-start:20px;line-height:1.9}
.bf-sources a{color:#1266d0;text-decoration:underline}
html[dir=rtl] .bf-offer h3,html[dir=rtl] .bf-extensions h3{text-align:right}
@media(max-width:1000px){.bf-grid,.bf-offers,.bf-extensions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.bf-grid,.bf-offers,.bf-deploy,.bf-extensions{grid-template-columns:1fr}.bf-card,.bf-offer{padding:24px}.bf-intro{font-size:17px}.bf-jump .wrap{gap:12px 22px}.bf-sources ul{columns:1}.bf-section{scroll-margin-top:80px}}