/* bfIdeaSites1109: Idea Lab block for the BonusFlow website and hosting sites. Namespaced, no globals. */
.bfil-sec,.bfil-modal{--bfil-a:#2446d8;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1e2433;line-height:1.55;box-sizing:border-box}
.bfil-sec *,.bfil-modal *,.bfil-fab *{box-sizing:border-box}
.bfil-sec{padding:72px 20px;background:#0f1630;color:#d9ddf2;position:relative;overflow:hidden}
.bfil-sec:before{content:"";position:absolute;inset:0;background:radial-gradient(520px 320px at 85% 15%,color-mix(in srgb,var(--bfil-a) 55%,transparent),transparent 70%);opacity:.9;pointer-events:none}
.bfil-wrap{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative}
@media(max-width:900px){.bfil-wrap{grid-template-columns:1fr;gap:28px}.bfil-sec{padding:52px 18px}}
.bfil-eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c9f25c;margin-bottom:12px}
.bfil-h{font-size:clamp(28px,3.4vw,42px);line-height:1.12;font-weight:800;color:#fff;margin:0 0 14px;letter-spacing:-.02em}
.bfil-p{font-size:17px;color:#c3c8e6;margin:0 0 18px;max-width:56ch}
.bfil-ticks{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:15px;color:#d9ddf2}
.bfil-ticks li:before{content:"\2713";color:#c9f25c;font-weight:800;margin-right:10px}
.bfil-card{background:#fff;color:#1e2433;border-radius:18px;padding:26px;box-shadow:0 30px 70px -24px rgba(0,0,0,.55)}
.bfil-card h3{font-size:21px;margin:0 0 6px;color:#0f1630;font-weight:800}
.bfil-sub{font-size:14.5px;color:#5d6580;margin:0 0 14px}
.bfil-card textarea,.bfil-card input{width:100%;font:inherit;font-size:15.5px;color:#0f1630;border:1.5px solid #e2e5ef;border-radius:11px;padding:12px 13px;background:#fff;margin:0}
.bfil-card textarea{min-height:110px;resize:vertical}
.bfil-card textarea:focus,.bfil-card input:focus{outline:0;border-color:var(--bfil-a);box-shadow:0 0 0 4px color-mix(in srgb,var(--bfil-a) 18%,transparent)}
.bfil-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px}
.bfil-chip{font:inherit;font-size:13.5px;font-weight:600;padding:8px 13px;border-radius:999px;border:1.5px solid #e2e5ef;background:#fff;color:#2c3350;cursor:pointer}
.bfil-chip[aria-pressed=true]{border-color:var(--bfil-a);background:color-mix(in srgb,var(--bfil-a) 10%,#fff);color:var(--bfil-a)}
.bfil-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
@media(max-width:520px){.bfil-row{grid-template-columns:1fr}}
.bfil-lab{display:block;font-size:13.5px;font-weight:700;color:#0f1630;margin:0 0 5px}
.bfil-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
.bfil-small{font-size:13px;color:#6b7390}
.bfil-btn{font:inherit;font-size:15px;font-weight:700;border:0;border-radius:999px;padding:12px 20px;cursor:pointer;background:var(--bfil-a);color:#fff;text-decoration:none;display:inline-block}
.bfil-btn:hover{filter:brightness(1.08)}
.bfil-btn[disabled]{opacity:.6;cursor:wait}
.bfil-ghost{background:transparent;color:#2c3350;box-shadow:inset 0 0 0 1.5px #d6dae6}
.bfil-err{color:#c2332b;font-size:13.5px;min-height:1em;margin:8px 0 0}
.bfil-hp{position:absolute!important;left:-5000px!important}
.bfil-next{margin-top:16px;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--bfil-a) 8%,#fff)}
.bfil-ok{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e3f6ec;color:#14a467;font-weight:800;font-size:22px;margin-bottom:12px}
.bfil-fab{position:fixed;left:18px;bottom:18px;z-index:9990;display:flex;align-items:center;gap:8px;font:700 14.5px/1 system-ui,-apple-system,"Segoe UI",sans-serif;background:#0f1630;color:#fff;border:0;border-radius:999px;padding:12px 16px 12px 13px;box-shadow:0 12px 30px -10px rgba(15,22,48,.6);cursor:pointer}
.bfil-fab svg{color:#c9f25c}
@media(max-width:520px){.bfil-fab span{display:none}.bfil-fab{padding:12px}}
.bfil-modal{position:fixed;inset:0;z-index:9999;background:rgba(10,14,32,.6);display:grid;place-items:center;padding:16px}
.bfil-modal[hidden]{display:none}
.bfil-modal .bfil-card{width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow:auto;position:relative}
.bfil-x{position:absolute;top:10px;right:12px;border:0;background:none;font-size:26px;line-height:1;color:#6b7390;cursor:pointer}
