.demo.svelte-1bd2w09{background:#fffffffa;border-radius:20px;flex-direction:column;height:100%;min-height:300px;padding:25px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #12828f21,0 2px 8px #16375e1a}.demo.svelte-1bd2w09:before{content:"";background:linear-gradient(90deg, var(--color-navy), var(--color-teal), var(--color-sky));height:4px;position:absolute;inset:0 0 auto}.demo-head.svelte-1bd2w09{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.dots.svelte-1bd2w09{gap:6px;display:flex}.dots.svelte-1bd2w09 i:where(.svelte-1bd2w09){border-radius:50%;width:10px;height:10px}.d1.svelte-1bd2w09{background:#ff6058}.d2.svelte-1bd2w09{background:#ffbd2e}.d3.svelte-1bd2w09{background:#28ca41}.label.svelte-1bd2w09{letter-spacing:.1em;text-transform:uppercase;color:var(--color-slate-ink);font-size:12px;font-weight:700}.tag.svelte-1bd2w09{white-space:nowrap;color:var(--color-teal);background:#12828f1a;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.stage.svelte-1bd2w09{flex:1;min-height:160px;position:relative}.step.svelte-1bd2w09{opacity:0;flex-direction:column;justify-content:center;transition:opacity .4s,transform .4s;display:flex;position:absolute;inset:0;transform:translateY(10px)}.step.active.svelte-1bd2w09{opacity:1;transform:none}.grid.svelte-1bd2w09{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px;display:grid}.flabel.svelte-1bd2w09{text-transform:uppercase;color:var(--color-slate-ink);margin-bottom:6px;font-size:11px;font-weight:700}.field.svelte-1bd2w09{border:2px solid var(--color-line);background:var(--color-mist);height:45px;color:var(--color-navy-950);white-space:nowrap;border-radius:8px;align-items:center;padding:0 15px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.field.typing.svelte-1bd2w09:after{content:"|";color:var(--color-teal);animation:.8s step-end infinite svelte-1bd2w09-blink}@keyframes svelte-1bd2w09-blink{50%{opacity:0}}.btns.svelte-1bd2w09{gap:10px;display:flex}.btn.svelte-1bd2w09{color:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;height:42px;font-size:13px;font-weight:700;display:flex}.btn.main.svelte-1bd2w09{background:linear-gradient(135deg, var(--color-teal), var(--color-navy))}.btn.sec.svelte-1bd2w09{background:linear-gradient(135deg, var(--color-navy), var(--color-ocean))}.title.svelte-1bd2w09{color:var(--color-slate-ink);margin-bottom:12px;font-size:12px;font-weight:700}.results.svelte-1bd2w09{flex-direction:column;gap:8px;display:flex}.row.svelte-1bd2w09{background:var(--color-mist);border-radius:8px;align-items:center;gap:15px;height:35px;padding:0 15px;display:flex}.row.svelte-1bd2w09 b:where(.svelte-1bd2w09){background:var(--color-navy-950);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:flex}.bar.svelte-1bd2w09{opacity:.6;background:linear-gradient(90deg, var(--color-teal), var(--color-sky));border-radius:5px;flex:1;height:10px}.pack.svelte-1bd2w09{background:linear-gradient(135deg,#12828f14,#16375e0f);border:1px solid #12828f2e;border-radius:12px;flex-direction:column;gap:10px;padding:15px;display:flex}.pack-head.svelte-1bd2w09{align-items:center;gap:15px;display:flex}.pack-title.svelte-1bd2w09{color:var(--color-navy);font-size:14px;font-weight:700}.pack-sub.svelte-1bd2w09{color:var(--color-slate-ink);font-size:12px}.pins.svelte-1bd2w09{flex-wrap:wrap;gap:8px;margin-top:5px;display:flex}.pins.svelte-1bd2w09 span:where(.svelte-1bd2w09){color:var(--color-teal);background:#12828f1a;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.progress.svelte-1bd2w09{background:var(--color-line);border-radius:99px;height:4px;margin-top:25px;overflow:hidden}.progress.svelte-1bd2w09 span:where(.svelte-1bd2w09){background:linear-gradient(90deg, var(--color-teal), var(--color-sky));height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);display:block}@media (width<=480px){.demo.svelte-1bd2w09{padding:20px 15px}.demo-head.svelte-1bd2w09{flex-wrap:wrap}.grid.svelte-1bd2w09{gap:8px}.field.svelte-1bd2w09{height:40px;padding:0 10px;font-size:12px}.btn.svelte-1bd2w09{height:40px;font-size:11px}}