.site{--code-bg:#0f1012;--code-text:#ececec}
body{margin:0;background:#141413}

.site *{box-sizing:border-box}
.site a{color:inherit}
.site a:focus-visible,.site button:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:6px}
.prose p{margin:22px 0 0;font-size:19px;line-height:1.72;color:var(--text-2)}
.prose h2{margin:64px 0 0;font-size:34px;line-height:1.1;letter-spacing:-0.035em;font-weight:700;color:var(--text);scroll-margin-top:24px}
.prose strong{color:var(--text);font-weight:600}
.prose code{font-family:var(--font-mono);font-size:.86em;padding:2px 6px;border-radius:6px;background:var(--surface);border:1px solid var(--line);color:var(--text)}
.prose a{color:var(--eyebrow);text-underline-offset:3px}
.motion .t-cursor{animation:t-cursor 1.06s steps(1) infinite}
@keyframes t-cursor{0%{opacity:1}50%{opacity:0}}
@supports (animation-timeline: view()){
.motion .reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 75%}
}
@keyframes reveal{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.site *{animation:none!important}}
@media (max-width:860px){.site-nav{display:none!important}.flow-arrow{transform:rotate(90deg)}}