:root{--canvas: #f5f4f1;--canvas-tint: #efe9df;--surface: #fdfdfc;--surface-soft: #f1efea;--text: #1b1a18;--text2: #55524c;--text3: #8c887f;--accent: #b23a2e;--accent-deep: #8f2e24;--on-accent: #fdfdfc;--ink: #171613;--on-ink: #fbfaf7;--good: #2e7d4f;--hairline: rgba(23, 22, 19, .08);--hairline-2: rgba(23, 22, 19, .14);--font: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace;--radius-s: 10px;--radius-m: 16px;--radius-l: 24px;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:linear-gradient(180deg,var(--canvas) 0%,var(--canvas-tint) 55%,var(--canvas) 100%);background-attachment:fixed;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.6}img,svg{display:block;max-width:100%}a{color:inherit}button{font-family:inherit}.wrap{max-width:1080px;margin:0 auto;padding:0 28px}.wrap-narrow{max-width:680px;margin:0 auto;padding:0 28px}.mono-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-weight:500;font-size:11px;color:var(--text3)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--good);flex-shrink:0}.dot.accent{background:var(--accent)}.card-shadow{box-shadow:0 1px 2px #18181b0a,0 8px 24px #18181b0f}.btn-primary{background:var(--ink);color:var(--on-ink);border:none;border-radius:999px;padding:13px 24px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:transform .18s var(--ease)}.btn-primary:hover{transform:translateY(-1px)}.btn-accent{background:var(--accent);color:var(--on-accent);border:none;border-radius:999px;padding:13px 24px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:transform .18s var(--ease)}.btn-accent:hover{transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--hairline-2);border-radius:999px;padding:12px 22px;font-size:14.5px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer}::selection{background:var(--accent);color:var(--on-accent)}