@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterTight-VariableFont_wght.ttf) format("truetype-variations")}@font-face{font-family:Inter Tight;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/InterTight-Italic-VariableFont_wght.ttf) format("truetype-variations")}:root{--font-sans:"Inter Tight",system-ui,-apple-system,sans-serif;--font-mono:var(--font-sans);--fs-display:clamp(36px,5vw,56px);--fs-h1:32px;--fs-h2:24px;--fs-h3:18px;--fs-body:16px;--fs-body-lg:17px;--fs-caption:14px;--fs-label:13px;--fs-mono:15px;--lh-tight:1.05;--lh-snug:1.2;--lh-body:1.55;--lh-relaxed:1.6;--ls-display:-0.03em;--ls-h2:-0.02em;--ls-h3:-0.01em;--ls-label:0.1em;--bg-primary:oklch(0.985 0.006 85);--bg-surface:oklch(0.965 0.010 85);--bg-elevated:oklch(0.945 0.012 85);--bg-overlay:oklch(0.995 0.003 85);--bg-inset:oklch(0.955 0.008 85);--text-primary:oklch(0.22 0.015 300);--text-secondary:oklch(0.36 0.012 280);--text-tertiary:oklch(0.52 0.010 280);--text-on-accent:oklch(1 0 0);--accent:oklch(0.55 0.22 265);--accent-hover:oklch(0.48 0.22 265);--accent-subtle:oklch(0.55 0.22 265/0.08);--accent-surface:oklch(0.55 0.22 265/0.05);--success:oklch(0.65 0.18 155);--success-ink:oklch(0.45 0.15 155);--success-subtle:oklch(0.65 0.18 155/0.10);--warning:oklch(0.75 0.16 80);--warning-ink:oklch(0.50 0.14 70);--warning-subtle:oklch(0.75 0.16 80/0.10);--error:oklch(0.58 0.20 25);--error-ink:oklch(0.48 0.18 25);--error-subtle:oklch(0.58 0.20 25/0.10);--border:oklch(0.92 0.008 85);--border-active:oklch(0.86 0.010 85);--brand-lime:oklch(0.89 0.22 130);--brand-magenta:oklch(0.65 0.33 330);--brand-orange:oklch(0.70 0.22 40);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--shadow-sm:0 1px 3px oklch(0 0 0/0.04);--shadow-md:0 1px 3px oklch(0 0 0/0.04),0 8px 32px oklch(0 0 0/0.06);--shadow-lg:0 2px 8px oklch(0 0 0/0.06),0 16px 48px oklch(0 0 0/0.10);--ease-out:cubic-bezier(0.16,1,0.3,1);--duration-fast:120ms;--duration-normal:200ms;--duration-slow:400ms}*{box-sizing:border-box}body,html{margin:0;font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.page{max-width:760px;margin:0 auto;padding:24px 32px 64px}.page.wide{max-width:960px}.page.narrow{max-width:540px}.top{justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-tertiary);font-weight:500}.brand,.top{display:flex;align-items:center}.brand{gap:14px;min-width:0;color:inherit;text-decoration:none}.brand-logo{height:22px;width:auto;display:block}.brand-sep{color:var(--border-active);font-size:14px}.brand-tagline{white-space:nowrap;color:var(--text-secondary)}.nav{display:flex;gap:24px}.nav a{color:var(--text-secondary);text-decoration:none;font-weight:500}.h1,.nav a.active,.nav a:hover{color:var(--text-primary)}.h1{margin:48px 0 8px;font-size:clamp(28px,4vw,40px);font-weight:600;letter-spacing:-.025em;line-height:1.1}.h1 .em{color:var(--accent);font-style:italic;font-weight:500}.lede{margin:0 0 32px;font-size:17px;color:var(--text-secondary);line-height:1.5;max-width:60ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);font-family:var(--font-sans);font-weight:500;font-size:15px;padding:13px 22px;border:0;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);text-decoration:none}.btn,.btn:hover{color:var(--text-on-accent)}.btn:hover{background:var(--accent-hover)}.btn.ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn.ghost:hover{background:var(--bg-surface);color:var(--text-primary)}.btn.lg{padding:16px 26px;font-size:16px}.btn.full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-overlay);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;letter-spacing:.02em}.pill:before{content:"";width:6px;height:6px;border-radius:999px}.pill.success{background:var(--accent-subtle);color:var(--accent)}.pill.success:before{background:var(--accent)}.pill.pending{background:var(--warning-subtle);color:var(--warning-ink)}.pill.pending:before{background:var(--warning);animation:pulse 1.6s var(--ease-out) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin:0 0 40px}.step{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:4px;position:relative}.step.done{background:var(--bg-elevated);border-color:var(--border-active)}.step.active{background:var(--accent-surface);border-color:oklch(.55 .22 265/.3)}.step.pending{opacity:.6}.step-no{font-size:11px;color:var(--text-tertiary);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.step.done .step-no{color:var(--text-primary)}.step.active .step-no{color:var(--accent)}.step-label{font-weight:500}.step-label,.step.done:after{font-size:14px;color:var(--text-primary)}.step.done:after{content:"✓";position:absolute;top:12px;right:14px;font-weight:700}.step.active:after{content:"";position:absolute;top:16px;right:16px;width:6px;height:6px;border-radius:999px;background:var(--accent);animation:pulse 1.6s var(--ease-out) infinite}.next{background:var(--accent-surface);border:1px solid oklch(.55 .22 265/.22);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.next .left{display:flex;flex-direction:column;gap:4px;min-width:0}.next .label{font-size:12px;color:var(--accent);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.next .text{font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.next .meta{font-size:13px;margin-top:4px}.explain,.next .meta{color:var(--text-secondary)}.explain{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 20px;margin:32px 0 0;font-size:14px;line-height:1.55}.explain strong{color:var(--text-primary);font-weight:500}@media (max-width:760px){.page{padding:20px 20px 64px}.top{padding-bottom:16px;font-size:12px;gap:12px}.brand-logo{height:18px}.brand{gap:10px}.nav{gap:4px}.nav a{padding:8px 10px;min-height:36px;display:inline-flex;align-items:center;border-radius:var(--radius-sm)}.nav a:hover{background:var(--bg-surface)}.h1{margin-top:32px}.lede{font-size:16px}.steps{grid-template-columns:1fr 1fr;gap:6px}.next{flex-wrap:wrap;padding:20px}.next .btn.lg{width:100%}.btn{min-height:44px;padding:12px 18px}.btn.lg{min-height:48px;padding:14px 22px}}@media (max-width:480px){.top{flex-wrap:nowrap;gap:8px}.brand-sep,.brand-tagline{display:none}.nav{gap:2px}.nav a{padding:8px;font-size:12px}.h1{font-size:clamp(24px,7vw,32px)}.lede{font-size:15px}}.x-link{display:inline-flex;align-items:center;justify-content:center;color:inherit;opacity:.85;transition:opacity .12s ease}.x-link:hover{color:inherit;opacity:1}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"ss01" 1,"tnum"}.section-label{font-size:var(--fs-label);font-weight:500;text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--text-tertiary)}.dots{display:inline-flex;align-items:center;gap:3px;vertical-align:middle}.dots>span{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.3;animation:dot-pulse 1.2s ease-in-out infinite}.dots>span:nth-child(2){animation-delay:.18s}.dots>span:nth-child(3){animation-delay:.36s}@keyframes dot-pulse{0%,60%,to{opacity:.3;transform:scale(1)}30%{opacity:1;transform:scale(1.25)}}.fp-ring{width:84px;height:84px;background:var(--accent-subtle);display:flex;align-items:center;justify-content:center;color:var(--accent);position:relative}.fp-ring,.fp-ring:after{border-radius:50%;border:1.5px solid var(--accent)}.fp-ring:after{content:"";position:absolute;inset:-6px;opacity:0;animation:fp-pulse 2s ease-out infinite}@keyframes fp-pulse{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.25);opacity:0}}.callout{padding:12px 14px;background:var(--accent-surface);border:1px solid var(--accent-subtle);border-radius:10px;display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--text-secondary);line-height:1.5}.badge{font-size:13px;font-weight:500;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}.badge.success{background:var(--success-subtle);color:var(--success-ink)}.badge.warning{background:var(--warning-subtle);color:var(--warning-ink)}.badge.error{background:var(--error-subtle);color:var(--error-ink)}.badge.accent{background:var(--accent-subtle);color:var(--accent)}.badge.neutral{background:var(--bg-elevated);color:var(--text-secondary)}.view-fade{animation:view-in .24s var(--ease-out)}@keyframes view-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}