.bf-page{max-width:1180px;margin:0 auto;padding:34px 24px 60px}
.bf-page-head{text-align:center;padding:52px 20px 38px}
.bf-page-head h1{font-size:44px;margin:0 0 14px;letter-spacing:-.03em}
.bf-page-head p{max-width:760px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.7}
.bf-lang-switch{display:flex;gap:8px;justify-content:center;margin-top:22px}
.bf-lang-switch a{padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:700}
.bf-lang-switch a.active{background:var(--catalyst-blue);color:#fff;border-color:var(--catalyst-blue)}
.bf-section{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;padding:38px;margin:0 0 22px;box-shadow:0 10px 28px rgba(16,52,80,.05)}
.bf-section-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;align-items:center;position:relative;z-index:1}
.bf-media-left .bf-section-grid,.bf-media-right .bf-section-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.58fr)}
.bf-media-left .bf-copy{order:2}.bf-media-left .bf-media{order:1}
.bf-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--catalyst-teal);font-size:12px;font-weight:800;margin-bottom:9px}
.bf-section h2{font-size:34px;margin:0 0 10px;letter-spacing:-.02em}
.bf-subtitle{font-size:20px;color:var(--catalyst-blue);font-weight:700;line-height:1.5;margin:0 0 13px}
.bf-body{font-size:17px;line-height:1.75;color:#40566b}
.bf-media{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;width:100%;max-width:540px;margin-inline:auto}
.bf-image{display:block;width:auto;max-width:100%;height:auto;max-height:390px;object-fit:contain;object-position:center;border-radius:16px;background:#eef3f7}
.bf-uploaded-video-wrap{position:relative;width:100%;aspect-ratio:16/9;max-height:390px;overflow:hidden;border-radius:16px;background:#081d2c}
.bf-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;border:0;border-radius:16px;background:#081d2c}
.bf-section-logo{display:block;width:auto;max-width:min(100%,300px);height:auto;max-height:140px;object-fit:contain;object-position:center;margin:0 auto 18px;padding:16px 22px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(16,52,80,.07)}
.bf-video-wrap{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;background:#0b2234}
.bf-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.bf-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.bf-item{display:flex;gap:13px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}
.bf-item-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#e4f6f5;color:var(--catalyst-blue);font-weight:800}
.bf-item h3{margin:0 0 6px;font-size:17px}.bf-item p{margin:0;color:#52677d;line-height:1.55}
.bf-media-background{color:#fff;background-image:linear-gradient(90deg,rgba(8,39,62,.92),rgba(8,39,62,.72)),var(--bf-bg);background-size:cover;background-position:center}
.bf-media-background h2,.bf-media-background .bf-kicker{color:#fff}.bf-media-background .bf-subtitle{color:#9ce0de}.bf-media-background .bf-body{color:#eef7fb}
.bf-home{margin:34px 0}.bf-home-head{text-align:center;margin-bottom:20px}.bf-home-head h2{font-size:34px;margin-bottom:8px}
.bf-home .bf-section{padding:30px}.bf-home .bf-section h2{font-size:29px}.bf-home .bf-body{font-size:16px}
html[dir="rtl"] .bf-section,html[dir="rtl"] .bf-page-head{text-align:right}
html[dir="rtl"] .bf-page-head{text-align:center}
@media(max-width:820px){.bf-media-left .bf-section-grid,.bf-media-right .bf-section-grid{grid-template-columns:1fr}.bf-media-left .bf-copy{order:1}.bf-media-left .bf-media{order:2}.bf-items{grid-template-columns:1fr}.bf-page-head h1{font-size:36px}.bf-uploaded-video-wrap,.bf-video-wrap,.bf-image{width:min(100%,680px)}}
@media(max-width:560px){.bf-page{padding:22px 14px 42px}.bf-page-head{padding:36px 8px 28px}.bf-page-head h1{font-size:31px}.bf-section{padding:24px 20px}.bf-section h2{font-size:27px}.bf-section-logo{width:min(100%,280px);height:120px;padding:14px 18px}.bf-video,.bf-video-wrap{border-radius:12px}}