:root{--bg: #f8fafc;--text: #1e293b;--accent: #B85C38;--accent-green: #3A5A40;--border: #e2e8f0;--bg-code: #f1f5f9;--bg-card: #ffffff;--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--font-nav: "Inter", system-ui, sans-serif;--max-prose: 720px;--max-wide: 1100px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2;color:var(--text);margin-top:0}p{margin-top:0;margin-bottom:1.2em}a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:text-decoration-thickness .2s}a:hover{text-decoration-thickness:2px}code,pre{font-family:var(--font-mono);background:var(--bg-code);font-size:.875em;border-radius:3px}code{padding:.15em .35em}pre{padding:1em;overflow-x:auto}blockquote{margin:1.5em 0;padding:.5em 1.5em;border-left:3px solid var(--accent);font-style:italic;color:var(--text);opacity:.85}section{scroll-margin-top:80px}section:not(#hero-section){border-top:1px solid var(--border)}.section-container{max-width:var(--max-wide);margin:0 auto;padding:56px 24px}.prose-container{max-width:var(--max-prose);margin:0 auto}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3rem);font-weight:700;margin-bottom:.25em}.section-subtitle{font-family:var(--font-body);font-style:italic;font-size:1rem;color:var(--text);opacity:.6;margin-bottom:2rem}.section-divider{text-align:center;color:var(--border);letter-spacing:.75em;margin:60px 0;font-family:var(--font-display);font-size:1rem;border:none;background:none}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.section-container{padding:44px 20px}}@media (max-width: 640px){body{font-size:15px}.section-container{padding:44px 20px}.section-title{font-size:1.8rem;margin-bottom:.2em}.section-subtitle{font-size:.95rem;margin-bottom:1.75rem}}