.stage-panel:where(.astro-q7zl6jy7){min-width:0;min-height:0;color:var(--color-ink);border:1px solid var(--color-rule);background:var(--color-ground-2);grid-template-rows:minmax(0,1fr) auto auto;text-decoration:none;display:grid;overflow:hidden}.stage-grid:where(.astro-q7zl6jy7){background:var(--color-rule);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1px;min-height:0;display:grid}.stage:where(.astro-q7zl6jy7){background:var(--color-paper);grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;padding:.75rem;display:grid;position:relative}.stage:where(.astro-q7zl6jy7) img:where(.astro-q7zl6jy7){object-fit:contain;width:100%;height:100%;min-height:0}.stage-label:where(.astro-q7zl6jy7){font-size:var(--step--1);text-transform:uppercase;color:var(--color-on-sheet);padding-top:.45rem}.stage:where(.astro-q7zl6jy7):after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #0000}.stage-track:where(.astro-q7zl6jy7){background:var(--color-rule);height:4px;position:relative}.stage-progress:where(.astro-q7zl6jy7){background:var(--color-accent);will-change:transform;width:25%;height:100%;animation:8s linear forwards stageProgress;position:absolute;top:0;left:0;transform:translate(0)}.stage:where(.astro-q7zl6jy7)[data-index="0"]:after{animation:8s forwards stageActive0}.stage:where(.astro-q7zl6jy7)[data-index="1"]:after{animation:8s forwards stageActive1}.stage:where(.astro-q7zl6jy7)[data-index="2"]:after{animation:8s forwards stageActive2}.stage:where(.astro-q7zl6jy7)[data-index="3"]:after{animation:8s forwards stageActive3}@keyframes stageProgress{0%,15%{transform:translate(0)}25%,40%{transform:translate(100%)}50%,65%{transform:translate(200%)}75%,to{transform:translate(300%)}}@keyframes stageActive0{0%,25%{box-shadow:inset 0 0 0 2px var(--color-accent)}25.01%,to{box-shadow:inset 0 0 0 2px #0000}}@keyframes stageActive1{0%,25%{box-shadow:inset 0 0 0 2px #0000}25.01%,50%{box-shadow:inset 0 0 0 2px var(--color-accent)}50.01%,to{box-shadow:inset 0 0 0 2px #0000}}@keyframes stageActive2{0%,50%{box-shadow:inset 0 0 0 2px #0000}50.01%,75%{box-shadow:inset 0 0 0 2px var(--color-accent)}75.01%,to{box-shadow:inset 0 0 0 2px #0000}}@keyframes stageActive3{0%,75%{box-shadow:inset 0 0 0 2px #0000}75.01%,to{box-shadow:inset 0 0 0 2px var(--color-accent)}}@media (prefers-reduced-motion:reduce){.stage-progress:where(.astro-q7zl6jy7){animation:none;transform:translate(300%)}.stage:where(.astro-q7zl6jy7)[data-index="3"]:after{box-shadow:inset 0 0 0 2px var(--color-accent)}}.preview-foot:where(.astro-q7zl6jy7){color:var(--color-on-sheet);justify-content:space-between;align-items:end;gap:1.5rem;padding:1rem 1.1rem;display:flex}.preview-foot:where(.astro-q7zl6jy7)>span:where(.astro-q7zl6jy7):first-child{display:grid}.eyebrow:where(.astro-q7zl6jy7){font-size:var(--step--1);text-transform:uppercase}.preview-foot:where(.astro-q7zl6jy7) strong:where(.astro-q7zl6jy7){font-family:var(--font-display);font-size:var(--step-1)}.view:where(.astro-q7zl6jy7){min-height:36px;font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;align-items:center;display:inline-flex}@media (width<=38rem){.stage-grid:where(.astro-q7zl6jy7){grid-template-rows:repeat(4,minmax(13rem,auto));grid-template-columns:1fr}.stage-panel:where(.astro-q7zl6jy7){min-height:auto}.preview-foot:where(.astro-q7zl6jy7){align-items:start}}.home-screen:where(.astro-lcdefpme){grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:stretch;gap:clamp(2rem,4vw,5rem);height:100%;min-height:0;padding-block:clamp(1.25rem,3dvh,2rem);display:grid}.intro:where(.astro-lcdefpme){flex-direction:column;min-width:0;display:flex}h1:where(.astro-lcdefpme){max-width:9ch;font-size:clamp(3.4rem,5.3vw,6.4rem)}.lede:where(.astro-lcdefpme){font-size:var(--step-1);color:var(--color-ink-soft);margin-top:clamp(1rem,2dvh,1.5rem)}.steps:where(.astro-lcdefpme){--hw-scale:1.1625;flex-direction:column;flex:auto;justify-content:center;min-height:0;padding-top:1rem;display:flex}@media (width>=120rem){.steps:where(.astro-lcdefpme){padding-bottom:3.5rem}}.steps:where(.astro-lcdefpme) h2:where(.astro-lcdefpme){font-size:calc(var(--step-2) * var(--hw-scale));line-height:calc(1.04 * var(--hw-scale))}.steps:where(.astro-lcdefpme) ol:where(.astro-lcdefpme){flex-direction:column;flex:none;justify-content:flex-start;gap:0;max-width:62ch;margin-top:0;list-style:none;display:flex}.steps:where(.astro-lcdefpme) li:where(.astro-lcdefpme){border-top:1px solid var(--color-rule);font-size:calc(var(--step-0) * var(--hw-scale));line-height:calc(1.6 * var(--hw-scale));grid-template-columns:2.5rem 1fr;gap:.75rem;padding-block:.7rem;display:grid}.steps:where(.astro-lcdefpme) li:where(.astro-lcdefpme):last-child{border-bottom:1px solid var(--color-rule)}.steps:where(.astro-lcdefpme) .n:where(.astro-lcdefpme){color:var(--color-link);font-size:calc(var(--step--1) * var(--hw-scale));line-height:calc(1.6 * var(--hw-scale))}@media (width<=87.49rem),(height<=43.74rem){.home-screen:where(.astro-lcdefpme){grid-template-columns:1fr;height:auto;padding-block:2.5rem}h1:where(.astro-lcdefpme){font-size:var(--step-4)}.steps:where(.astro-lcdefpme){flex:none;margin-top:2.5rem;padding-top:1.5rem;display:block}.steps:where(.astro-lcdefpme) ol:where(.astro-lcdefpme){display:block}}