.flow{width:100%;scroll-margin-top:24px;position:relative}.flow-loading{min-height:380px}.flow-dots{gap:6px;margin-bottom:clamp(24px,2.5vw,36px);display:flex}.flow-dots span{width:8px;height:8px;transition:width .4s var(--ease-shakebiz), background .4s;background:#e7e3fa;border-radius:8px}.flow-dots [data-state=done]{background:var(--color-shakebiz-pink)}.flow-dots [data-state=now]{background:var(--color-shakebiz-pink);width:30px}.flow-step{min-height:300px;animation:flow-in .55s var(--ease-shakebiz);flex-direction:column;gap:20px;display:flex}.flow-step[data-dir=back]{animation-name:flow-back}@keyframes flow-in{0%{opacity:0;transform:translateY(36px)}}@keyframes flow-back{0%{opacity:0;transform:translateY(-36px)}}.flow-question{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(28px,2.8vw,40px);font-weight:600;line-height:1.15}.flow-help{opacity:.65;margin-top:-10px;font-size:17px;line-height:1.4}.flow-input{background:#f4f2fc;border:0;border-radius:20px;outline:none;width:100%;padding:16px 24px;font-size:clamp(18px,1.6vw,22px);transition:background .25s,box-shadow .25s}.flow-input::placeholder{color:#00000073}.flow-input:focus{box-shadow:0 0 0 2px var(--color-shakebiz-pink);background:#fff}.flow-area{resize:none;line-height:1.35}.flow-pair{grid-template-columns:1fr 1fr;gap:40px;display:grid}.flow-pills{flex-wrap:wrap;gap:10px;display:flex}.flow-pill{background:var(--c);color:#000;text-align:left;cursor:pointer;transition:background .25s, color .25s, transform .25s var(--ease-shakebiz);animation:flow-pill-in .45s var(--ease-shakebiz) backwards;border:0;border-radius:50px;align-items:center;gap:10px;padding:12px 20px;font-size:clamp(16px,1.4vw,20px);line-height:1.2;display:inline-flex}.flow-pill:hover{transform:translateY(-2px)}.flow-pill:active{transform:scale(.96)}.flow-pill:focus-visible{outline:2px solid var(--color-shakebiz-pink-hot);outline-offset:2px}.flow-pill[aria-pressed=true]{color:#fff;animation:flow-pill-pick .35s var(--ease-shakebiz);background:#000}.flow-tick{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@keyframes flow-pill-in{0%{opacity:0;transform:translateY(10px)scale(.96)}}@keyframes flow-pill-pick{50%{transform:scale(1.06)}}.flow-choices{gap:14px;max-width:480px;display:grid}.flow-choices .flow-pill{justify-content:space-between;gap:16px;height:100%;padding:18px 26px 18px 28px;font-size:clamp(18px,1.7vw,24px);display:flex}.flow-go{transition:translate .25s var(--ease-shakebiz)}.flow-pill:hover .flow-go,.flow-ok:hover .flow-go{translate:.12em -.12em}.flow-pill-sm{justify-content:space-between;gap:16px;padding:13px 20px 13px 24px;font-size:clamp(16px,1.3vw,19px)}.flow-pill-solid{color:#fff}.flow-pill h2{font:inherit;letter-spacing:inherit}@media (min-width:1024px){.flow-choices{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.flow-choices-stack{grid-template-columns:minmax(0,1fr)}}.flow-file{text-align:center;cursor:pointer;background:#f4f2fc;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:34px 20px;font-size:18px;transition:background .25s,box-shadow .25s;display:flex}.flow-file:hover,.flow-file[data-over]{background:#e7e3fa}.flow-file:focus-within{box-shadow:0 0 0 2px var(--color-shakebiz-pink)}.flow-file input{opacity:0;width:1px;height:1px;position:absolute}.flow-file small{opacity:.6;font-size:14px}.flow-chip{animation:flow-pill-in .4s var(--ease-shakebiz);background:#e7e3fa;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;font-size:17px;display:flex}.flow-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.flow-chip button{cursor:pointer;background:0 0;border:0;flex:none;font-size:15px;text-decoration:underline}.flow-check{cursor:pointer;align-items:flex-start;gap:16px;max-width:680px;font-size:17px;line-height:1.45;display:flex;position:relative}.flow-check:hover .flow-box{transform:scale(1.08)}.flow-check input{opacity:0;pointer-events:none;position:absolute}.flow-box{width:28px;height:28px;transition:background .2s, transform .25s var(--ease-shakebiz);background:#e7e3fa;border-radius:9px;flex:none;place-items:center;display:grid}.flow-box svg{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24px;width:18px;height:18px;transition:stroke-dashoffset .3s var(--ease-shakebiz)}.flow-check input:checked+.flow-box{background:var(--color-shakebiz-pink)}.flow-check input:checked+.flow-box svg{stroke-dashoffset:0}.flow-check input:focus-visible+.flow-box{outline:2px solid var(--color-shakebiz-pink-hot);outline-offset:3px}.flow-check a,.flow-notice a{text-decoration:underline}.flow-notice{opacity:.7;max-width:680px;font-size:15px;line-height:1.45}.flow-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px;display:flex}.flow-ok{background:var(--color-shakebiz-pink);color:#fff;cursor:pointer;transition:background .25s, transform .25s var(--ease-shakebiz);border:0;border-radius:50px;align-items:center;gap:14px;padding:14px 22px 14px 28px;font-size:18px;display:inline-flex}.flow-ok:hover{background:#000}.flow-ok:focus-visible{outline:2px solid var(--color-shakebiz-pink);outline-offset:2px}.flow-ok:disabled{opacity:.6;cursor:progress}.flow-hint{opacity:.6;font-size:15px}.flow-hint kbd{background:#f1f1f1;border-radius:8px;margin-left:4px;padding:3px 9px;font-family:inherit;font-size:14px}@media (hover:none){.flow-hint{display:none}}.flow-back{cursor:pointer;background:0 0;border:0;margin-top:28px;font-size:16px}.flow-back:hover{color:var(--color-shakebiz-pink-hot)}.flow-error{animation:flow-in .35s var(--ease-shakebiz);background:#ffe0ea;border-radius:12px;align-self:flex-start;padding:9px 16px;font-size:16px}.flow-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.flow-done{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.flow-done p{max-width:620px;font-size:clamp(18px,1.5vw,22px);line-height:1.4}.flow-hearts{width:100%;height:84px;position:relative}.flow-hearts svg{left:calc(var(--i) * 44px);width:56px;height:52px;animation:flow-bloom .9s calc(var(--i) * 80ms) var(--ease-shakebiz) backwards;position:absolute;top:20px}@keyframes flow-bloom{0%{transform:translateY(40px)scale(0)rotate(-40deg)}60%{transform:translateY(-8px)scale(1.15)rotate(6deg)}}@media (max-width:640px){.flow-pair{grid-template-columns:1fr;gap:16px}.flow-hearts svg{left:calc(var(--i) * 36px);width:46px;height:42px}}@media (prefers-reduced-motion:reduce){.flow-step,.flow-pill,.flow-chip,.flow-error,.flow-hearts svg{animation:none}}