.process-status{text-align:center;color:inherit}.process-status__title{letter-spacing:-.025em;text-wrap:balance;max-width:530px;margin:28px auto 0;font-size:clamp(24px,4vw,32px);font-weight:550;line-height:1.2}.process-status__eyebrow{opacity:.8;margin:28px 0 -12px;font-size:14px}.process-status__description{max-width:440px;margin:16px auto 24px;font-size:16px;line-height:1.6}.process-status__dots{justify-content:center;gap:8px;margin:24px 0;display:flex}.process-status__dots span{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite alternate process-status-piece}.process-status__illustration{perspective:600px;width:200px;margin:auto;position:relative}.process-status__window{border:1px solid var(--process-border,var(--border));background:var(--process-window,var(--card));box-shadow:0 24px 64px var(--process-shadow,#00000012), inset 0 1px var(--process-border,var(--border));border-radius:14px;flex-wrap:wrap;gap:4px;padding:12px;display:flex;transform:rotate(-5deg)}.process-status__window>span{background:var(--process-detail,var(--muted-foreground));border-radius:50%;width:5px;height:5px}.process-status__hero{background:var(--process-hero,var(--muted));border-radius:6px;width:100%;height:66px;margin-top:8px}.process-status__lines{background:repeating-linear-gradient(0deg, var(--process-detail,var(--muted-foreground)) 0 3px, transparent 3px 8px);width:70%;height:20px;margin:6px 0}.process-status__tiles{gap:6px;width:100%;display:flex}.process-status__tiles i{background:var(--process-tile,var(--muted));border-radius:4px;flex:1;height:30px}.is-building .process-status__window{animation:3s ease-in-out infinite process-status-float}.is-building .process-status__tiles i{animation:2s ease-in-out infinite alternate process-status-piece}.is-building .process-status__tiles i:nth-child(2){animation-delay:.3s}.is-building .process-status__tiles i:nth-child(3){animation-delay:.6s}.process-status__check{border:5px solid var(--process-check-border,var(--background));background:var(--process-check,var(--muted));color:var(--process-check-color,var(--foreground));border-radius:50%;padding:10px;position:absolute;bottom:-10px;right:-10px}@keyframes process-status-float{50%{transform:rotate(-2deg)translateY(-6px)}}@keyframes process-status-piece{0%{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.process-status *,.process-status :after{transition:none!important;animation:none!important}}