.flow-diagrams-module__dpIlPG__wrap{max-width:none;margin:10px 0 2.4em}.flow-diagrams-module__dpIlPG__head{align-items:center;gap:12px;margin:0 0 16px;display:flex}.flow-diagrams-module__dpIlPG__headTag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:var(--ink);border:1px solid var(--line-2);background:#ffffff0a;border-radius:999px;padding:6px 12px;font-size:9.5px}.flow-diagrams-module__dpIlPG__headRule{background:linear-gradient(90deg,var(--line-2),transparent);flex:1;height:1px}.flow-diagrams-module__dpIlPG__track{--pad:16px;--gap:20px;--sceneH:148px;--beat:1.6s;--cycle:6.4s;gap:var(--gap);display:grid}.flow-diagrams-module__dpIlPG__trackThree{--sceneH:158px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:900px){.flow-diagrams-module__dpIlPG__trackThree .flow-diagrams-module__dpIlPG__chip{padding:7px 13px;font-size:10px}.flow-diagrams-module__dpIlPG__trackThree .flow-diagrams-module__dpIlPG__picks{gap:10px}.flow-diagrams-module__dpIlPG__trackThree .flow-diagrams-module__dpIlPG__pick{border-radius:12px;width:min(54px,24%)}.flow-diagrams-module__dpIlPG__trackThree .flow-diagrams-module__dpIlPG__thumb{width:min(46px,17%)}.flow-diagrams-module__dpIlPG__trackThree .flow-diagrams-module__dpIlPG__bigBtn{padding:10px 18px;font-size:14px}}.flow-diagrams-module__dpIlPG__trackFour{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-diagrams-module__dpIlPG__trackSix{--pad:13px;--gap:15px;--sceneH:104px;--beat:1.15s;--cycle:6.9s;grid-template-columns:repeat(6,minmax(0,1fr))}.flow-diagrams-module__dpIlPG__step{--acc:var(--blue);padding:var(--pad);border:1px solid var(--line);opacity:0;animation:flow-diagrams-module__dpIlPG__stepIn .6s cubic-bezier(.2,.7,.2,1)calc(var(--i,0)*.1s + 50ms)both,flow-diagrams-module__dpIlPG__walk var(--cycle)ease-in-out calc(var(--i,0)*var(--beat))infinite;background:linear-gradient(#ffffff0b,#ffffff03);border-radius:18px;flex-direction:column;display:flex;position:relative;transform:translateY(14px)}.flow-diagrams-module__dpIlPG__step:before{content:"";background:linear-gradient(90deg,transparent,var(--acc),transparent);border-radius:0 0 3px 3px;height:2px;position:absolute;top:-1px;left:16px;right:16px}@keyframes flow-diagrams-module__dpIlPG__stepIn{to{opacity:1;transform:none}}@keyframes flow-diagrams-module__dpIlPG__walk{0%,to{border-color:var(--line);box-shadow:none}2%,16%{border-color:color-mix(in srgb,var(--acc)48%,transparent);box-shadow:0 16px 44px -28px var(--acc)}24%{border-color:var(--line);box-shadow:none}}.flow-diagrams-module__dpIlPG__tCyan{--acc:var(--cyan)}.flow-diagrams-module__dpIlPG__tBlue{--acc:var(--blue)}.flow-diagrams-module__dpIlPG__tViolet{--acc:var(--violet)}.flow-diagrams-module__dpIlPG__tGold{--acc:var(--gold)}.flow-diagrams-module__dpIlPG__tTeal{--acc:var(--teal)}.flow-diagrams-module__dpIlPG__optional{border-style:dashed}.flow-diagrams-module__dpIlPG__tagRow{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.flow-diagrams-module__dpIlPG__tag{font-family:var(--mono);letter-spacing:.08em;color:var(--acc);border:1px solid color-mix(in srgb,var(--acc)32%,transparent);background:color-mix(in srgb,var(--acc)12%,transparent);border-radius:7px;padding:4px 9px;font-size:10.5px}.flow-diagrams-module__dpIlPG__optTag,.flow-diagrams-module__dpIlPG__reqTag{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:8.5px}.flow-diagrams-module__dpIlPG__optTag{color:var(--muted);border:1px dashed var(--line-2);background:#ffffff0d}.flow-diagrams-module__dpIlPG__reqTag{color:var(--acc);border:1px solid color-mix(in srgb,var(--acc)40%,transparent);background:color-mix(in srgb,var(--acc)14%,transparent)}.flow-diagrams-module__dpIlPG__trackSix .flow-diagrams-module__dpIlPG__tagRow{gap:6px}.flow-diagrams-module__dpIlPG__trackSix .flow-diagrams-module__dpIlPG__optTag,.flow-diagrams-module__dpIlPG__trackSix .flow-diagrams-module__dpIlPG__reqTag{letter-spacing:.05em;padding:3px 6px;font-size:7.5px}.flow-diagrams-module__dpIlPG__title{color:var(--ink);margin:14px 0 0;font-size:16px;font-weight:700;line-height:1.25}.flow-diagrams-module__dpIlPG__cap{color:var(--muted);margin:6px 0 0;font-size:12.5px;line-height:1.5}.flow-diagrams-module__dpIlPG__trackSix .flow-diagrams-module__dpIlPG__title{font-size:14px}.flow-diagrams-module__dpIlPG__trackSix .flow-diagrams-module__dpIlPG__cap{font-size:11.5px}.flow-diagrams-module__dpIlPG__sceneWrap{position:relative}.flow-diagrams-module__dpIlPG__sceneWrap:after{content:"";top:50%;right:calc((var(--gap)/2 + var(--pad) + 1px)*-1);border-top:2px solid var(--line-2);border-right:2px solid var(--line-2);width:8px;height:8px;animation:flow-diagrams-module__dpIlPG__chev var(--cycle)ease-in-out calc(var(--i,0)*var(--beat) + var(--beat)*.55)infinite;position:absolute;transform:translate(50%,-50%)rotate(45deg)}.flow-diagrams-module__dpIlPG__step:last-child .flow-diagrams-module__dpIlPG__sceneWrap:after{display:none}@keyframes flow-diagrams-module__dpIlPG__chev{0%,to{border-color:var(--line-2)}4%,12%{border-color:var(--cyan)}20%{border-color:var(--line-2)}}.flow-diagrams-module__dpIlPG__step:after{content:"";left:50%;bottom:calc((var(--gap)/2 + 4px)*-1);border-right:2px solid var(--line-2);border-bottom:2px solid var(--line-2);width:8px;height:8px;display:none;position:absolute;transform:translate(-50%,50%)rotate(45deg)}.flow-diagrams-module__dpIlPG__scene{height:var(--sceneH);border:1px solid var(--line);background:#00000042;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:11px;display:flex;position:relative;overflow:hidden}.flow-diagrams-module__dpIlPG__trackSix .flow-diagrams-module__dpIlPG__scene{padding:9px}.flow-diagrams-module__dpIlPG__scan{pointer-events:none;height:44px;animation:flow-diagrams-module__dpIlPG__scan var(--cycle)ease-in-out infinite;background:linear-gradient(#0000,#46c2e629,#0000);position:absolute;top:-44px;left:0;right:0}@keyframes flow-diagrams-module__dpIlPG__scan{0%{top:-44px}34%,to{top:100%}}.flow-diagrams-module__dpIlPG__urlBar{border:1px solid var(--line-2);background:#ffffff0a;border-radius:9px;align-items:center;gap:6px;width:100%;padding:7px 9px;display:flex}.flow-diagrams-module__dpIlPG__urlBar svg{color:var(--acc);flex:none}.flow-diagrams-module__dpIlPG__urlText{font-style:normal;font-family:var(--mono);color:var(--ink);white-space:nowrap;max-width:100%;animation:flow-diagrams-module__dpIlPG__type var(--cycle)steps(16)infinite;font-size:10px;overflow:hidden}@keyframes flow-diagrams-module__dpIlPG__type{0%{max-width:0}30%,to{max-width:100%}}.flow-diagrams-module__dpIlPG__caret{background:var(--acc);flex:none;width:1.5px;height:11px;animation:1.1s step-end infinite flow-diagrams-module__dpIlPG__blink}@keyframes flow-diagrams-module__dpIlPG__blink{50%{opacity:0}}.flow-diagrams-module__dpIlPG__swatches{gap:6px;display:flex}.flow-diagrams-module__dpIlPG__sw{width:24px;height:24px;animation:flow-diagrams-module__dpIlPG__pop var(--cycle)cubic-bezier(.2,.8,.3,1.2)infinite backwards;animation-delay:calc(var(--i,0)*.1s + 1.6s);border-radius:8px}.flow-diagrams-module__dpIlPG__sw:first-child{background:var(--cyan)}.flow-diagrams-module__dpIlPG__sw:nth-child(2){background:var(--blue)}.flow-diagrams-module__dpIlPG__sw:nth-child(3){background:var(--violet)}.flow-diagrams-module__dpIlPG__sw:nth-child(4){background:var(--gold)}@keyframes flow-diagrams-module__dpIlPG__pop{0%,4%{opacity:0;transform:scale(.5)}14%,90%{opacity:1;transform:none}to{opacity:0;transform:scale(.85)}}.flow-diagrams-module__dpIlPG__toks{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.flow-diagrams-module__dpIlPG__tok{font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);animation:flow-diagrams-module__dpIlPG__pop var(--cycle)cubic-bezier(.2,.8,.3,1.2)infinite backwards;animation-delay:calc(var(--i,0)*.12s + 2.1s);background:#ffffff08;border-radius:999px;padding:4px 7px;font-size:8.5px}.flow-diagrams-module__dpIlPG__tile{align-items:center;gap:9px;width:100%;display:flex}.flow-diagrams-module__dpIlPG__shot{aspect-ratio:1;background:linear-gradient(140deg,#f0c27b8c,#9a6be066);border-radius:11px;flex:none;width:min(48px,34%);position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.flow-diagrams-module__dpIlPG__shot svg{color:#ffffffe6;margin:auto;position:absolute;inset:0}.flow-diagrams-module__dpIlPG__rows{flex-direction:column;gap:7px;min-width:0;display:flex}.flow-diagrams-module__dpIlPG__row{color:var(--muted);white-space:nowrap;animation:flow-diagrams-module__dpIlPG__pop var(--cycle)ease-out infinite backwards;animation-delay:calc(var(--i,0)*.25s + 1.8s);align-items:center;gap:6px;font-size:10.5px;display:flex}.flow-diagrams-module__dpIlPG__row svg{color:var(--teal);flex:none}.flow-diagrams-module__dpIlPG__faces,.flow-diagrams-module__dpIlPG__picks{justify-content:center;gap:7px;width:100%;display:flex}.flow-diagrams-module__dpIlPG__picks{gap:6px}.flow-diagrams-module__dpIlPG__face,.flow-diagrams-module__dpIlPG__pick{color:var(--ink);border:1px solid var(--line-2);animation:flow-diagrams-module__dpIlPG__pickOne var(--cycle)ease-in-out infinite;animation-delay:calc(var(--i,0)*(var(--cycle)/3));justify-content:center;align-items:center;display:flex}.flow-diagrams-module__dpIlPG__face svg,.flow-diagrams-module__dpIlPG__pick svg{width:45%;height:45%}.flow-diagrams-module__dpIlPG__face{aspect-ratio:1;background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--acc)40%,transparent),#0d0f16eb);border-radius:50%;width:min(46px,28%)}.flow-diagrams-module__dpIlPG__pick{aspect-ratio:1;background:linear-gradient(140deg,color-mix(in srgb,var(--acc)45%,transparent),#0d0f16eb);border-radius:9px;width:min(38px,29%)}@keyframes flow-diagrams-module__dpIlPG__pickOne{0%,to{border-color:var(--line-2);box-shadow:none;transform:none}8%,22%{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc)22%,transparent);transform:translateY(-4px)}}.flow-diagrams-module__dpIlPG__outGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;display:grid}.flow-diagrams-module__dpIlPG__out{border:1px solid var(--line);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);animation:flow-diagrams-module__dpIlPG__lightUp var(--cycle)ease-in-out infinite;animation-delay:calc(var(--i,0)*(var(--cycle)/4));background:#ffffff08;border-radius:9px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:8px;display:flex}.flow-diagrams-module__dpIlPG__out svg{color:var(--acc);flex:none}@keyframes flow-diagrams-module__dpIlPG__lightUp{0%,to{border-color:var(--line);color:var(--muted);background:#ffffff08}8%,20%{border-color:color-mix(in srgb,var(--acc)50%,transparent);background:color-mix(in srgb,var(--acc)12%,transparent);color:var(--ink)}}.flow-diagrams-module__dpIlPG__lines{flex-direction:column;gap:7px;width:100%;display:flex}.flow-diagrams-module__dpIlPG__lines span{height:7px;width:var(--w,80%);transform-origin:0;animation:flow-diagrams-module__dpIlPG__write var(--cycle)ease-in-out infinite;animation-delay:calc(var(--i,0)*.4s);background:#ffffff29;border-radius:4px;display:block}@keyframes flow-diagrams-module__dpIlPG__write{0%{opacity:.35;transform:scaleX(0)}20%,86%{opacity:1;transform:scaleX(1)}to{opacity:.35;transform:scaleX(1)}}.flow-diagrams-module__dpIlPG__chips{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.flow-diagrams-module__dpIlPG__chip{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);color:var(--faint);animation:flow-diagrams-module__dpIlPG__pick var(--cycle)ease-in-out infinite;animation-delay:calc(var(--i,0)*(var(--cycle)/3));border-radius:999px;padding:5px 8px;font-size:8px}@keyframes flow-diagrams-module__dpIlPG__pick{0%,to{color:var(--faint);border-color:var(--line);background:0 0}8%,24%{color:var(--ink);border-color:color-mix(in srgb,var(--acc)55%,transparent);background:color-mix(in srgb,var(--acc)14%,transparent)}}.flow-diagrams-module__dpIlPG__crew{flex-direction:column;align-items:center;gap:4px;display:flex}.flow-diagrams-module__dpIlPG__auto{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);background:#5b86f01a;border:1px solid #5b86f059;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:8px;display:inline-flex}.flow-diagrams-module__dpIlPG__btns{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.flow-diagrams-module__dpIlPG__btn{width:100%;color:var(--ink);border:1px solid var(--line-2);background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-size:10px;font-weight:600;display:flex}.flow-diagrams-module__dpIlPG__btn svg{flex:none}.flow-diagrams-module__dpIlPG__btnGo{color:#08110f;background:var(--teal);animation:flow-diagrams-module__dpIlPG__go var(--cycle)ease-in-out infinite;border-color:#0000}@keyframes flow-diagrams-module__dpIlPG__go{0%,16%,34%,to{transform:none;box-shadow:0 0 #4fd0c000}24%{transform:scale(1.06);box-shadow:0 0 22px 2px #4fd0c080}}.flow-diagrams-module__dpIlPG__or{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-size:8px}.flow-diagrams-module__dpIlPG__bigBtn{color:#08110f;background:var(--teal);animation:flow-diagrams-module__dpIlPG__go var(--cycle)ease-in-out infinite;border-radius:10px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:700;display:inline-flex}.flow-diagrams-module__dpIlPG__thumbs{justify-content:center;gap:7px;width:100%;display:flex}.flow-diagrams-module__dpIlPG__thumb{aspect-ratio:3/4;border:1px solid var(--line-2);width:min(36px,20%);animation:flow-diagrams-module__dpIlPG__pop var(--cycle)cubic-bezier(.2,.8,.3,1.2)infinite backwards;animation-delay:calc(var(--i,0)*.16s + 1.9s);background:linear-gradient(150deg,#5b86f080,#9a6be073);border-radius:7px}.flow-diagrams-module__dpIlPG__foot{justify-content:center;margin-top:22px;display:flex;position:relative}.flow-diagrams-module__dpIlPG__foot:before{content:"";background:repeating-linear-gradient(90deg,var(--line-2)0 7px,transparent 7px 22px);height:1px;animation:2.6s linear infinite flow-diagrams-module__dpIlPG__dashes;position:absolute;top:50%;left:8%;right:8%}@keyframes flow-diagrams-module__dpIlPG__dashes{to{background-position-x:22px}}.flow-diagrams-module__dpIlPG__footPill{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;text-align:center;color:var(--teal);background:#090b10f7;border:1px solid #4fd0c052;border-radius:999px;align-items:center;gap:8px;padding:8px 15px;font-size:9.5px;display:inline-flex;position:relative}.flow-diagrams-module__dpIlPG__footPill svg{flex:none}.flow-diagrams-module__dpIlPG__caption{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:16px 0 0;font-size:10.5px}@media (max-width:1400px){.flow-diagrams-module__dpIlPG__trackSix{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-diagrams-module__dpIlPG__trackSix .flow-diagrams-module__dpIlPG__step:nth-child(3n) .flow-diagrams-module__dpIlPG__sceneWrap:after{display:none}}@media (max-width:1240px){.flow-diagrams-module__dpIlPG__trackFour{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-diagrams-module__dpIlPG__trackFour .flow-diagrams-module__dpIlPG__step:nth-child(2n) .flow-diagrams-module__dpIlPG__sceneWrap:after{display:none}}@media (max-width:760px){.flow-diagrams-module__dpIlPG__trackThree{--gap:26px;grid-template-columns:minmax(0,1fr)}.flow-diagrams-module__dpIlPG__trackThree .flow-diagrams-module__dpIlPG__step .flow-diagrams-module__dpIlPG__sceneWrap:after{display:none}.flow-diagrams-module__dpIlPG__trackThree .flow-diagrams-module__dpIlPG__step:after{display:block}.flow-diagrams-module__dpIlPG__trackThree .flow-diagrams-module__dpIlPG__step:last-child:after{display:none}}@media (max-width:780px){.flow-diagrams-module__dpIlPG__trackSix{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-diagrams-module__dpIlPG__trackSix .flow-diagrams-module__dpIlPG__step:nth-child(3n) .flow-diagrams-module__dpIlPG__sceneWrap:after{display:block}.flow-diagrams-module__dpIlPG__trackSix .flow-diagrams-module__dpIlPG__step:nth-child(2n) .flow-diagrams-module__dpIlPG__sceneWrap:after{display:none}}@media (max-width:540px){.flow-diagrams-module__dpIlPG__track{--gap:26px;grid-template-columns:minmax(0,1fr)}.flow-diagrams-module__dpIlPG__track .flow-diagrams-module__dpIlPG__step:nth-child(n) .flow-diagrams-module__dpIlPG__sceneWrap:after{display:none}.flow-diagrams-module__dpIlPG__step:after{display:block}.flow-diagrams-module__dpIlPG__headTag{white-space:normal}.flow-diagrams-module__dpIlPG__step:last-child:after,.flow-diagrams-module__dpIlPG__foot:before{display:none}.flow-diagrams-module__dpIlPG__footPill{white-space:normal;line-height:1.6}}@media (prefers-reduced-motion:reduce){.flow-diagrams-module__dpIlPG__wrap *,.flow-diagrams-module__dpIlPG__wrap :before,.flow-diagrams-module__dpIlPG__wrap :after{animation:none!important}.flow-diagrams-module__dpIlPG__step{opacity:1;transform:none}.flow-diagrams-module__dpIlPG__lines span{transform:none}}