:root{--bg:#fff;--fg:#0f172a;--muted:#64748b;--border:#e2e8f0;--surface:#f8fafc;--accent:#6366f1;--accent-fg:#fff;--radius:12px}@media (prefers-color-scheme:dark){:root{--bg:#0b1020;--fg:#e2e8f0;--muted:#94a3b8;--border:#1e293b;--surface:#111827}}*{box-sizing:border-box}html{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}body{flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex:1}a{color:inherit}.container,.section{width:100%;max-width:1100px;margin:0 auto;padding:0 16px}.section{padding-top:3rem;padding-bottom:3rem}.site-header{border-bottom:1px solid var(--border)}.site-header .container,.site-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;padding-bottom:1rem;display:flex}.brand{font-size:1.1rem;font-weight:700;text-decoration:none}nav{flex-wrap:wrap;gap:1.25rem;display:flex}nav a{color:var(--muted);text-decoration:none}nav a:hover{color:var(--fg)}.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:.9rem}.site-footer p{margin:0}.hero{color:#fff;background:linear-gradient(135deg,#0f172a,#6366f1) 50%/cover no-repeat}.hero-inner{max-width:1100px;margin:0 auto;padding:7rem 16px}.hero h1{margin:0 0 1rem;font-size:clamp(2.25rem,6vw,4rem);line-height:1.1}.hero p{opacity:.9;max-width:40rem;font-size:1.25rem}.button{background:var(--accent);color:var(--accent-fg);border-radius:999px;margin-top:1rem;padding:.7rem 1.3rem;font-weight:600;text-decoration:none;display:inline-block}.button:hover{filter:brightness(1.1)}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.feature,.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.feature{padding:1.5rem}.feature h3,.card h3{margin:0 0 .5rem}.feature p,.card p{color:var(--muted);margin:0}.card a{height:100%;text-decoration:none;display:block}.card img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.card-body{padding:1.25rem}.card:hover{border-color:var(--accent)}.meta{color:var(--muted);margin:0 0 .5rem;font-size:.85rem}.card .meta{margin-bottom:.5rem}.more{margin-top:1.5rem}.cta{text-align:center;border-top:1px solid var(--border)}.post{max-width:760px}.post h1{margin:.5rem 0 1.5rem;font-size:clamp(2rem,5vw,3rem);line-height:1.15}.post-hero{border-radius:var(--radius);width:100%;margin-bottom:2rem}.prose{max-width:760px}.prose p,.prose li{font-size:1.1rem}