:root{--c-bg: #ffffff;--c-fg: #0f172a;--c-body: #475569;--c-muted: #64748b;--c-border: #e5e7eb;--c-accent: #4f46e5;--c-accent-2: #8b5cf6;--c-accent-3: #a855f7;--c-accent-hover: #4338ca;--c-accent-grad: linear-gradient(120deg, #4f46e5 0%, #7c5cfc 45%, #a855f7 100%);--c-code-bg: #f8fafc;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .03), 0 4px 12px -8px rgba(15, 23, 42, .08);--shadow-lift: 0 18px 40px -20px rgba(79, 70, 229, .28);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--max-w: 760px}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--font-sans);color:var(--c-fg);background:var(--c-bg);line-height:1.6;font-size:16px;position:relative}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")}body>*{position:relative;z-index:1}.grad-text{background:var(--c-accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--c-accent)}.aurora{position:absolute;top:-180px;left:50%;transform:translate(-50%);width:1100px;height:560px;max-width:130vw;pointer-events:none;z-index:0;background:radial-gradient(closest-side,#7c5cfc38,#7c5cfc00 72%),radial-gradient(closest-side,#a855f729,#a855f700 70%),radial-gradient(closest-side,#38bdf81f,#38bdf800 70%);background-position:34% 26%,66% 22%,52% 60%;background-repeat:no-repeat;background-size:60% 86%,54% 76%,48% 72%;filter:blur(10px)}a{color:var(--c-accent);text-decoration:none}a:hover{color:var(--c-accent-hover);text-decoration:underline}.container{max-width:var(--max-w);margin:0 auto;padding:0 1.25rem}.site-header{position:sticky;top:0;z-index:100;height:60px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 32px;background-color:#ffffffd1;border-bottom:1px solid #f1f5f9;backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1)}.site-header .sh-brand{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;text-decoration:none}.site-header .sh-brand:hover{text-decoration:none}.site-header .sh-brand span{font-size:17px;font-weight:700;color:#0f172a;letter-spacing:-.02em}.site-header .sh-right{display:flex;align-items:center;gap:20px}.site-header .sh-nav{display:flex;align-items:center;gap:24px}.site-header .sh-nav a{font-size:14px;font-weight:500;color:#475569;text-decoration:none;white-space:nowrap}.site-header .sh-nav a:hover{color:#0f172a;text-decoration:none}.site-header .sh-divider{width:1px;height:18px;background:#e2e8f0}.site-header .sh-lang{position:relative;display:inline-block}.site-header .sh-lang-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid #e2e8f0;border-radius:8px;padding:4px 10px;cursor:pointer;color:#4b5563;font-size:13px;font-weight:500;line-height:1;font-family:inherit}.site-header .sh-lang-btn:hover{border-color:#cbd5e1}.site-header .sh-lang-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:120px;z-index:9999;overflow:hidden;padding:0}.site-header .sh-lang-menu button{display:block;width:100%;text-align:left;padding:10px 16px;background:none;border:none;cursor:pointer;font-size:13px;color:#334155;font-family:inherit}.site-header .sh-lang-menu button:hover{background:#f1f5f9}.site-header .sh-account{display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 6px;border-radius:24px;background:#f1f5f9;border:1px solid #e2e8f0;text-decoration:none}.site-header .sh-account:hover{text-decoration:none;background:#e8edf3}.site-header .sh-avatar{width:22px;height:22px;border-radius:50%;background:#6366f1;color:#fff;font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.site-header .sh-account-label{font-size:13px;font-weight:500;color:#334155}.site-header .sh-auth{display:flex;align-items:center;gap:8px}.site-header .sh-signin{font-size:14px;font-weight:600;color:#475569;text-decoration:none;padding:4px 6px}.site-header .sh-signin:hover{color:#0f172a;text-decoration:none}.site-header .sh-signup{font-size:14px;font-weight:600;color:#fff;background:#4f46e5;border-radius:24px;padding:7px 18px;text-decoration:none;white-space:nowrap;flex-shrink:0}.site-header .sh-signup:hover{background:#4338ca;color:#fff;text-decoration:none}@media(max-width:640px){.site-header{padding:0 16px;gap:12px}.site-header .sh-nav{gap:16px}.site-header .sh-right{gap:12px}.site-header .sh-signin{display:none}}.hero{padding:5rem 0 3rem;text-align:left}.hero h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1;font-weight:800;letter-spacing:-.02em;margin:0 0 1rem}.hero p.lead{font-size:1.125rem;color:var(--c-muted);max-width:560px;margin:0 0 2rem}.cta{display:inline-block;padding:.625rem 1.125rem;background:var(--c-accent);color:#fff;border-radius:6px;font-weight:500;font-size:.9rem}.cta:hover{background:var(--c-accent-hover);color:#fff;text-decoration:none}.section{padding:3rem 0;border-top:1px solid var(--c-border)}.section h2{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;letter-spacing:-.01em}.post-list{list-style:none;padding:0;margin:0;display:grid;gap:.85rem}.post-list li{padding:1.25rem 1.4rem;border:1px solid var(--c-border);border-radius:12px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.post-list li:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:#c7d2fe}.post-list h3{margin:0 0 .25rem;font-size:1.0625rem;font-weight:600}.post-list h3 a{color:var(--c-fg)}.post-list li:hover h3 a{color:var(--c-accent)}.post-list .meta{color:var(--c-muted);font-size:.85rem}.post-list .desc{margin:.5rem 0 0;color:var(--c-body);font-size:.95rem}article.post h1{font-size:2rem;margin:0 0 .5rem;letter-spacing:-.02em;line-height:1.2}article.post .post-meta{color:var(--c-muted);font-size:.875rem;margin-bottom:2rem}article.post h2{font-size:1.375rem;margin-top:2.5rem;margin-bottom:.75rem}article.post h3{font-size:1.125rem;margin-top:1.75rem;margin-bottom:.5rem}article.post p,article.post ul,article.post ol{margin:0 0 1rem}article.post code{font-family:var(--font-mono);font-size:.875em;background:var(--c-code-bg);padding:.15em .4em;border-radius:4px}article.post pre{background:var(--c-code-bg);padding:1rem;border-radius:6px;overflow-x:auto;font-size:.875rem}article.post pre code{background:transparent;padding:0}article.post blockquote{border-left:3px solid var(--c-accent);padding-left:1rem;color:var(--c-muted);margin:1rem 0}.site-footer{border-top:1px solid #f1f5f9;background:#fff;padding:64px 32px 32px;margin-top:4rem}.site-footer .sf-top{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px}.site-footer .sf-brand-col{flex:1 1 300px}.site-footer .sf-brand{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;text-decoration:none}.site-footer .sf-brand:hover{text-decoration:none}.site-footer .sf-brand span{font-size:18px;font-weight:700;color:#0f172a;letter-spacing:-.02em}.site-footer .sf-tagline{color:#64748b;font-size:14px;max-width:280px;line-height:1.6;margin:0}.site-footer .sf-cols{display:flex;gap:80px;flex-wrap:wrap}.site-footer .sf-col{display:flex;flex-direction:column;gap:12px}.site-footer .sf-col-title{font-weight:600;color:#0f172a;font-size:14px;margin-bottom:8px}.site-footer .sf-col a{color:#64748b;font-size:14px;text-decoration:none}.site-footer .sf-col a:hover{color:#0f172a;text-decoration:none}.site-footer .sf-bottom{max-width:1200px;margin:48px auto 0;padding-top:24px;border-top:1px solid #f1f5f9;color:#94a3b8;font-size:13px}.cmp-eyebrow{color:var(--c-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 1rem;font-weight:600}.cmp-top{position:relative;overflow:clip}.cmp-hero{font-size:clamp(2rem,6vw,3rem);letter-spacing:-.02em;line-height:1.15;margin:0 0 1.25rem}.cmp-hero .cmp-brand{background:var(--c-accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--c-accent)}.cmp-vs{color:var(--c-muted);font-weight:400;font-size:.65em;margin:0 .3em}.cmp-lede{font-size:1.05rem;color:var(--c-body);line-height:1.65;margin:0 0 2.5rem}.cmp-table-wrap{overflow-x:auto;margin:1rem 0 2.5rem;border:1px solid var(--c-border);border-radius:12px;box-shadow:var(--shadow-sm)}.cmp-table{width:100%;border-collapse:collapse;font-size:.9rem}.cmp-table thead th{background:linear-gradient(180deg,#f5f3ff,#f9fafb);font-weight:600;color:#111827;border-bottom:2px solid #e5e7eb;padding:.8rem 1rem;text-align:left}.cmp-table tbody td{border-bottom:1px solid #eef1f5;padding:.75rem 1rem;color:var(--c-body);vertical-align:top}.cmp-table tbody tr:nth-child(odd){background:#fafafa}.cmp-table tbody tr:hover{background:#f5f3ff}.cmp-table td:first-child{font-weight:500;color:#111827}.cmp-cta{display:flex;gap:.75rem;margin:2.5rem 0 1.5rem;flex-wrap:wrap}.cmp-cta-primary{display:inline-block;padding:.85rem 1.5rem;background:var(--c-accent-grad);color:#fff;border-radius:8px;font-weight:600;text-decoration:none;font-size:.95rem;box-shadow:0 8px 20px -8px #7c5cfc8c}.cmp-cta-primary:hover{filter:brightness(1.06);color:#fff;text-decoration:none}.cmp-cta-secondary{display:inline-block;padding:.85rem 1.5rem;background:transparent;color:#4f46e5;border:1px solid #c7d2fe;border-radius:8px;font-weight:600;text-decoration:none;font-size:.95rem}.cmp-cta-secondary:hover{background:#eef2ff;text-decoration:none}.cmp-disclaimer{margin-top:2rem;font-size:.8rem;color:var(--c-muted)}