@font-face{font-family:Inter;font-style:normal;font-weight:300 600;font-display:swap;src:url('../fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/lora-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lora;font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/lora-italic-latin.woff') format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Fira Code';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/firacode-latin.woff') format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-serif:'Lora',serif;--font-sans:'Inter',sans-serif;--font-mono:'Fira Code',monospace;--color-brand:#1a1a1a;--color-gray-50:#f9f9f9;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-white:#ffffff;--max-width:80rem;--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:#333;background-color:var(--color-white);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-serif,h1,h2,h3{font-family:var(--font-serif)}.font-mono{font-family:var(--font-mono)}a{text-decoration:none;color:inherit;transition:var(--transition)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.md-container{max-width:48rem;margin:0 auto;padding:0 1.5rem}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;padding:2rem 0}.nav-links{display:none;gap:2rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}@media (min-width:768px){.nav-links{display:flex}}.hero{background:linear-gradient(180deg,#fff 0,#f9f9f9 100%);padding:5rem 1.5rem 8rem;text-align:center}.hero h1{font-size:3rem;margin-bottom:1.5rem;line-height:1.2}.hero p{font-size:1.25rem;color:var(--color-gray-600);font-weight:300;margin:0 auto 2.5rem;max-width:42rem}@media (min-width:768px){.hero h1{font-size:4.5rem}.hero p{font-size:1.5rem}}.btn{display:inline-block;padding:1rem 2rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.2em;transition:var(--transition)}.btn-brand{background-color:var(--color-brand);color:var(--color-white)}.btn-brand:hover{background-color:#333}.stats-section{background-color:var(--color-brand);color:var(--color-white);padding:4rem 1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;text-align:center}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item .value{font-size:2.25rem;font-family:var(--font-serif);margin-bottom:.5rem}.stat-item .label{font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-400)}.stack-section{display:flex;flex-direction:column;gap:4rem;padding:6rem 0}@media (min-width:768px){.stack-section{flex-direction:row}}.stack-intro{flex:1}.stack-grid{flex:2;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media (min-width:768px){.stack-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stack-grid{grid-template-columns:repeat(4,1fr)}}.stack-cat h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-400);margin-bottom:1rem;font-family:var(--font-sans);font-weight:700}.stack-list{list-style:none;font-family:var(--font-mono);font-size:.875rem}.stack-list li{margin-bottom:.5rem}.card-grid{display:grid;gap:2rem}@media (min-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card{background:var(--color-white);border:1px solid #eee;padding:2rem;transition:var(--transition);display:flex;flex-direction:column;height:100%}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.05);border-color:#ddd}.tech-tag{font-family:var(--font-mono);font-size:.8rem;margin-bottom:1rem}.text-blue{color:#2563eb}.text-green{color:#16a34a}.text-orange{color:#ea580c}.blog-intro{margin-bottom:3rem;text-align:center}.blog-list{display:flex;flex-direction:column;gap:3rem}.article-preview{cursor:pointer}.article-preview:hover h3{color:var(--color-gray-600)}.article-preview h3{font-size:1.5rem;margin-bottom:.75rem}.date-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-400);margin-bottom:.5rem}footer{padding:5rem 1.5rem;border-top:1px solid var(--color-gray-100);text-align:center}.footer-copy{font-size:.625rem;text-transform:uppercase;letter-spacing:.3em;color:var(--color-gray-400);margin-bottom:2rem}.social-links{display:flex;justify-content:center;gap:1.5rem}.social-link{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-400);text-decoration:underline}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}.text-7xl{font-size:4.5rem}.uppercase{text-transform:uppercase}.italic{font-style:italic}.font-bold{font-weight:700}.font-light{font-weight:300}.tracking-widest{letter-spacing:.1em}.tracking-tighter{letter-spacing:-.05em}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-white{color:var(--color-white)}.text-brand{color:var(--color-brand)}.bg-gray-50{background-color:var(--color-gray-50)}.border-t{border-top:1px solid var(--color-gray-200)}.pb-1{padding-bottom:.25rem}.border-brand{border-bottom:2px solid var(--color-brand)}.prose{line-height:1.8;color:#333}.prose p{margin-bottom:1.5rem}.prose h2{font-size:1.8rem;border-bottom:1px solid #eee;padding-bottom:.5rem;margin:3rem 0 1.5rem}.prose blockquote{border-left:4px solid var(--color-brand);padding-left:1.5rem;font-style:italic;color:#555;margin:2rem 0}.prose code{font-family:var(--font-mono);background:#f4f4f4;padding:.2rem .4rem;border-radius:4px;font-size:.9em}.prose pre{background:#1e1e1e;color:#d4d4d4;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:2rem 0;font-family:var(--font-mono);font-size:.85em}.prose pre code{background:0 0;padding:0;color:inherit}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-grow{flex-grow:1}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-2>*+*{margin-top:.5rem}.space-y-12>*+*{margin-top:3rem}.text-center{text-align:center}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.pt-6{padding-top:1.5rem}.pt-12{padding-top:3rem}.pt-20{padding-top:5rem}.pb-24{padding-bottom:6rem}.pb-32{padding-bottom:8rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-12{padding-top:3rem;padding-bottom:3rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-full{width:100%}.h-full{height:100%}.border-gray-100{border-color:var(--color-gray-100)}.border-t{border-top:1px solid var(--color-gray-200)}.hidden{display:none}@media (min-width:768px){.md\:flex{display:flex}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}}@media (min-width:768px){.stats-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important}}@media (min-width:1024px){.stack-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important}}@media (min-width:768px){.card-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)!important}}.flex{display:flex!important}.justify-between{justify-content:space-between!important}.items-center{align-items:center!important}@media (min-width:768px){.md\:flex{display:flex!important}.md\:flex-row{flex-direction:row!important}.space-x-8>*+*{margin-left:2rem!important}}.space-x-6>*+*{margin-left:1.5rem!important}.hero h1{font-weight:400!important}.hero p{max-width:48rem!important;line-height:1.6!important;font-weight:300!important}body{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}h2{font-weight:400!important}h3{font-weight:400!important}.stack-cat h3{font-weight:700!important}.nav-links{font-weight:600!important}.project-header{background-color:#fcfcfc}.meta-label{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#999;font-weight:700}.meta-value{font-size:14px;font-weight:500;color:var(--color-brand)}.project-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding-top:2.5rem;border-top:1px solid var(--color-gray-200)}@media (min-width:768px){.project-meta-grid{grid-template-columns:repeat(4,1fr)}}.architecture-card{border:1px solid #eee;padding:2rem;border-radius:8px;background:#fff;margin-bottom:5rem}.code-block{background:#1a1a1a;color:#e0e0e0;padding:1.5rem;border-radius:4px;font-family:var(--font-mono);font-size:.85em;overflow-x:auto;margin-bottom:1.5rem}.code-block code{background-color:transparent!important;padding:0!important;color:inherit!important;font-family:inherit!important}.pl-8{padding-left:2rem!important}.project-nav-link{display:block}.project-nav-link h4{color:var(--color-gray-500)!important;font-weight:300!important;transition:var(--transition)}.project-nav-link:hover h4{color:var(--color-brand)!important}.py-32{padding-top:8rem!important;padding-bottom:8rem!important}.border-gray-50{border-color:var(--color-gray-50)!important}