/* bg colors */
.b_bg10 { background-color: #ffffff; }
/* front colors */
.b_fc2 { color: #ffffff; }
.b_fc3 { color: #888; }

/* BF logo proper colors (cardowner): orange polygons 1&3, black polygon 2 */
svg[aria-label="Business-Folio"] polygon:nth-child(1),
svg[aria-label="Business-Folio"] polygon:nth-child(3) {
    fill: #ffa500;
    stroke: #ffa500;
}
svg[aria-label="Business-Folio"] polygon:nth-child(2) {
    fill: #000;
    stroke: #000;
}
/* Chat starter button (bottom-right corner) */
.b_chat_starter {
    position: fixed;
    right: 16px;
    bottom: 16px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: orange;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    z-index: 30;
    cursor: pointer;
}
/* Chat panel */
.b_chat_header {
    padding: 12px 16px;
    background-color: #425451;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
}
.b_chat_history {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
}
.b_chat_input_area {
    display: flex;
    padding: 8px;
    border-top: 1px solid #e0e0e0;
}
.b_chat_input {
    flex: 1;
    border: 1px solid #ccc;
    border-radius: 18px;
    padding: 8px 12px;
    font-size: 14px;
    outline: none;
}
.b_chat_send {
    width: 38px;
    height: 38px;
    margin-left: 6px;
    border: none;
    border-radius: 50%;
    background-color: #425451;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
/* ============================================================
   IMA LANDING UTILITIES (single-property classes)
   ============================================================ */
/* base element helpers */
.b_scroll_smooth { scroll-behavior: smooth; }
.b_font_inter {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.b_bg_ink { background-color: #0b0d10; }
.b_lh1p6 { line-height: 1.6; }
.b_undn { text-decoration: none; }
.b_fcinherit { color: inherit; }
/* container */
.b_wmin1160 { width: min(1160px, 92%); }
.b_mauto { margin: auto; }
/* nav */
.b_h82 { height: 82px; }
.b_justsb { justify-content: space-between; }
.b_bdb_rgba10 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.b_gap12 { gap: 12px; }
.b_fw800 { font-weight: 800; }
.b_ls08em { letter-spacing: 0.08em; }
.b_fs18 { font-size: 18px; }
.b_gap28 { gap: 28px; }
.b_fc_c5ccd5 { color: #c5ccd5; }
.b_fs14 { font-size: 14px; }
/* buttons */
.b_dispinlinefx { display: inline-flex; }
.b_brd9 { border-radius: 9px; }
.b_trs2 { transition: 0.2s; }
.b_p11x18 { padding: 11px 18px; }
.b_bg_orange { background-color: #ffad00; }
.b_fc111 { color: #111; }
.b_fs13 { font-size: 13px; }
.b_p15x24 { padding: 15px 24px; }
.b_shd_btn { box-shadow: 0 12px 35px rgba(255, 173, 0, 0.2); }
.b_bgtrans { background-color: transparent; }
.b_brd1_rgba20 { border: 1px solid rgba(255, 255, 255, 0.2); }
.b_shdnone { box-shadow: none; }
/* hover states (single property each) */
.b_hov_up:hover { transform: translateY(-2px); }
.b_hov_bgbb27:hover { background-color: #ffbb27; }
.b_hov_wht:hover { color: #ffffff; }
/* hero */
.b_p92_0_105 { padding: 92px 0 105px; }
.b_bg_hero {
    background: radial-gradient(circle at 85% 20%, rgba(255, 173, 0, 0.18), transparent 27%), radial-gradient(circle at 15% 70%, rgba(255, 255, 255, 0.05), transparent 25%), linear-gradient(180deg, #0b0d10 0%, #10151b 100%);
}
.b_gcol_108_92 { grid-template-columns: 1.08fr 0.92fr; }
.b_gap65 { gap: 65px; }
.b_gap9 { gap: 9px; }
.b_fc_orange { color: #ffad00; }
.b_fs12 { font-size: 12px; }
.b_fw900 { font-weight: 900; }
.b_ls16em { letter-spacing: 0.16em; }
.b_ttup { text-transform: uppercase; }
.b_w7 { width: 7px; }
.b_h7 { height: 7px; }
.b_brd50 { border-radius: 50%; }
.b_shd_dot { box-shadow: 0 0 18px #ffad00; }
.b_fsh1 { font-size: clamp(46px, 6vw, 76px); }
.b_lh0p98 { line-height: 0.98; }
.b_ls_n055em { letter-spacing: -0.055em; }
.b_m18_0_25 { margin: 18px 0 25px; }
.b_maxw760 { max-width: 760px; }
.b_fs19 { font-size: 19px; }
.b_fc_b8c0ca { color: #b8c0ca; }
.b_maxw650 { max-width: 650px; }
.b_m0_0_34 { margin: 0 0 34px; }
.b_fxwrap { flex-wrap: wrap; }
.b_gap26 { gap: 26px; }
.b_mt32 { margin-top: 32px; }
.b_fc_8f99a6 { color: #8f99a6; }
.b_minh470 { min-height: 470px; }
/* phone / visual */
.b_right28 { right: 28px; }
.b_top15 { top: 15px; }
.b_w260 { width: 260px; }
.b_h470 { height: 470px; }
.b_brd8_1d2229 { border: 8px solid #1d2229; }
.b_brd34 { border-radius: 34px; }
.b_bg07090b { background-color: #07090b; }
.b_shd_phone {
    box-shadow: 0 35px 90px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.b_rot4 { transform: rotate(4deg); }
.b_bdb_222831 { border-bottom: 1px solid #222831; }
.b_p0x15 { padding: 0 15px; }
.b_w28 { width: 28px; }
.b_h28 { height: 28px; }
.b_bg_avatar { background: linear-gradient(135deg, #ffad00, #fff0b5); }
.b_fs11 { font-size: 11px; }
.b_fc7f8791 { color: #7f8791; }
.b_fs8 { font-size: 8px; }
.b_m12 { margin: 12px; }
.b_brd14 { border-radius: 14px; }
.b_bg_post { background: linear-gradient(145deg, #33200b, #17191d); }
.b_h245 { height: 245px; }
.b_p2x15 { padding: 2px 15px; }
.b_fc8d96a1 { color: #8d96a1; }
.b_fs9 { font-size: 9px; }
.b_mt6 { margin-top: 6px; }
.b_bottom50 { bottom: 50px; }
.b_w235 { width: 235px; }
.b_bg171c23 { background-color: #171c23; }
.b_brd1_rgba12 { border: 1px solid rgba(255, 255, 255, 0.12); }
.b_brd17 { border-radius: 17px; }
.b_p17 { padding: 17px; }
.b_shd_social { box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4); }
.b_rotneg5 { transform: rotate(-5deg); }
.b_fc8e98a5 { color: #8e98a5; }
.b_fs10 { font-size: 10px; }
.b_fs22 { font-size: 22px; }
.b_m8_0_2 { margin: 8px 0 2px; }
.b_h6 { height: 6px; }
.b_bg29303a { background-color: #29303a; }
.b_brd20 { border-radius: 20px; }
.b_mt12 { margin-top: 12px; }
.b_w78p { width: 78%; }
.b_mt10 { margin-top: 10px; }
/* sections */
.b_p100_0 { padding: 100px 0; }
.b_bg_soft { background-color: #f5f6f8; }
.b_fc171a1f { color: #171a1f; }
.b_fc_b66d00 { color: #b66d00; }
.b_ls15em { letter-spacing: 0.15em; }
.b_fsh2 { font-size: clamp(34px, 4vw, 52px); }
.b_lh1p05 { line-height: 1.05; }
.b_ls_n04em { letter-spacing: -0.04em; }
.b_m12_0_17 { margin: 12px 0 17px; }
.b_maxw700 { max-width: 700px; }
.b_m0auto { margin: 0 auto; }
.b_fc68717d { color: #68717d; }
.b_fs17 { font-size: 17px; }
.b_gcol3 { grid-template-columns: repeat(3, 1fr); }
.b_gap18 { gap: 18px; }
.b_mt48 { margin-top: 48px; }
.b_brd1_e5e7ea { border: 1px solid #e5e7ea; }
.b_brd18 { border-radius: 18px; }
.b_p30 { padding: 30px; }
.b_minh245 { min-height: 245px; }
.b_w46 { width: 46px; }
.b_h46 { height: 46px; }
.b_brd13 { border-radius: 13px; }
.b_bgfff3d7 { background-color: #fff3d7; }
.b_fc_a86400 { color: #a86400; }
.b_fs21 { font-size: 21px; }
.b_m22_0_8 { margin: 22px 0 8px; }
.b_fs20 { font-size: 20px; }
.b_m0 { margin: 0; }
.b_fc6b7280 { color: #6b7280; }
.b_gcol4 { grid-template-columns: repeat(4, 1fr); }
.b_gap0 { gap: 0; }
.b_mt55 { margin-top: 55px; }
.b_p25_26_25_0 { padding: 25px 26px 25px 0; }
.b_w38 { width: 38px; }
.b_h38 { height: 38px; }
.b_brd1_rgba50 { border: 1px solid rgba(255, 173, 0, 0.5); }
.b_m18_0_7 { margin: 18px 0 7px; }
.b_maxw220 { max-width: 220px; }
.b_gcol2 { grid-template-columns: 1fr 1fr; }
.b_gap22 { gap: 22px; }
.b_brd1_e4e6e9 { border: 1px solid #e4e6e9; }
.b_p32 { padding: 32px; }
.b_bg10151b { background-color: #10151b; }
.b_brdc262d35 { border-color: #262d35; }
.b_fs24 { font-size: 24px; }
.b_m0_0_12 { margin: 0 0 12px; }
.b_fc69727d { color: #69727d; }
.b_fc9ca6b2 { color: #9ca6b2; }
.b_m22_0_0 { margin: 22px 0 0; }
.b_p0 { padding: 0; }
.b_lsn { list-style: none; }
.b_m12_0 { margin: 12px 0; }
.b_pl25 { padding-left: 25px; }
.b_p27 { padding: 27px; }
.b_bg11161c { background-color: #11161c; }
.b_m0_0_9 { margin: 0 0 9px; }
.b_fc9099a5 { color: #9099a5; }
.b_fc919aa6 { color: #919aa6; }
.b_p78_0 { padding: 78px 0; }
.b_bg_band { background: linear-gradient(100deg, #ffad00, #ff8f00); }
.b_gap30 { gap: 30px; }
.b_fs40 { font-size: 40px; }
.b_m10_0_0 { margin: 10px 0 0; }
.b_fc3c2b0b { color: #3c2b0b; }
.b_bg111 { background-color: #111; }
.b_maxw850 { max-width: 850px; }
.b_m45auto0 { margin: 45px auto 0; }
.b_bdb_e1e4e8 { border-bottom: 1px solid #e1e4e8; }
.b_p20_0 { padding: 20px 0; }
.b_fs16 { font-size: 16px; }
.b_p45_0 { padding: 45px 0; }
.b_bg080a0d { background-color: #080a0d; }
.b_brdt_rgba10 { border-top: 1px solid rgba(255, 255, 255, 0.1); }
.b_fc77808c { color: #77808c; }
.b_w50 { width: 50px; }
.b_brd1_rgba10 { border: 1px solid rgba(255, 255, 255, 0.1); }
/* decorative pseudo-elements */
.b_hero::after {
    content: "";
    position: absolute;
    inset: auto -10% -160px;
    height: 300px;
    background: radial-gradient(ellipse, rgba(255, 173, 0, 0.13), transparent 65%);
    pointer-events: none;
}
.b_post::before {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: radial-gradient(circle, #ffc55a, #b65b00 45%, transparent 70%);
    left: 42px;
    top: 28px;
    filter: blur(2px);
}
.b_post::after {
    content: "CREATOR";
    position: absolute;
    right: 12px;
    top: 12px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 4px 7px;
    border-radius: 20px;
    font-size: 8px;
    letter-spacing: 0.12em;
}
.b_step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 44px;
    right: 0;
    width: 28px;
    height: 1px;
    background: #303640;
}
.b_listli::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #ffad00;
    font-weight: 900;
}
/* responsive overrides */
@media (max-width: 850px) {
    .b_navlinks { display: none; }
    .b_p92_0_105 { padding: 65px 0 75px; }
    .b_gcol_108_92 { grid-template-columns: 1fr; }
    .b_gap65 { gap: 35px; }
    .b_minh470 { min-height: 420px; }
    .b_right28 { right: 8%; }
    .b_w260 { width: 230px; }
    .b_h470 { height: 420px; }
    .b_socialcard { left: 3%; }
    .b_bottom50 { bottom: 30px; }
    .b_w235 { width: 215px; }
    .b_gcol3 { grid-template-columns: 1fr; }
    .b_gcol4 { grid-template-columns: 1fr 1fr; }
    .b_gap0 { gap: 20px; }
    .b_step:not(:last-child)::after { display: none; }
    .b_gcol2 { grid-template-columns: 1fr; }
    .b_bandgrid { display: block; }
    .b_bandbtn { margin-top: 22px; }
}
@media (max-width: 520px) {
    .b_h82 { height: 70px; }
    .b_fs18 { font-size: 16px; }
    .b_p11x18 { padding: 9px 12px; }
    .b_fsh1 { font-size: 48px; }
    .b_fs19 { font-size: 16px; }
    .b_p100_0 { padding: 72px 0; }
    .b_gcol4 { grid-template-columns: 1fr; }
    .b_minh470 { min-height: 400px; }
    .b_right28 { right: 0; }
    .b_w260 { width: 210px; }
    .b_h470 { height: 390px; }
    .b_socialcard { left: 0; }
    .b_w235 { width: 200px; }
    .b_fs40 { font-size: 31px; }
    .b_footergrid { display: block; }
    .b_footersm { margin-top: 18px; }
}
/* chat widget */
.b_w24 { width: 24px; }
.b_h24 { height: 24px; }
.b_inset0 { inset: 0; }
.b_zi40 { z-index: 40; }
.b_gap8 { gap: 8px; }
.b_gap10 { gap: 10px; }
.b_p8 { padding: 8px; }
.b_fw400 { font-weight: 400; }
.b_ovfx_auto { overflow-x: auto; }
.b_wsn { white-space: nowrap; }
/* desktop chat panel */
@media (min-width: 769px) {
    .b_inset0 { inset: auto 16px 84px auto; }
    .b_chat_w { width: 320px; }
    .b_chat_h { height: 560px; }
    .b_chat_rd { border-radius: 12px; }
    .b_chat_shd { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); }
    .b_chat_ui { font-size: 13px; }
    .b_chat_topbar { padding: 8px 16px; }
    .b_chat_header { font-size: 12px; }
    .b_chat_input { font-size: 12px; }
    .b_chat_send { font-size: 14px; }
    .b_chiprow { font-size: 12px; }
}