@font-face{font-family:'Inter';src:url('../fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:'Inter';src:url('../fonts/Inter-Italic-VariableFont_opsz,wght.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}:root{--color-primary:#212529;--color-secondary:#495057;--color-muted:#6c757d;--color-footer:#999999;--color-light:#f8f9fa;--color-border:#e9ecef;--color-white:#fff;--color-accent:#2aa8a1;--color-shadow:rgba(0,0,0,0.1);--color-shadow-hover:rgba(0,0,0,0.12);--color-gradient-start:var(--color-light);--color-gradient-end:var(--color-border);--color-shimmer:rgba(0,0,0,0.02)}[data-theme="dark"]{--color-primary:#ffffff;--color-secondary:#afafaf;--color-muted:#afafaf;--color-footer:#222222;--color-light:#343a40;--color-border:#495057;--color-white:#000000;--color-accent:#26a69a;--color-shadow:rgba(0,0,0,0.2);--color-shadow-hover:rgba(0,0,0,0.3);--color-gradient-start:var(--color-light);--color-gradient-end:var(--color-border);--color-shimmer:rgba(255,255,255,0.02)}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:var(--color-white);color:var(--color-secondary);transition:background-color 0.3s ease,color 0.3s ease}p{color:var(--color-secondary)}.site-logo a{color:var(--color-primary)}.site-nav a{color:var(--color-secondary)}.site-nav a:hover{background-color:var(--color-light)}.nav-toggle{color:var(--color-primary)}footer{color:var(--color-footer)}footer p{color:var(--color-footer)}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:300}article p em{color:var(--color-muted)}.back-button{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-white)}.back-button:hover{background-color:var(--color-accent);color:var(--color-white)}.content-card{background:var(--color-white);border:1px solid var(--color-border)}.content-card-link{display:block;text-decoration:none;color:inherit;height:100%}.content-card-link:hover{text-decoration:none}.content-card-link h3{color:var(--color-primary);transition:color 0.2s ease}.content-card:hover .content-card-link h3{color:var(--color-accent)}.content-date{color:var(--color-muted)}.tag{color:var(--color-secondary);background-color:transparent}.tag:hover{background-color:var(--color-light)}.content-description{color:var(--color-muted)}.content-meta-date{color:var(--color-muted)}.content-link.github{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.content-link.github:hover{background-color:var(--color-secondary);border-color:var(--color-secondary)}.content-link.demo{background-color:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.content-link.demo:hover{background-color:var(--color-secondary);border-color:var(--color-secondary)}.breadcrumb{color:var(--color-muted)}.breadcrumb-link{color:var(--color-muted)}.breadcrumb-link:hover{color:var(--color-secondary)}.breadcrumb-separator{color:var(--color-border)}.breadcrumb-current{color:var(--color-secondary)}img.featured-image{max-height:350px;width:100%;object-fit:cover;object-position:center;border-radius:8px}img.featured-image-large{max-height:600px;width:100%;object-fit:cover;object-position:center;border-radius:8px}img.featured-image-small{max-height:250px;width:100%;object-fit:cover;object-position:center;border-radius:8px}.split-hero{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:center;margin-bottom:3rem;margin-top:3rem}.hero-content h1{margin-top:0;margin-bottom:0.75rem;font-weight:400;line-height:1.2;letter-spacing:-0.02em}.hero-tagline{font-size:1.1em;color:var(--color-secondary);line-height:1.6;margin-bottom:1.25rem}.hero-cta{display:flex;gap:0.75rem;margin-bottom:1.25rem}@media screen and (max-width:768px){.hero-cta a{font-size:0.7em}}.btn-primary,.btn-secondary{display:inline-block;padding:0.75rem 1.25rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:0.95em;transition:all 0.2s ease;text-align:center}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border:2px solid var(--color-primary)}.btn-primary:hover{background-color:var(--color-secondary);border-color:var(--color-secondary)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);background-color:var(--color-light)}.hero-features{display:flex;gap:0.75rem;flex-wrap:wrap}.feature-badge{font-size:0.75em;color:var(--color-muted);font-weight:500;letter-spacing:0.02em}.hero-image{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px var(--color-shadow)}.hero-image img{width:100%;height:auto;display:block;box-shadow:none;border-radius:0}@media (min-width:768px){.split-hero{grid-template-columns:1fr 1fr;gap:2.25rem}.hero-tagline{font-size:1.1em}}@media (min-width:1024px){.split-hero{grid-template-columns:0.7fr 1.3fr;gap:3rem}.hero-content h1{font-size:2.6em}}.features-section{margin:3rem 0}.features-section h2{text-align:left;margin-bottom:2.25rem;font-size:1.875em}.features-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.feature-card{padding:1.5rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-white);transition:all 0.2s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-shadow-hover);border-color:var(--color-muted)}.feature-icon{font-size:2em;margin-bottom:0.75rem;line-height:1}.feature-card h3{margin:0 0 0.5rem 0;font-size:1.1em;font-weight:400}.feature-card p{margin:0;color:var(--color-secondary);font-size:0.85em;line-height:1.6}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.benefits-section{margin:3rem 0}.benefits-section h2{text-align:center;margin-bottom:2.25rem;font-size:1.875em}.benefits-list{max-width:900px;margin:0 auto}.benefit-item{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;margin-bottom:2.25rem;align-items:start}.benefit-item:last-child{margin-bottom:0}.benefit-number{font-size:0.85em;font-weight:600;color:var(--color-muted);letter-spacing:0.1em;opacity:0.7;min-width:2em}.benefit-content h3{margin:0 0 0.5rem 0;font-size:1.25em;font-weight:600}.benefit-content p{margin:0;color:var(--color-secondary);line-height:1.6}@media (min-width:768px){.benefit-item{gap:1.875rem}.benefit-content h3{font-size:1.5em}.benefit-content p{font-size:1.1em}}@media (max-width:767px){.benefit-item{grid-template-columns:1fr;gap:0.5rem;margin-bottom:2rem}.benefit-number{font-size:0.75em;min-width:auto}.benefit-content h3{font-size:1.15em}.benefit-content p{font-size:0.95em}}.shimmer-hover{position:relative;overflow:hidden;transition:all 0.3s ease}.shimmer-hover::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-shimmer),transparent);transition:left 0.5s ease;z-index:1}.shimmer-hover:hover::before{left:100%}.shimmer-hover:hover{transform:translateY(-3px);box-shadow:0 8px 25px var(--color-shadow-hover);border-color:var(--color-muted)}.value-proposition{background:var(--color-bg-secondary)}.value-prop-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 0.8fr;gap:4rem;align-items:center}.value-prop-image img{width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px var(--color-shadow)}.value-proposition h2{font-size:1.875em;margin-bottom:2rem;color:var(--color-primary);font-weight:300;text-align:center}.value-points{display:flex;flex-direction:column;gap:1.5rem}.value-point{display:flex;align-items:flex-start;gap:1rem;background:transparent;border-radius:8px;transition:all 0.3s ease}.value-icon{font-size:1.5rem;min-width:2rem;text-align:center}.value-text h3{font-size:1.1rem;margin:0 0 0.5rem 0;color:var(--color-primary);font-weight:400}.value-text p{margin:0;color:var(--color-secondary);line-height:1.5;font-size:0.85em}@media (max-width:768px){.value-prop-container{grid-template-columns:1fr;gap:2rem;text-align:center}.value-proposition h2{font-size:1.875em;margin-bottom:2rem;color:var(--color-text);font-weight:700}.value-point{flex-direction:column;text-align:left;gap:0.5rem}.value-icon{align-self:flex-start}}.recent-posts-section{margin:3rem 0}.recent-posts-section h2{text-align:center;margin-bottom:0.5rem;font-size:1.875em}.pagination-btn{background:var(--color-light);color:var(--color-primary)}.pagination-btn:hover{background:var(--color-border)}.pagination-info{color:var(--color-muted)}.feature-badge-icon{color:var(--color-accent)}table{width:100%;border-collapse:collapse;margin:2rem 0;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:0.5rem;overflow:hidden}thead{background-color:var(--color-light)}thead th{padding:1rem;text-align:left;font-weight:600;color:var(--color-primary);border-bottom:2px solid var(--color-border)}tbody td{padding:0.875rem 1rem;color:var(--color-secondary);border-bottom:1px solid var(--color-border)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background-color:var(--color-light);transition:background-color 0.2s ease}table code{background-color:var(--color-light);padding:0.125rem 0.375rem;border-radius:0.25rem;font-size:0.9em;color:var(--color-accent)}@media (max-width:768px){table{font-size:0.9rem}thead th,tbody td{padding:0.75rem 0.625rem}}.prev-next-nav a:hover{background-color:var(--color-light)}.prev-next-nav .nav-label{color:var(--color-accent)}.prev-next-nav .nav-title{color:var(--color-primary)}.content-separator{height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-border) 20%,var(--color-border) 80%,transparent 100%);margin:3.75rem 0;opacity:0.6}.cta-section{position:relative;text-align:center;margin:3rem 0;padding:3rem 1.25rem;border-radius:8px;background:linear-gradient(135deg,var(--color-gradient-start) 0%,var(--color-gradient-end) 100%);overflow:hidden}.cta-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../images/slop.webp');background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0.2;pointer-events:none;z-index:0}.cta-section h2,.cta-section p,.cta-buttons{position:relative;z-index:1}.cta-section h2{margin:0 0 0.75rem 0;font-size:1.875em}.cta-section p{margin:0 0 1.5rem 0;font-size:1.1em;color:var(--color-secondary);max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:0.75rem;justify-content:center;flex-wrap:wrap}@media (min-width:768px){.cta-section{padding:4.5rem 1.25rem}.cta-section h2{font-size:2.06em}.cta-section p{font-size:1.25em}}.logo-container{width:50px;height:50px;cursor:pointer;display:inline-block}.logo-container canvas{display:block;width:50px;height:50px}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width:768px){.grid-2col{grid-template-columns:1fr}}