*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,blockquote,figure,dl,dd,ol,ul,li{margin:0}body,ol,ul{padding:0}:root{--bg: #F5F4F0;--bg-subtle: #EEECEA;--surface: #FDFCFB;--white: #FDFCFB;--ink: #141412;--ink-mid: #4A4845;--ink-light: #8C8A86;--rule: #D8D5D0;--border: #D8D5D0;--color-accent: #6B3FA0;--color-accent-light: #EDE5F7;--color-accent-tint: rgba(107, 63, 160, .06);--color-accent-tint-strong: rgba(107, 63, 160, .12);--color-accent-border: rgba(107, 63, 160, .28);--color-danger: #B85A4A;--color-danger-tint: rgba(184, 90, 74, .07);--color-danger-border: rgba(184, 90, 74, .35);--color-warn: #8B6914;--color-warn-tint: rgba(139, 105, 20, .08);--color-warn-border: rgba(139, 105, 20, .3);--color-success: #4F7C5C;--color-success-tint: rgba(79, 124, 92, .07);--color-success-border: rgba(79, 124, 92, .32);--code-bg: #F1EFEB;--code-ink: #2A2825;--code-keyword: #6B3FA0;--code-string: #5C7A4A;--code-comment: #8C8A86;--code-number: #B8773C}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Geist,sans-serif;font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,#C8C5BF 1px,transparent 1px);background-size:28px 28px;opacity:.45;pointer-events:none;z-index:0}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 48px;height:64px;display:flex;align-items:center;justify-content:space-between;background:#f5f4f0e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}.nav-logo{font-family:Instrument Sans,sans-serif;font-size:22px;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.nav-logo span{color:var(--color-accent)}.nav-right{display:flex;align-items:center;gap:20px}.nav-login{font-size:13px;font-weight:400;color:var(--ink-mid);text-decoration:none;transition:color .2s}.nav-login:hover{color:var(--color-accent)}.nav-back{font-size:13px;font-weight:300;color:var(--ink-mid);text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .2s}.nav-back:hover{color:var(--color-accent)}.nav-pill{display:flex;align-items:center;gap:8px;background:var(--color-accent-light);color:var(--color-accent);font-size:11px;font-weight:500;font-family:DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:100px}.nav-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-accent);animation:pulse 2s ease-in-out infinite}.nav-cta{background:var(--ink);color:var(--white);font-size:13px;font-weight:400;padding:9px 20px;border-radius:6px;text-decoration:none;transition:background .2s,transform .15s;letter-spacing:-.01em}.nav-cta:hover{background:var(--color-accent);transform:translateY(-1px)}footer{border-top:1px solid var(--rule);padding:32px 48px;max-width:1100px;margin:0 auto;position:relative;z-index:1}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.footer-logo{font-family:Instrument Sans,sans-serif;font-size:18px;color:var(--ink);letter-spacing:-.02em;text-decoration:none}.footer-logo span{color:var(--color-accent)}.footer-links{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.footer-links a{font-size:12px;color:var(--ink-mid);text-decoration:none;font-weight:300;transition:color .2s}.footer-links a:hover{color:var(--color-accent)}.footer-copy{font-size:12px;color:var(--ink-mid);font-weight:300}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.fade-up{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.m-page{position:relative;z-index:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.m-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-light);text-decoration:none;transition:color .15s}.m-back:hover{color:var(--ink)}.m-section{margin-bottom:40px}.m-section-title{font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-light);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.m-section-title--lg{font-family:Instrument Sans,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--ink)}.m-badge{display:inline-flex;align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:100px;border:1px solid var(--border);color:var(--ink-mid);background:var(--surface);white-space:nowrap}.m-badge--accent{border-color:var(--color-accent-border);color:var(--color-accent);background:var(--color-accent-tint)}.m-badge--accent-solid{border-color:transparent;background:var(--color-accent);color:var(--white)}.m-badge--success{border-color:var(--color-success-border);color:var(--color-success);background:var(--color-success-tint)}.m-badge--warn{border-color:var(--color-warn-border);color:var(--color-warn);background:var(--color-warn-tint)}.m-badge--danger{border-color:var(--color-danger-border);color:var(--color-danger);background:var(--color-danger-tint)}.m-badge--danger-solid{border-color:transparent;background:var(--color-danger);color:var(--white)}.m-badge .m-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.m-keyword{display:inline-flex;align-items:center;font-family:DM Mono,monospace;font-size:11px;padding:3px 10px;border-radius:100px;background:var(--color-accent-tint);color:var(--color-accent);letter-spacing:.02em;white-space:nowrap}.m-meta-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-light);margin-bottom:4px}.m-meta-value{font-size:14px;color:var(--ink);line-height:1.5}.m-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.m-card--padded{padding:20px 22px}.m-card--accent{border-color:var(--color-accent-border);background:linear-gradient(var(--color-accent-tint),var(--color-accent-tint)),var(--surface)}.m-card--warn{border-color:var(--color-warn-border);background:var(--color-warn-tint)}.m-card--danger{border-color:var(--color-danger);background:var(--color-danger-tint)}.m-placeholder{border:1px dashed var(--border);border-radius:10px;padding:32px 24px;text-align:center;color:var(--ink-light);font-size:14px;line-height:1.6}.m-link-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--color-accent);font-size:13px;text-decoration:none;transition:color .15s}.m-link-btn:hover{color:var(--ink)}.m-copy-btn{display:inline-flex;align-items:center;gap:4px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-light);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:4px 8px;cursor:pointer;transition:color .15s,border-color .15s}.m-copy-btn:hover{color:var(--color-accent);border-color:var(--color-accent-border)}.m-code{margin:0;padding:16px 18px;background:var(--code-bg);color:var(--code-ink);font-family:DM Mono,monospace;font-size:12.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-x:auto}@media(max-width:768px){nav{padding:0 24px}.nav-pill{display:none}footer{padding:24px}.footer-inner{flex-direction:column;align-items:flex-start;gap:16px}}