/* Bituch Funnels — scoped styles. All rules live under .bituch-funnel-root. */
.bituch-funnel-root{
	--bf-accent:#0a6cff;
	--bf-accent-d:#0852c4;
	--bf-ink:#101418;
	--bf-mut:#5b6672;
	--bf-mut2:#7b8694;
	--bf-mut3:#9aa4af;
	--bf-line:#e4e8ed;
	--bf-bg:#eceef1;
	direction:rtl;
	font-family:Heebo,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
	color:var(--bf-ink);
	-webkit-font-smoothing:antialiased;
	text-align:right;
}
.bituch-funnel-root *{box-sizing:border-box}

.bf-wrap{max-width:480px;margin:0 auto;padding:0 14px 40px}

@keyframes bf-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes bf-spin{to{transform:rotate(360deg)}}
.bf-anim{animation:bf-in .4s ease both}

/* Demo funnel picker (optional) */
.bf-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;background:#101418;color:#fff;font-size:12px;border-radius:14px;margin-bottom:6px}
.bf-picker .bf-lbl{opacity:.55}
.bf-pick-btn{border:0;border-radius:99px;padding:6px 13px;font-size:12px;font-weight:600;cursor:pointer;background:rgba(255,255,255,.12);color:rgba(255,255,255,.72);font-family:inherit}
.bf-pick-btn.is-active{background:#fff;color:#101418}
.bf-reset{background:none;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.7);font-size:11px;padding:5px 10px;border-radius:99px;cursor:pointer;font-family:inherit;margin-inline-start:auto}

