.fb{max-width:820px;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(16px,3vw,32px) 100px}
.fb__intro .h2 .serif{color:var(--blue)}
.fb__intro .lead{color:#3A3D44;margin-top:14px}
.fb-prog{flex:1;max-width:360px;height:6px;margin:0 auto;border-radius:999px;background:rgba(11,12,15,.08);overflow:hidden}
.fb-prog span{display:block;height:100%;width:20%;border-radius:inherit;background:linear-gradient(90deg,#3A5BFF,#8FA2FF);transition:width .6s var(--ease)}
.fb-save{font-size:.78rem;color:var(--grey-dark);opacity:0;transition:opacity .4s}
.fb-save.on{opacity:1}
#fb{margin-top:36px}
.fb__step{border:0;margin:0;padding:clamp(22px,3vw,32px);border-radius:24px;background:#fff;box-shadow:0 1px 0 rgba(11,12,15,.04),0 24px 50px -30px rgba(11,12,15,.3);display:none}
.fb__step.is-on{display:block;animation:stepin .5s var(--ease)}
@keyframes stepin{from{opacity:0;transform:translateX(24px)}}
.fb__step.back{animation-name:stepback}
@keyframes stepback{from{opacity:0;transform:translateX(-24px)}}
.fb__step legend{display:flex;align-items:center;gap:12px;float:left;width:100%;font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:750;letter-spacing:-.04em;margin-bottom:8px}
.fb__step legend span{font-size:.78rem;font-weight:750;letter-spacing:.06em;padding:6px 10px;border-radius:999px;background:rgba(58,91,255,.1);color:var(--blue)}
.fb__step .ofields{clear:both}
.fb-lbl{font-size:.85rem;font-weight:700;color:#33363C}
.fb-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.fb-chips button{font:600 .9rem var(--sans);padding:10px 15px;border-radius:999px;border:1.5px solid rgba(11,12,15,.14);background:#fff;cursor:pointer;transition:all .25s var(--ease)}
.fb-chips button:hover{border-color:var(--blue)}
.fb-chips button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff;transform:scale(1.03)}
.drop{display:grid;justify-items:center;gap:4px;text-align:center;padding:24px;border:2px dashed rgba(11,12,15,.18);border-radius:18px;background:var(--paper);cursor:pointer;transition:border-color .3s,background .3s;margin-top:8px}
.drop:hover,.drop.over{border-color:var(--blue);background:#EEF1FF}
.drop input{position:absolute;opacity:0;width:1px;height:1px}
.drop:focus-within{outline:3px solid var(--blue);outline-offset:3px}
.drop__ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;font-size:1.2rem;margin-bottom:4px}
.drop b{font-size:1rem}.drop i{font-style:normal;font-size:.85rem;color:#4A4D54}
.drop__list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px}
.drop__list span{font-size:.78rem;font-weight:600;padding:4px 9px;border-radius:999px;background:var(--blue);color:#fff}
.fb__nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px}
.fb__nav [data-next],.fb__nav [data-send]{margin-left:auto}
.fb-back{color:var(--black)}
.fb-back[disabled]{visibility:hidden}
.fb-sum{margin-top:18px;padding:16px 18px;border-radius:16px;background:var(--paper);font-size:.9rem;display:grid;gap:4px}
.fb-sum b{color:var(--black)}
.fb-done-p{color:#DCE2FF;margin-top:14px;opacity:0;animation:up2 .6s 1.6s var(--ease) forwards}
.field [aria-invalid=true]{border-color:#E0533F!important}
@media (max-width:640px){.fb-save{display:none}}

.fb-order{margin-top:24px;padding:16px 18px;border-radius:18px;background:#fff;border:1.5px solid rgba(58,91,255,.3);display:grid;gap:8px}
.fb-order b{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.fb-order__chips{display:flex;flex-wrap:wrap;gap:6px}
.fb-order__chips i{font-style:normal;font-size:.85rem;font-weight:650;padding:6px 11px;border-radius:999px;background:#EEF1FF}
.fb-order small{color:#4A4D54}
.fb-extra{margin-top:22px;padding:18px;border-radius:18px;background:#F5F7FF;border:1.5px solid rgba(58,91,255,.2);animation:stepin .5s var(--ease)}
.fb-extra h3{font-size:1.05rem;letter-spacing:-.02em}
.fb-toggles{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.fb-toggles label{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1.5px solid rgba(11,12,15,.14);background:#fff;font-weight:600;font-size:.9rem;cursor:pointer}
.fb-toggles label:has(input:checked){border-color:var(--blue);background:#EEF1FF}
.fb-toggles input{accent-color:var(--blue);width:16px;height:16px}
.field label small{font-weight:500;color:var(--blue)}
.fb-export{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px;opacity:0;animation:up2 .6s 1.8s var(--ease) forwards}
.fb-export .btn{color:#fff;border-color:rgba(255,255,255,.4)}
.fb-export__hint{font-size:.85rem;color:#C9D2FF;margin-top:10px;opacity:0;animation:up2 .6s 1.9s var(--ease) forwards}