:root{--color-ink:oklch(22% .02 260);--color-muted:oklch(50% .02 260);--color-surface:oklch(98.5% .006 85);--color-line:oklch(88% .01 85);--color-accent:oklch(52% .16 255);--color-ok:oklch(58% .14 155);--color-down:oklch(56% .19 28);--color-pending:oklch(70% .12 80);--font-sans:"Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, sans-serif;--text-base:clamp(1rem, .95rem + .2vw, 1.0625rem);--text-hero:clamp(2.75rem, 1.5rem + 5vw, 5.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-6:3rem;--space-section:clamp(3rem, 2rem + 6vw, 8rem);--radius-pill:999px;--radius-panel:.75rem;--duration-fast:.15s}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-ink);background:var(--color-surface);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}.page{max-width:72rem;min-height:100dvh;padding:var(--space-section) var(--space-4) var(--space-6);align-content:space-between;gap:var(--space-6);margin:0 auto;display:grid}.page--center{align-content:center;justify-items:start;gap:var(--space-3)}.hero__title{font-size:var(--text-hero);letter-spacing:-.04em;margin:0;font-weight:800;line-height:.95}.hero__tagline{margin:var(--space-3) 0 0;color:var(--color-muted);font-size:1.25rem}.flow{border-top:2px solid var(--color-ink);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));margin:0;padding:0;list-style:none;display:grid}.flow__step{padding:var(--space-3) var(--space-3) var(--space-3) 0;border-bottom:1px solid var(--color-line);font-size:1.5rem;font-weight:700}.flow__index{letter-spacing:.08em;color:var(--color-accent);font-size:.75rem;font-weight:600;display:block}.page__footer{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.muted{color:var(--color-muted);margin:0;font-size:.875rem}.status{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-pill);margin:0;font-size:.875rem;font-weight:600;display:inline-flex}.status__dot{background:var(--status-color);border-radius:50%;width:.5rem;height:.5rem}.status--pending{--status-color:var(--color-pending)}.status--ok{--status-color:var(--color-ok)}.status--down{--status-color:var(--color-down)}.error-panel{max-width:36rem;padding:var(--space-4);border:1px solid var(--color-line);border-left:4px solid var(--color-down);border-radius:var(--radius-panel);background:#fff}.error-panel__trace code{font-size:.875rem}.button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-surface);font:inherit;cursor:pointer;transition:opacity var(--duration-fast) ease-out;border:0;font-weight:600;text-decoration:none;display:inline-block}.button:hover{opacity:.85}.button:focus-visible,a:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.button{transition:none}}