/* Cards */
.bf-card{background:#fff;border-radius:26px;padding:34px 24px 28px;margin-top:16px;box-shadow:0 10px 34px rgba(16,20,24,.09)}
.bf-card--flush{padding:0;overflow:hidden}
.bf-card--dark{background:#101418;color:#fff;padding:30px 24px}
.bf-card--center{text-align:center}

.bf-badge{display:inline-flex;align-items:center;gap:7px;background:#f2f5f9;border-radius:99px;padding:6px 12px;font-size:12px;color:var(--bf-mut);margin-bottom:20px}
.bf-badge .bf-dot{width:6px;height:6px;border-radius:50%;background:var(--bf-accent)}

.bf-h1{margin:0;font-size:34px;line-height:1.15;font-weight:800;letter-spacing:-.03em}
.bf-sub{margin:14px 0 0;font-size:16px;line-height:1.6;color:var(--bf-mut);font-weight:300}
.bf-note{margin-top:14px;font-size:12px;line-height:1.6;color:var(--bf-mut2)}

/* Buttons */
.bf-btn{margin-top:24px;width:100%;background:var(--bf-accent);color:#fff;border:0;border-radius:16px;padding:17px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(10,108,255,.3);font-family:inherit;transition:filter .15s}
.bf-btn:hover{filter:brightness(1.04)}
.bf-btn--sm{padding:16px;font-size:17px;margin-top:22px;box-shadow:none}
.bf-btn-ghost{margin-top:10px;width:100%;background:none;border:0;color:var(--bf-mut2);font-size:13.5px;cursor:pointer;font-family:inherit}
.bf-link{background:none;border:0;color:var(--bf-accent);font-size:12.5px;font-weight:600;cursor:pointer;padding:0;font-family:inherit}

/* Trust chips under hero */
.bf-trust{display:flex;gap:8px;margin-top:12px}
.bf-trust > div{flex:1;background:#fff;border-radius:14px;padding:12px 14px;font-size:12px;color:var(--bf-mut);text-align:center}

/* Question screen */
.bf-qhead{padding:18px 22px 0}
.bf-qmeta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--bf-mut2);margin-bottom:10px}
.bf-progress{height:5px;border-radius:99px;background:#e8ebef;overflow:hidden}
.bf-progress > span{display:block;height:5px;border-radius:99px;background:var(--bf-accent);transition:width .45s cubic-bezier(.4,0,.2,1)}
.bf-qbody{padding:24px 22px 26px}
.bf-h2{margin:0;font-size:25px;line-height:1.25;font-weight:800;letter-spacing:-.02em}
.bf-hint{margin:9px 0 0;font-size:13.5px;line-height:1.5;color:var(--bf-mut2)}

/* Options */
.bf-opts{display:flex;flex-direction:column;gap:9px;margin-top:20px}
.bf-opt{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:right;background:#fff;border-radius:16px;padding:16px 17px;font-size:16px;font-weight:600;cursor:pointer;transition:all .18s;border:1.5px solid var(--bf-line);font-family:inherit;color:var(--bf-ink)}
.bf-opt:hover{border-color:#c9d2dc}
.bf-opt.is-selected{border-color:var(--bf-accent);box-shadow:0 4px 14px rgba(10,108,255,.16)}
.bf-opt .bf-radio{width:20px;height:20px;border-radius:50%;flex:none;border:1.5px solid #d7dce2;background:transparent;transition:all .18s}
.bf-opt.is-selected .bf-radio{border-color:var(--bf-accent);background:var(--bf-accent)}

/* Multi chips */
.bf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.bf-chip{border-radius:99px;padding:11px 15px;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s;border:1.5px solid var(--bf-line);background:#fff;color:#39424d;font-family:inherit}
.bf-chip.is-selected{border-color:var(--bf-accent);background:rgba(10,108,255,.08);color:var(--bf-accent)}

/* Slider */
.bf-slider-wrap{margin-top:22px}
.bf-slider-val{text-align:center;font-size:46px;font-weight:800;letter-spacing:-.04em;line-height:1.1}
.bf-slider{width:100%;margin-top:10px;-webkit-appearance:none;appearance:none;height:34px;background:transparent}
.bf-slider::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:#dfe3e8}
.bf-slider::-moz-range-track{height:6px;border-radius:99px;background:#dfe3e8}
.bf-slider::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-12px;border-radius:50%;background:#fff;border:2px solid var(--bf-accent);box-shadow:0 2px 8px rgba(10,108,255,.35);cursor:grab}
.bf-slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--bf-accent);box-shadow:0 2px 8px rgba(10,108,255,.35);cursor:grab}
.bf-slider-ends{display:flex;justify-content:space-between;font-size:12px;color:var(--bf-mut3);margin-top:2px}

/* Money */
.bf-money{margin-top:20px}
.bf-money-box{display:flex;align-items:center;gap:8px;border:1.5px solid #dfe3e8;border-radius:16px;padding:14px 16px}
.bf-money-box input{flex:1;border:0;outline:none;font-size:22px;font-weight:700;letter-spacing:-.02em;background:transparent;font-family:inherit;text-align:right}
.bf-money-cur{font-size:20px;color:var(--bf-mut3);font-weight:700}

/* Calc */
.bf-spinner{width:54px;height:54px;margin:0 auto;border-radius:50%;border:3px solid #e8ebef;border-top-color:var(--bf-accent);animation:bf-spin .9s linear infinite}
.bf-calc-text{margin-top:26px;font-size:18px;font-weight:700;letter-spacing:-.02em;min-height:52px}

/* Results */
.bf-r-label{font-size:13px;color:#8b97a5}
.bf-r-big{margin-top:14px;font-size:52px;font-weight:900;letter-spacing:-.045em;line-height:1}
.bf-r-note{margin-top:4px;font-size:13px;color:#8b97a5}
.bf-bars{display:flex;align-items:flex-end;gap:10px;height:150px;margin-top:26px}
.bf-bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}
.bf-bar .bf-bar-v{font-size:12.5px;font-weight:700;color:#cfd6de}
.bf-bar .bf-bar-fill{border-radius:10px 10px 0 0}
.bf-bar .bf-bar-x{font-size:11.5px;color:#8b97a5}
.bf-statlist{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.bf-statrow{display:flex;justify-content:space-between;background:#fff;border-radius:14px;padding:14px 16px;font-size:14px}
.bf-statrow .bf-k{color:var(--bf-mut)}
.bf-statrow .bf-v{font-weight:800}
.bf-disclaim{margin-top:10px;background:#f4f6f9;border-radius:14px;padding:13px 15px;font-size:12px;line-height:1.6;color:#6b7683}
.bf-cta-card{margin-top:10px;background:#fff;border-radius:22px;padding:24px 22px;box-shadow:0 10px 34px rgba(16,20,24,.09)}
.bf-cta-card h3{margin:0;font-size:21px;line-height:1.3;font-weight:800;letter-spacing:-.02em}
.bf-cta-card p{margin:10px 0 0;font-size:14.5px;line-height:1.6;color:var(--bf-mut)}

/* Score (funnel C) */
.bf-score{margin-top:10px;font-size:66px;font-weight:900;letter-spacing:-.05em;line-height:1}
.bf-score small{font-size:24px;color:var(--bf-mut3);font-weight:700}
.bf-score-bar{margin-top:12px;height:8px;border-radius:99px;background:#e8ebef;overflow:hidden}
.bf-score-bar > span{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--bf-accent),#7fd1ff);transition:width .8s ease}
.bf-tiles{display:flex;gap:8px;margin-top:10px}
.bf-tile{flex:1;background:#fff;border-radius:16px;padding:16px 14px}
.bf-tile b{font-size:13px;font-weight:700}
.bf-tile span{display:block;font-size:12.5px;color:var(--bf-mut2);margin-top:5px}

/* Gap box (funnel B) */
.bf-gapbox{margin-top:12px;background:rgba(127,209,255,.12);border-radius:14px;padding:13px 15px;font-size:13.5px;line-height:1.55;color:#0852c4}
.bf-twocol{margin-top:22px;display:flex;gap:10px}
.bf-twocol > div{flex:1;background:#f4f6f9;border-radius:14px;padding:14px}
.bf-twocol .bf-tk{font-size:11.5px;color:var(--bf-mut2)}
.bf-twocol .bf-tv{font-size:22px;font-weight:800;letter-spacing:-.03em;margin-top:4px}

/* Lead forms */
.bf-fields{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.bf-input{border:1.5px solid #dfe3e8;border-radius:14px;padding:15px;font-size:16px;outline:none;font-family:inherit;width:100%;text-align:right}
.bf-input:focus{border-color:var(--bf-accent)}
.bf-input--c{text-align:center}
.bf-dob{display:flex;gap:8px;margin-top:8px}
.bf-consent{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:12.5px;line-height:1.55;color:var(--bf-mut);cursor:pointer}
.bf-consent input{margin-top:2px;width:18px;height:18px;accent-color:var(--bf-accent);flex:none}
.bf-error{margin-top:12px;background:#fff1f0;color:#b4342a;border-radius:12px;padding:11px 13px;font-size:12.5px}
.bf-secure{margin-top:10px;font-size:12px;color:#6b7683}
.bf-ok-pill{display:flex;align-items:center;gap:8px;background:#eaf7f0;color:#1d7a4c;border-radius:12px;padding:11px 13px;font-size:13px;font-weight:600}
.bf-ok-pill .bf-check{width:18px;height:18px;border-radius:50%;background:#1d7a4c;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center}
.bf-lbl-strong{font-size:13px;font-weight:700;margin-top:18px}
.bf-lbl-strong.first{margin-top:20px}

/* Done */
.bf-done-icon{width:64px;height:64px;margin:0 auto;border-radius:50%;background:#eaf7f0;color:#1d7a4c;font-size:30px;display:flex;align-items:center;justify-content:center}

@media (max-width:420px){
	.bf-h1{font-size:30px}
	.bf-r-big{font-size:44px}
}