.bf-mount{--geo-surface:var(--panel);--geo-text:var(--ink);--geo-muted:var(--muted);--geo-line:var(--line);--geo-accent:var(--violet);--geo-on-accent:var(--on-action);--geo-success:var(--green);--geo-warning:var(--gold);--geo-danger:var(--rose);--geo-radius:10px;--geo-font:"DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Devanagari", "Noto Sans Malayalam", "Noto Sans Kannada", sans-serif;--geo-font-size:16px;--geo-space-1:4px;--geo-space-2:8px;--geo-space-3:12px;--geo-space-4:16px;--geo-space-5:24px;--geo-width:100%;--geo-height:100%;--geo-color-scheme:light;height:100%}:root[data-theme=dark] .bf-mount{--geo-on-accent:#0d1321;--geo-color-scheme:dark}.door-p .bf-mount{--geo-accent:var(--green)}.bf-screen .geo-demo{--_fs-xs:max(14px, calc(var(--_size) * .8));border:0;border-radius:0}.bf{grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:start;gap:40px;scroll-margin-top:88px;display:grid}.bf-side{gap:18px;padding-top:44px;display:grid}.bf>.what-checks{grid-column:1/-1}.bf-links{gap:10px;margin:0;padding:0;list-style:none;display:grid}.bf-links a{border:1px dashed color-mix(in srgb, var(--bf-vivid) 40%, var(--line-2));color:var(--ink);border-radius:14px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;padding:14px 16px;text-decoration:none;display:grid}.bf-links a:hover{border-style:solid;border-color:var(--bf-vivid)}.bf-links a svg,.bf-links.guides svg{color:var(--bf-vivid)}.bf-links b{font-size:15px;font-weight:600;display:block}.bf-links a span{color:var(--ink-2);font-size:15px;line-height:1.45}.bf-links.guides{border:1px dashed color-mix(in srgb, var(--bf-vivid) 40%, var(--line-2));border-radius:14px;padding:14px 16px}.bf-links.guides p{color:var(--ink-2);font-size:15px;line-height:1.6}.bf-links.guides p:first-child{color:var(--ink);align-items:center;gap:10px;margin-bottom:4px;font-size:15px;display:flex}.bf-links.guides a{color:var(--ink);text-underline-offset:3px;border:0;padding:0;font-weight:600;text-decoration:underline;display:inline}.bf-steps{counter-reset:none;gap:10px;margin:0;padding:0;list-style:none;display:grid}.bf-steps button{text-align:left;border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);font:inherit;cursor:pointer;transition:border-color var(--d-1) var(--ease), box-shadow var(--d-2) var(--ease), background var(--d-2) var(--ease);border-radius:16px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:14px;padding:16px 18px;display:grid}.bf-steps button:hover{border-color:color-mix(in srgb, var(--bf-vivid) 50%, var(--line))}.bf-steps button b{letter-spacing:-.015em;font-size:17px;font-weight:600;line-height:1.3;display:block}.bf-steps button small{color:var(--muted);margin-top:3px;font-size:15px;line-height:1.45;display:block}.bf-steps li.on button{border-color:var(--bf-vivid);background:linear-gradient(120deg, color-mix(in srgb, var(--bf-tint) 90%, var(--panel)), var(--panel));box-shadow:inset 0 0 0 1px var(--bf-vivid)}.bf-steps button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.bf-n{border:1px solid var(--line-2);background:var(--panel);width:34px;height:34px;color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;font-weight:600;display:inline-grid}.bf-steps li.on .bf-n{border-color:var(--line);background:var(--bf-tint);color:var(--ink)}.bf{--bf-vivid:var(--violet-vivid);--bf-vivid-2:var(--blue-vivid);--bf-tint:var(--violet-tint)}.door-p .bf{--bf-vivid:var(--green-vivid);--bf-vivid-2:var(--teal-vivid);--bf-tint:var(--green-tint)}.bf-stage{isolation:isolate;grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px;min-width:0;padding:4px 0 8px;display:grid;position:relative}.bf-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;min-width:0;max-width:100%;min-height:32px;display:flex}.bf-langs{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);border-radius:11px;flex-wrap:wrap;gap:4px;padding:3px;display:inline-flex}.bf-langs button{min-height:32px;color:var(--muted);font:500 14px/1 var(--geo-font,"DM Sans"), sans-serif;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px}.bf-langs button:hover{color:var(--ink)}.bf-langs button[aria-pressed=true]{background:var(--action);color:var(--on-action)}.bf-langs button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.bf-phone{border-radius:44px;width:min(384px,100%);min-width:0;max-width:100%;height:min(760px,100dvh - 120px);min-height:600px;padding:8px;position:relative}.bf-phone .bf-screen{background:var(--panel);border-radius:36px;position:relative}.bf-wait{background:var(--panel);text-align:center;flex-direction:column;align-items:stretch;gap:16px;padding:0 0 24px;display:flex;position:absolute;inset:0}.bf-wait-banner{background:var(--canvas-2);border-bottom:1px solid var(--line);color:var(--gold);padding:10px 16px;font-size:14px;font-weight:600}.bf-wait-shop{text-align:left;align-items:center;gap:10px;padding:4px 20px 0;display:flex}.bf-wait-shop b{font-size:16px;font-weight:600;display:block}.bf-wait-shop small{color:var(--faint);font-size:14px;display:block}.bf-wait-line{color:var(--muted);text-align:left;padding:0 24px;font-size:15px;line-height:1.5}.bf-wait .button.big{align-self:center;margin-top:auto}.bf-wait-note{color:var(--muted);padding:0 24px;font-size:14px}.dp-flow,.start{overflow-x:clip}.start{background:linear-gradient(180deg, color-mix(in srgb, var(--violet-tint) 70%, var(--canvas)) 0, var(--canvas) 360px);padding-bottom:72px}.st-head{padding-top:var(--page-top)}.st-head h1{letter-spacing:-.038em;font-size:clamp(34px,3.6vw,48px);font-weight:600;line-height:1.05}.st-head p{color:var(--muted);margin-top:8px;font-size:17px}.st-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:32px;margin-top:24px;display:grid}.st-layout .bf{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px}.st-save{border:1px solid var(--line);background:var(--panel);box-shadow:var(--sh-1);border-radius:18px;gap:14px;padding:24px;scroll-margin-top:96px;display:grid;position:sticky;top:88px}.st-save h2{letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.2}.st-save>p{color:var(--muted);font-size:15px;line-height:1.5}.st-save .button.big{justify-content:center}.st-fine{color:var(--faint);font-size:14px;line-height:1.5}.st-fine a{color:var(--ink-2)}@media (max-width:1240px){.st-layout{grid-template-columns:minmax(0,1fr)}.st-save{max-width:640px;position:static}}@media (max-width:960px){.bf,.st-layout .bf{grid-template-columns:minmax(0,1fr);gap:20px}.bf-side{order:2;padding-top:0}}@media (max-width:640px){.bf-screen .geo-demo .geo-step{flex-direction:column;gap:4px}.bf-screen .geo-demo .geo-step-label{text-align:center;overflow-wrap:anywhere;max-width:100%}.st-layout{margin-top:18px}.bf-phone{border-radius:34px;width:100%;height:min(720px,100svh - 96px);min-height:560px;padding:5px}.bf-phone .bf-screen{border-radius:29px}.bf-steps button{padding:14px}}.bf-save{border:1px dashed var(--line-2);border-radius:12px;justify-items:start;gap:8px;padding:14px 16px;display:grid}.bf-save small{color:var(--muted);font-size:14px}.bf-save p{color:var(--ink-2);font-size:15px;font-weight:600}.bf-screen,.bf-screen .geo-demo,.bf-screen .geo-chips{min-width:0;max-width:100%}.bf-phone .bf-screen{overflow:hidden}
