.status{min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 32px) 24px calc(env(safe-area-inset-bottom,0px) + 32px);isolation:isolate;color:var(--color-ink);place-items:center;display:grid;position:relative;overflow:hidden}.status:before{content:"";z-index:-2;background:radial-gradient(90% 70% at 60% -20%, #e4f28b38, #e4f28b0f 45%, transparent 75%), radial-gradient(80% 80% at 20% 85%, #ff5a4b1f, transparent 70%), radial-gradient(70% 70% at 88% 92%, #e4f28b1f, transparent 70%), var(--color-olive);position:absolute;inset:0}.status .brand{top:calc(env(safe-area-inset-top,0px) + 28px);width:132px;height:33px;color:var(--color-ink);display:block;position:absolute;left:clamp(20px,5vw,56px)}.status .brand svg{width:100%;height:100%;display:block}.status .box{width:100%;max-width:640px}.status .code{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-coral);border:1px solid #ff5a4b59;border-radius:999px;align-items:center;gap:10px;margin-bottom:26px;padding:6px 12px;font-size:11px;display:inline-flex}.status .code:before{content:"";background:var(--color-coral);border-radius:50%;width:6px;height:6px}.status h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--color-lime);margin:0 0 20px;font-size:clamp(36px,6vw,64px);font-weight:600;line-height:1}.status p{max-width:46ch;color:var(--color-ink-2);margin:0;font-size:clamp(16px,1.6vw,18px);line-height:1.55}.status .acts{flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:36px;display:flex}.status .home{background:var(--color-lime);color:var(--color-olive);border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:filter .25s,transform .18s cubic-bezier(.2,.8,.2,1);display:inline-flex}.status .home i{background:#2c36201f;border-radius:50%;place-items:center;width:34px;height:34px;transition:background .4s,color .4s;display:grid}.status .home i svg{width:14px;height:14px}.status .home:hover{filter:brightness(1.05)}.status .home:hover i{background:var(--color-olive);color:var(--color-lime)}.status .home:active{transform:translateY(2px)}.status .box>*{animation:.7s cubic-bezier(.2,.8,.2,1) both statusIn}.status .box>:nth-child(2){animation-delay:80ms}.status .box>:nth-child(3){animation-delay:.16s}.status .box>:nth-child(4){animation-delay:.26s}@keyframes statusIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.status .box>*{animation:none}}