.flow{background:var(--white);flex-direction:column;min-height:100dvh;display:flex}.flow-head{border-bottom:1px solid var(--line-2);flex:none;align-items:center;gap:12px;padding:14px 20px;display:flex}.flow-head .brand img{width:auto;height:19px}.flow-t{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:10px;display:none}.flow-head .reset{margin-left:auto}.flow-head .btn{flex:none}@media (min-width:760px){.flow-head{padding:16px 32px}.flow-t{display:inline}}.stepbar{scrollbar-width:none;border-bottom:1px solid var(--line-2);flex:none;gap:6px;padding:12px 20px;display:flex;overflow-x:auto}.stepbar::-webkit-scrollbar{display:none}.stepbar button{white-space:nowrap;border-radius:var(--pill);height:36px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);transition:background .18s var(--e),color .18s,box-shadow .18s;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;display:flex}.stepbar button b{font-family:var(--f-mono);letter-spacing:.06em;color:var(--ink-4);font-size:10px;font-weight:500}.stepbar button:hover{background:var(--bg-2);color:var(--ink)}.stepbar button.is-done{color:var(--ink-3)}.stepbar button.is-done b{color:var(--blue-press)}.stepbar button.is-on{background:var(--ink);color:#fff;box-shadow:none}.stepbar button.is-on b{color:#fff9}.stepbar button.is-join.is-on{background:var(--blue)}@media (min-width:760px){.stepbar{justify-content:center;padding:14px 32px}}.stage{flex:1;align-content:start;gap:22px;width:100%;max-width:1160px;margin:0 auto;padding:26px 20px 40px;display:grid}.stage-txt{flex-direction:column;gap:0;display:flex}.sp{animation:vin .32s var(--e);flex-direction:column;gap:12px;display:none}.sp.is-on{display:flex}.sp h2{max-width:17ch;font-size:clamp(25px,4.4vw,38px);line-height:1.06}.sp p.sd{color:var(--ink-2);max-width:38ch;margin:0;font-size:16px;line-height:1.5}.sp .try{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#1f65c0;margin:2px 0 0;font-size:11.5px;font-weight:500}.sp .bl{flex-direction:column;gap:9px;margin:6px 0 0;display:flex}.sp .bl span{color:var(--ink-2);padding-left:14px;font-size:15px;line-height:1.4;position:relative}.sp .bl span:before{content:"";background:var(--blue);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}.cases-row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.cases-row .chip{height:34px;font-size:13px}.navrow{align-items:center;gap:10px;margin-top:22px;display:flex}.navrow .lk{color:var(--ink-3);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);font-size:13.5px}.navrow .lk:hover{color:var(--ink)}.stage-vis{justify-content:center;display:flex}.joinbox{width:100%;max-width:520px}.joinbox .formcard{border-radius:var(--r-x)}.joinbox .fgrid{gap:13px}.joinbox .formfoot{margin-top:18px;padding-top:16px}@media (min-width:1060px){.stage{grid-template-columns:minmax(280px,.82fr) minmax(392px,1fr);align-content:center;align-items:center;gap:64px;padding:40px 40px 48px}.stage-txt{padding-bottom:10px}.device{height:min(760px,100dvh - 268px)}.joinbox{max-width:none}}.adj-q{letter-spacing:-.018em;margin:0 0 6px;font-size:16.5px;font-weight:500}.persp{margin-top:16px}.fl-note{color:var(--ink-3);margin:7px 0 10px;font-size:12.2px;line-height:1.4}
