.flow{padding:112px 0}.flow .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}@media(max-width:900px),(max-height:599px){.flow .wrap{grid-template-columns:1fr;gap:28px}}.flow .head{grid-column:1 / -1;margin-bottom:24px}.flow-sticky{position:sticky;top:calc(var(--nav-h) + 24px)}@media(max-width:900px),(max-height:599px){.flow-sticky{top:var(--nav-h);z-index:5;margin:0 -18px;padding:12px 18px;background:var(--ink)}}.ticket{background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:26px;box-shadow:var(--shadow)}@media(max-width:900px),(max-height:599px){.ticket{padding:14px 16px;border-radius:var(--r-md)}}.ticket .th{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.ticket .th strong{font-size:1.05rem;font-weight:700}.ticket .th span{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--mute)}.ticket .now{display:flex;align-items:center;gap:12px;background:var(--green-tint);color:var(--green-dark);border-radius:10px;padding:12px 14px;margin-bottom:18px}.ticket .now.pop{animation:pop .45s var(--ease)}@keyframes pop{0%{scale:.96;opacity:.5}to{scale:1;opacity:1}}.ticket .now .d{width:10px;height:10px;border-radius:50%;background:var(--green);animation:ring 1.8s infinite;flex-shrink:0}.ticket .now strong{display:block;font-size:.95rem;font-weight:700}.ticket .now small{font-size:.78rem}.ticket .now .t{font-family:JetBrains Mono,monospace;font-size:.72rem;margin-left:auto;background:#fff;padding:4px 8px;border-radius:5px;white-space:nowrap}.ticket .tl{list-style:none;display:grid;gap:0}.ticket .tl li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:.92rem;color:var(--mute);position:relative}.ticket .tl li:before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid var(--line);background:#fff;flex-shrink:0;transition:background .3s,border-color .3s,transform .3s}.ticket .tl li:after{content:"";position:absolute;left:5px;top:32px;width:2px;height:calc(100% - 22px);background:var(--line)}.ticket .tl li:last-child:after{display:none}.ticket .tl li.done{color:var(--ink)}.ticket .tl li.done:before{background:var(--green);border-color:var(--green)}.ticket .tl li.done:after{background:var(--green)}.ticket .tl li.now{color:var(--ink);font-weight:600}.ticket .tl li.now:before{background:var(--red);border-color:var(--red);transform:scale(1.25)}@media(max-width:900px),(max-height:599px){.ticket .now{margin-bottom:10px;padding:10px 12px}.ticket .th{margin-bottom:10px;padding-bottom:10px}.ticket .tl{grid-template-columns:repeat(5,1fr);gap:6px}.ticket .tl li{flex-direction:column;align-items:flex-start;gap:6px;padding:0;font-size:.7rem;line-height:1.2;overflow-wrap:anywhere}.ticket .tl li:after{display:none}.ticket .tl li:before{width:100%;height:4px;border-radius:999px;border:0;background:var(--line)}.ticket .tl li.done:before{background:var(--green)}.ticket .tl li.now:before{background:var(--red);transform:none}}.flow-steps{position:relative;padding-left:0;list-style:none}.flow-steps:before{content:"";position:absolute;left:19px;top:12px;bottom:12px;width:2px;background:linear-gradient(var(--red),var(--green));transform-origin:top;scale:1 1;opacity:.9}.flow-steps li{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;padding:40px 0;border-top:1px solid rgba(245,245,242,.14);min-height:38vh;min-height:38svh;transition:opacity .4s}@media(max-width:900px),(max-height:599px){.flow-steps li{min-height:0;padding:28px 0;gap:16px}}.flow-steps li:first-child{border-top:0;padding-top:8px}.flow-steps .n{position:relative;z-index:1;background:var(--ink);font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:500;color:var(--on-dark-2);width:40px;height:40px;border:1px solid rgba(245,245,242,.25);border-radius:50%;display:grid;place-items:center;transition:background .3s,color .3s,border-color .3s}.flow-steps li.active .n{background:var(--red);border-color:var(--red);color:#fff}.flow-steps h3{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px;line-height:1.1}.flow-steps .tag{display:block;font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-2);margin-bottom:10px}.flow-steps p{color:var(--on-dark-2);max-width:30em;line-height:1.6}.flow-steps li.active p{color:var(--on-dark)}.flow[data-step="1"] .flow-steps li:nth-child(1),.flow[data-step="2"] .flow-steps li:nth-child(2),.flow[data-step="3"] .flow-steps li:nth-child(3),.flow[data-step="4"] .flow-steps li:nth-child(4),.flow[data-step="5"] .flow-steps li:nth-child(5){opacity:1}@media(max-height:599px){.flow-sticky{position:relative;top:auto}}@supports (animation-timeline:view()){.flow-steps:before{animation:drawY linear both;animation-timeline:view();animation-range:entry 25% exit 75%}}@media(prefers-reduced-motion:reduce){.flow-steps:before{animation:none!important}}