@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,500;1,6..72,300;1,6..72,400&family=JetBrains+Mono:wght@300;400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #FAFAF8;--surface: #FFFFFF;--ink: #1A1A1A;--body: #2A2A2A;--secondary: #4A4A4A;--muted: #777;--border: #E8E5E0;--accent: #2A5CDB;--accent-soft: #EEF2FF;--warm: #F5F0E8;--green: #2D8A4E;--green-soft: #EEFBF3;--radius: 16px}body{background:var(--bg);color:var(--ink);font-family:Newsreader,Georgia,serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}nav{position:sticky;top:0;z-index:100;background:#fafaf8d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1120px;margin:0 auto;padding:16px 40px;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;color:var(--ink);text-decoration:none;letter-spacing:-.5px;display:flex;align-items:center;gap:10px}.logo-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:400;color:var(--secondary);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--ink)}.section{max-width:1120px;margin:0 auto;padding:0 40px 100px}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:36px}.section-title{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:600;letter-spacing:-1px}.section-more{font-family:Space Grotesk,sans-serif;font-size:14px;color:var(--accent);text-decoration:none;font-weight:500;transition:opacity .2s}.section-more:hover{opacity:.7}.btn{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;border-radius:10px;text-decoration:none;transition:all .2s;cursor:pointer;border:none;display:inline-block}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--border)}.btn-secondary:hover{border-color:#ccc;transform:translateY(-1px)}footer{border-top:1px solid var(--border);background:var(--surface)}.footer-inner{max-width:1120px;margin:0 auto;padding:40px;display:flex;justify-content:space-between;align-items:center}.footer-brand{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:500;color:var(--ink)}.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{font-family:Space Grotesk,sans-serif;font-size:13px;color:var(--secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--ink)}.footer-note{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--muted)}.prose{font-family:Newsreader,Georgia,serif;font-size:18px;line-height:1.8;color:var(--body);max-width:680px}.prose p{margin-bottom:20px}.prose h2{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;color:var(--ink);letter-spacing:-.5px;margin:48px 0 16px}.prose h3{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:500;color:var(--ink);margin:36px 0 12px}.prose em{font-style:italic}.prose strong{font-weight:500}.prose blockquote{border-left:3px solid var(--border);padding-left:20px;margin:24px 0;color:var(--secondary);font-style:italic}.prose code{font-family:JetBrains Mono,monospace;font-size:.85em;background:var(--warm);padding:2px 6px;border-radius:4px}.prose pre{background:var(--ink);color:#e8e8e8;padding:20px 24px;border-radius:var(--radius);overflow-x:auto;margin:24px 0;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6}.prose pre code{background:none;padding:0;border-radius:0}@media(max-width:900px){.nav-inner{padding:14px 24px}.section{padding:0 24px 60px}.footer-inner{flex-direction:column;gap:20px;text-align:center}.nav-links{gap:20px}}