.process.svelte-xtyzq{--p:1;--y:1;--m:1;--c:1;--k:1;--o:1;--head:0;padding-block:4rem}.process.live.svelte-xtyzq{height:calc(var(--n) * 55vh + 100svh);padding-block:0}.live.svelte-xtyzq .pin:where(.svelte-xtyzq){top:var(--header-h);height:calc(100svh - var(--header-h));padding-block:1.5rem;position:sticky}.steps.svelte-xtyzq{gap:.25rem;display:grid;position:relative}.live.svelte-xtyzq .steps:where(.svelte-xtyzq):before,.live.svelte-xtyzq .steps:where(.svelte-xtyzq):after{content:"";background:var(--color-line);border-radius:2px;width:2px;position:absolute;top:1.25rem;bottom:1.25rem;left:calc(1.125rem - 1px)}.live.svelte-xtyzq .steps:where(.svelte-xtyzq):after{background:var(--color-ink);transform-origin:top;transform:scaleY(var(--p))}.step.svelte-xtyzq{z-index:1;grid-template-columns:2.25rem 1fr;gap:1rem;padding-block:.5rem;display:grid;position:relative}.n.svelte-xtyzq{border:1.5px solid var(--color-line-strong);background:var(--color-paper);width:2.25rem;height:2.25rem;color:var(--color-muted);transition:background-color var(--dur-3) var(--ease-out), border-color var(--dur-3) var(--ease-out), color var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-spring);border-radius:50%;place-items:center;font-size:.875rem;font-weight:620;display:grid}.step[data-state=open].svelte-xtyzq .n:where(.svelte-xtyzq){background:var(--color-ink);border-color:var(--color-ink);color:#fff;transform:scale(1.08)}.step[data-state=done].svelte-xtyzq .n:where(.svelte-xtyzq){border-color:var(--color-ink);color:var(--color-ink)}.step-title.svelte-xtyzq{font-variation-settings:"wdth" 106;color:var(--color-subtle);transition:color var(--dur-3) var(--ease-out);padding-top:.25rem;font-size:clamp(1.0625rem,1rem + .4vw,1.3125rem);font-weight:600;line-height:1.25}.step[data-state=open].svelte-xtyzq .step-title:where(.svelte-xtyzq),.step[data-state=done].svelte-xtyzq .step-title:where(.svelte-xtyzq){color:var(--color-ink)}.step-body.svelte-xtyzq{opacity:0;transition:grid-template-rows var(--dur-4) var(--ease-out), opacity var(--dur-3) var(--ease-out);grid-template-rows:0fr;display:grid}.step[data-state=open].svelte-xtyzq .step-body:where(.svelte-xtyzq){opacity:1;grid-template-rows:1fr}.step-body.svelte-xtyzq p:where(.svelte-xtyzq){padding-top:.375rem}.stage.svelte-xtyzq{perspective:1200px;width:min(100%,34rem);margin-inline:auto}.live.svelte-xtyzq .stage:where(.svelte-xtyzq){width:min(100%,34rem,69.784svh)}.card.svelte-xtyzq{aspect-ratio:1.586;box-shadow:0 0 0 1px #0f223314, 0 calc(10px + var(--o) * 30px) calc(24px + var(--o) * 40px) -20px #0f223373;transform:rotateX(calc((1 - var(--p)) * 22deg)) translateY(calc((1 - var(--p)) * 6%));background:#fff;border-radius:3.7%/5.9%;position:relative;overflow:hidden}.ink.svelte-xtyzq{mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.y.svelte-xtyzq{clip-path:inset(0 calc((1 - var(--y)) * 100%) 0 0)}.m.svelte-xtyzq{clip-path:inset(0 calc((1 - var(--m)) * 100%) 0 0)}.c.svelte-xtyzq{clip-path:inset(0 calc((1 - var(--c)) * 100%) 0 0)}.k.svelte-xtyzq{mix-blend-mode:normal;clip-path:inset(0 calc((1 - var(--k)) * 100%) 0 0)}.o.svelte-xtyzq{mix-blend-mode:color-dodge;opacity:.4;background:linear-gradient(115deg,#0000 18%,#00d4ff 30%,#8b5cf6 38%,#ff3fa4 46%,#ffd100 54%,#3ee6c1 62%,#0000 76%) 0 0/240% 240%;background-position:calc(20% + var(--p) * 60%) 50%;clip-path:inset(0 calc((1 - var(--o)) * 100%) 0 0);-webkit-mask-image:repeating-linear-gradient(60deg,#000 0 1px,#0000 1px 4px);mask-image:repeating-linear-gradient(60deg,#000 0 1px,#0000 1px 4px)}.head.svelte-xtyzq{top:-4%;bottom:-4%;left:calc(var(--head) * 100%);background:var(--ink);border-radius:5px;width:10px;margin-left:-5px;position:absolute;box-shadow:0 0 0 2px #ffffffe6,0 0 24px 4px #0f223340}.ribbon.svelte-xtyzq{justify-content:center;gap:.5rem;margin-top:1.75rem;display:flex}.ribbon.svelte-xtyzq li:where(.svelte-xtyzq){background:var(--ink);opacity:.25;width:2.25rem;height:.5rem;transition:opacity var(--dur-3) var(--ease-out), width var(--dur-3) var(--ease-spring);border-radius:999px}.ribbon.svelte-xtyzq li[data-state=done]:where(.svelte-xtyzq){opacity:1}.ribbon.svelte-xtyzq li[data-state=now]:where(.svelte-xtyzq){opacity:1;width:3.5rem}@media (width<=1023px){.live.svelte-xtyzq .stage:where(.svelte-xtyzq){width:min(100%,22rem,47.58svh)}.live.svelte-xtyzq .step:where(.svelte-xtyzq){padding-block:.25rem}.ribbon.svelte-xtyzq{margin-top:1rem}}.word.svelte-cwls5q{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.word.svelte-cwls5q>span:where(.svelte-cwls5q){animation:svelte-cwls5q-rise .9s var(--ease-out) both;animation-delay:calc(.12s + var(--i) * 55ms);display:inline-block}@keyframes svelte-cwls5q-rise{0%{transform:translateY(105%)}}.intro.svelte-cwls5q{animation:svelte-cwls5q-fade-up .9s var(--ease-out) .5s both}@keyframes svelte-cwls5q-fade-up{0%{opacity:0;transform:translateY(10px)}}.lead.svelte-cwls5q{--progress:1;aspect-ratio:21/9;border-radius:var(--radius-lg);background:var(--color-shade);clip-path:inset(0 calc((1 - var(--progress)) * 9%) round calc(var(--radius-lg) + (1 - var(--progress)) * 24px));overflow:hidden}.lead-img.svelte-cwls5q{height:100%;transform:scale(calc(1 + (1 - var(--progress)) * .14));will-change:transform}.timeline.svelte-cwls5q{--progress:1;margin-left:.3125rem;position:relative}.timeline.svelte-cwls5q:before,.timeline.svelte-cwls5q:after{content:"";background:var(--color-line);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:0}.timeline.svelte-cwls5q:after{background:linear-gradient(var(--color-process-cyan), var(--color-holo-violet), var(--color-process-magenta));transform-origin:top;transform:scaleY(var(--progress))}.dot.svelte-cwls5q{z-index:1;background:var(--color-paper);border:2px solid var(--color-line-strong);width:.875rem;height:.875rem;transition:background-color var(--dur-3) var(--ease-out), border-color var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-spring);border-radius:50%;position:absolute;top:.3125rem;left:-.4375rem}.dot.svelte-cwls5q:after{content:"";background:var(--color-process-magenta);opacity:clamp(0, (var(--progress) - var(--at)) * 30, 1);border-radius:50%;position:absolute;inset:-2px;box-shadow:0 0 0 4px #e4007c26}@media (prefers-reduced-motion:reduce){.word.svelte-cwls5q>span:where(.svelte-cwls5q),.intro.svelte-cwls5q{animation:none}}