/* Home: three-step starter */
.biz-home-start{margin:0 0 16px;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.biz-home-start-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px 12px;background:linear-gradient(135deg,#eaf5fe,#f6fbff)}
.dark .biz-home-start-head{background:linear-gradient(135deg,#1f3a4e,#1c2c37)}
.biz-home-start-head div{display:flex;flex-direction:column;gap:3px;min-width:0}
.biz-page .biz-home-start-head strong{font-size:16px!important;font-weight:600!important;color:var(--ink)}
.biz-page .biz-home-start-head small{font-size:13px!important;color:var(--muted)}
.biz-home-start-progress{position:relative;flex:0 0 74px;height:6px;border-radius:6px;background:#d6e8f6;overflow:hidden}
.dark .biz-home-start-progress{background:#2a4558}
.biz-home-start-progress::after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--p) * 100%);min-width:6px;border-radius:6px;background:#3390ec}
.biz-home-step{display:flex;align-items:center;gap:14px;min-height:66px;padding:12px 18px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background .15s ease}
.biz-home-step:hover{background:var(--tg-hover,#f4f8fb)}.biz-home-step:active{background:var(--brand-soft)}
.biz-home-step-index{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#3390ec;color:#fff;font-size:15px;font-weight:600}
.biz-home-step-index svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.4}
.biz-home-step.is-done .biz-home-step-index{background:#4fae4e}
.biz-home-step-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.biz-page .biz-home-step-copy strong{font-size:15px!important;font-weight:500!important;color:var(--ink)}
.biz-page .biz-home-step-copy small{font-size:13px!important;color:var(--muted)}
.biz-home-step>svg{width:14px;height:14px;flex:0 0 14px;color:var(--muted);stroke:currentColor;fill:none;stroke-width:2}
.biz-home-step.is-done .biz-home-step-copy strong{color:var(--muted)}
@media(max-width:639px){.biz-home-start{margin-inline:-20px;border-width:1px 0;border-radius:0}}
.desktop .biz-home-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.desktop .biz-home-start-head{grid-column:1/-1}
.desktop .biz-home-step{border-top:1px solid var(--line)}
.desktop .biz-home-step+.biz-home-step{border-left:1px solid var(--line)}

/* Course: deposit steps */
.biz-pay-steps{list-style:none;margin:14px 0;padding:0;display:grid;gap:9px}
.biz-pay-steps li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink)}
.biz-pay-steps b{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:var(--brand-soft);color:#3390ec;font-size:13px}

/* Deposit sheet */
.os-pay{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.os-pay-amount{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;background:var(--brand-soft)}
.os-pay-amount span{font-size:14px;color:var(--muted)}
.os-pay-amount strong{font-size:28px;font-weight:700;color:var(--ink);line-height:1}
.os-pay-amount strong small{font-size:16px;margin-right:2px}
.os-pay-open{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;background:#1677ff;color:#fff!important;font-size:16px;font-weight:600;text-decoration:none}
.os-pay-qr{margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}
.os-pay-qr img{width:min(230px,62vw);border-radius:14px;box-shadow:0 4px 18px #0b345014;background:#fff}
.os-pay-qr figcaption{font-size:12px;color:var(--muted)}
.os-pay-steps{margin:0;padding-left:20px;display:grid;gap:7px;font-size:14px;line-height:1.55;color:var(--ink)}
.os-pay-no{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.02em}
.os-pay-copy{margin-left:4px;padding:2px 9px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:#3390ec;font-size:12px;cursor:pointer}
.os-pay-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}
.os-pay-field input{min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font-size:15px}
.os-pay-done{margin:0;padding:10px 12px;border-radius:10px;background:#eef8ee;color:#2f7d32;font-size:14px}
.dark .os-pay-done{background:#20382a;color:#8fd19a}

/* First-run onboarding */
.os-onboarding body{overflow:hidden}
.os-onboard{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;background:var(--card,#fff);color:var(--ink);opacity:0;transition:opacity .25s ease;overflow:hidden;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
.os-onboard.is-visible{opacity:1}.os-onboard.is-leaving{opacity:0;pointer-events:none}
.os-onboard-skip{position:absolute;top:calc(env(safe-area-inset-top) + 14px);right:16px;z-index:2;padding:7px 14px;border:0;border-radius:999px;background:#0000000d;color:var(--muted);font-size:14px;cursor:pointer}
.dark .os-onboard-skip{background:#ffffff14}
.os-onboard-track{display:flex;flex:1;min-height:0;transition:transform .35s cubic-bezier(.22,.8,.25,1);touch-action:pan-y}
.os-onboard-slide{flex:0 0 100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 28px 12px;text-align:center;box-sizing:border-box}
.os-onboard-art{width:min(300px,78vw);aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#e7f3fd,#f7fbff);box-shadow:0 10px 34px #12446a17;margin-bottom:14px}
.dark .os-onboard-art{background:linear-gradient(135deg,#1f3a4e,#182833)}
.os-onboard-art img{width:100%;height:100%;object-fit:cover;user-select:none}
.os-onboard-art.is-logo{display:grid;place-items:center}.os-onboard-art.is-logo img{width:46%;height:auto;object-fit:contain}
.os-onboard-eyebrow{font-size:13px;font-weight:600;color:#3390ec;letter-spacing:.04em}
.os-onboard-slide h2{margin:0;font-size:25px;line-height:1.3;font-weight:700;color:var(--ink)}
.os-onboard-slide p{margin:0;max-width:340px;font-size:15px;line-height:1.65;color:var(--muted)}
.os-onboard-foot{display:flex;flex-direction:column;align-items:center;gap:18px;padding:12px 24px 28px}
.os-onboard-dots{display:flex;gap:7px}.os-onboard-dots i{width:7px;height:7px;border-radius:7px;background:#cfdde8;transition:width .25s ease,background .25s ease}
.os-onboard-dots i.on{width:22px;background:#3390ec}
.os-onboard-actions{display:flex;flex-direction:column;gap:10px;width:min(340px,100%)}
.os-onboard-primary,.os-onboard-secondary{min-height:50px;border:0;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer}
.os-onboard-primary{background:#3390ec;color:#fff}.os-onboard-secondary{background:transparent;color:var(--muted)}
@media(min-width:640px){.os-onboard{inset:auto;top:50%;left:50%;width:420px;height:min(700px,92vh);transform:translate(-50%,-50%);border-radius:24px;box-shadow:0 30px 90px #0b2a4040}.os-onboarding body::after{content:"";position:fixed;inset:0;z-index:1999;background:#0d1b2580}}
@media(prefers-reduced-motion:reduce){.os-onboard,.os-onboard-track{transition:none}}

/* Admin: follow-up + funnel */
.admin-lead-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}
.admin-lead-filters button{padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font-size:12px;cursor:pointer}
.admin-lead-filters button b{margin-left:3px;color:var(--muted);font-weight:500}
.admin-lead-filters button.is-active{background:#3390ec;border-color:#3390ec;color:#fff}.admin-lead-filters button.is-active b{color:#fff}
.admin-metric.is-warn strong{color:#d58a1c}.admin-metric.is-danger strong{color:#d6455d}
.admin-funnel-bar{margin-top:6px;height:6px;border-radius:6px;background:#e6eff5;overflow:hidden;min-width:120px}
.dark .admin-funnel-bar{background:#29404f}
.admin-funnel-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#3390ec,#59b7f5)}
.os-lead-form{display:grid;gap:12px}
.os-lead-form .biz-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}
.os-lead-form :is(input,select,textarea){padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit;font-size:14px}
.os-lead-history{margin-top:12px;font-size:13px;color:var(--muted)}.os-lead-history ul{margin:8px 0 0;padding-left:18px;display:grid;gap:6px}
/* risk notice & disclaimer */
.os-pay-risk{margin:10px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}
.os-pay-risk a{color:var(--brand,#2899d6)}
.biz-risk-foot{display:flex;gap:8px;align-items:flex-start;margin:18px 2px 6px;padding:10px 12px;border-radius:12px;background:rgba(127,127,127,.07);color:var(--muted,#7a8691)!important;font-size:12px;line-height:1.6;text-decoration:none}
.biz-risk-foot svg{flex:0 0 15px;width:15px;height:15px;margin-top:2px;fill:none;stroke:currentColor;stroke-width:1.8}
.biz-risk-foot b{display:block;font-weight:600;color:var(--brand,#2899d6)}
.biz-disclaimer{padding:18px 18px 8px}
.biz-disclaimer-lead{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;padding:12px 14px;border-radius:12px;background:#fff4e5;color:#8a5300;font-weight:600;line-height:1.6}
.biz-disclaimer-lead svg{flex:0 0 18px;width:18px;height:18px;margin-top:2px;fill:none;stroke:currentColor;stroke-width:1.8}
.dark .biz-disclaimer-lead{background:#3a2e1c;color:#f3c37a}
.biz-disclaimer ol{margin:0;padding-left:20px}
.biz-disclaimer li{margin:0 0 14px}
.biz-disclaimer li strong{display:block;font-size:15px;color:var(--ink)}
.biz-disclaimer li p{margin:4px 0 0;font-size:14px;line-height:1.75;color:var(--muted)}
.os-auth-link{color:var(--brand,#2899d6)}
.biz-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.biz-proof{display:block;text-decoration:none;color:var(--muted)}
.biz-proof img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;object-position:top;border-radius:12px;border:1px solid rgba(127,127,127,.18);background:#fff}
.biz-proof span{display:block;margin-top:6px;font-size:12px;line-height:1.5;text-align:center}
