*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}:root{--bg:#F9FAFB;--card:#FFFFFF;--border:#E5E7EB;--text-primary:#111827;--text-secondary:#6B7280;--accent:#3B82F6;--accent-hover:#2563EB;--muted:#6B7280}[data-theme=dark]{--bg:#0F172A;--card:#020617;--border:#1E293B;--text-primary:#E5E7EB;--text-secondary:#94A3B8;--accent:#3B82F6;--accent-hover:#2563EB;--muted:#94A3B8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0F172A;--card:#020617;--border:#1E293B;--text-primary:#E5E7EB;--text-secondary:#94A3B8;--accent:#3B82F6;--accent-hover:#2563EB;--muted:#94A3B8}}body{background:var(--bg);transition:background-color .3s ease,color .3s ease}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-size:2.5rem;line-height:1.2;margin-bottom:1rem}h2{font-size:2rem;line-height:1.3;margin-bottom:.875rem}h3{font-size:1.5rem;line-height:1.4;margin-bottom:.75rem}h4{font-size:1.25rem;line-height:1.5;margin-bottom:.5rem}p{line-height:1.6;margin-bottom:1rem}.muted{color:var(--text-secondary)}.wrap{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}header{justify-content:space-between;padding:20px 0;margin-bottom:40px;border-bottom:1px solid var(--border)}.logo,header{display:flex;align-items:center}.logo{gap:12px;cursor:pointer;transition:opacity .2s}.logo:hover{opacity:.8}.logo-mark{width:48px;height:48px;background:var(--accent);color:white;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.brand{font-weight:700;font-size:20px;color:var(--text-primary)}.desktop-nav{display:flex;gap:24px;align-items:center}.desktop-nav a{color:var(--text-secondary);font-size:15px;font-weight:500;transition:color .2s}.desktop-nav a:hover{color:var(--text-primary)}.mobile-nav{display:none;gap:12px;align-items:center}.mobile-menu-button{background:transparent;border:1px solid var(--border);padding:8px 12px;border-radius:6px;cursor:pointer;color:var(--text-primary);font-size:20px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;transition:all .2s}.mobile-menu-button:hover{border-color:var(--accent);background:var(--card)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:80vw;background:var(--card);border-left:1px solid var(--border);display:flex;flex-direction:column;padding:80px 24px 24px;gap:8px;z-index:1000;animation:slideIn .3s ease;overflow-y:auto}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-menu a{color:var(--text-primary);font-size:18px;font-weight:500;padding:16px;border-radius:8px;transition:all .2s;display:block}.mobile-menu a:hover{background:var(--bg);color:var(--accent)}main{flex:1 1}footer{margin-top:60px;padding-top:30px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--accent)}.btn{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .2s;background:var(--accent);color:white}.btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn.ghost:hover:not(:disabled){background:var(--card);border-color:var(--accent);box-shadow:0 2px 8px rgba(59,130,246,.1)}input,textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:15px;background:var(--bg);color:var(--text-primary);transition:border-color .2s;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-secondary)}.hero{display:grid;grid-template-columns:1fr 400px;grid-gap:40px;gap:40px;align-items:start}.cta-row{display:flex;gap:12px;margin-top:24px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.feature{padding:20px}.contact-ctas{display:flex;flex-direction:column;gap:12px}@media (max-width:768px){.hero{grid-template-columns:1fr}h1{font-size:2rem}.cta-row{flex-direction:column}.btn{width:100%}footer{flex-direction:column;gap:16px;text-align:center}.desktop-nav{display:none}.mobile-nav{display:flex}.logo{gap:8px}.logo-mark{width:40px;height:40px;font-size:16px}.logo-subtitle{display:none}.brand{font-size:18px}header{padding:16px 0;margin-bottom:24px}.wrap{padding:16px}}@media (max-width:480px){.logo-text{display:none}.logo-mark{width:44px;height:44px;font-size:18px}}.theme-toggle{background:transparent;border:1px solid var(--border);padding:8px 12px;border-radius:6px;cursor:pointer;color:var(--text-primary);font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;transition:all .2s}.theme-toggle:hover{border-color:var(--accent);background:var(--card)}.blog-header{margin-bottom:48px;text-align:center}.blog-header h1{font-size:48px;margin:0 0 16px;line-height:1.2}.blog-header p{font-size:18px;max-width:600px;margin:0 auto;line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:24px;gap:24px;flex:1 1}.blog-empty,.blog-loading{grid-column:1/-1;text-align:center;padding:48px 0;font-size:16px}.blog-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;height:100%}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(59,130,246,.15)}.blog-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.blog-card-image{width:100%;height:200px;overflow:hidden;margin:-24px -24px 0}.blog-card-image img{width:100%;height:100%;object-fit:cover}.blog-card-content{padding-top:12px;display:flex;flex-direction:column;flex:1 1}.blog-card-meta{font-size:13px;margin-bottom:8px}.blog-card-title{margin:0 0 8px;font-size:20px;color:var(--text-primary)}.blog-card-excerpt{font-size:14px;line-height:1.6;margin:0 0 12px;flex:1 1}.blog-card-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.blog-tag{font-size:12px;padding:4px 10px;border-radius:6px;background:rgba(59,130,246,.1);color:var(--accent);border:1px solid rgba(59,130,246,.2)}.blog-post{max-width:800px;margin:0 auto}.blog-post-back{display:inline-flex;align-items:center;margin-bottom:24px;font-size:14px;transition:color .2s}.blog-post-back:hover{color:var(--accent)}.blog-post-header{margin-bottom:32px}.blog-post-cover{width:100%;height:400px;overflow:hidden;border-radius:12px;margin-bottom:24px}.blog-post-cover img{width:100%;height:100%;object-fit:cover}.blog-post-title{font-size:42px;line-height:1.2;margin:0 0 16px}.blog-post-meta{font-size:15px;margin-bottom:16px}.blog-post-tags{display:flex;gap:8px;flex-wrap:wrap}.blog-post-content{padding:32px;line-height:1.8}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{margin-top:2rem;margin-bottom:1rem;color:var(--text-primary)}.blog-post-content h1{font-size:2rem}.blog-post-content h2{font-size:1.75rem}.blog-post-content h3{font-size:1.5rem}.blog-post-content p{margin-bottom:1.25rem;color:var(--text-primary)}.blog-post-content ol,.blog-post-content ul{margin-bottom:1.25rem;padding-left:2rem}.blog-post-content li{margin-bottom:.5rem;line-height:1.8}.blog-post-content a{color:var(--accent);text-decoration:underline}.blog-post-content a:hover{color:var(--accent-hover)}.blog-post-content code{background:var(--bg);padding:2px 6px;border-radius:4px;font-size:.9em;border:1px solid var(--border)}.blog-post-content pre{background:var(--bg);padding:16px;border-radius:8px;overflow-x:auto;margin-bottom:1.25rem;border:1px solid var(--border)}.blog-post-content pre code{background:none;padding:0;border:none}.blog-post-content blockquote{border-left:4px solid var(--accent);padding-left:16px;margin:1.25rem 0;color:var(--text-secondary);font-style:italic}.blog-post-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.blog-post-loading{text-align:center;padding:48px 0;font-size:16px}@media (max-width:880px){.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.blog-header h1{font-size:36px}.blog-header p{font-size:16px}.blog-post-title{font-size:32px}.blog-post-cover{height:300px}}@media (max-width:560px){.blog-grid{grid-template-columns:1fr}.blog-header{margin-bottom:32px}.blog-header h1{font-size:32px}.blog-header p{font-size:16px}.blog-post-title{font-size:28px}.blog-post-cover{height:250px}.blog-post-content{padding:24px}}