:root{--canvas: #0A0D12;--surface: #10141B;--surface-2: #171C26;--surface-3: #1E2430;--border: #1F2733;--border-strong: #2A3342;--fg-1: #E6EAF2;--fg-2: #8A93A6;--fg-3: #575F72;--accent: #2E7DFF;--accent-hover: #4F91FF;--accent-12: rgb(46 125 255 / .12);--accent-20: rgb(46 125 255 / .2);--accent-40: rgb(46 125 255 / .4);--success: #00D68F;--success-12: rgb(0 214 143 / .12);--warn: #FFB547;--font-sans: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--max: 800px;--max-wide: 1080px;--gutter: 20px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--canvas);color:var(--fg-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;line-height:1.5;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}::selection{background:var(--accent-40);color:var(--fg-1)}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.wrap-wide{max-width:var(--max-wide);margin:0 auto;padding:0 var(--gutter)}.nav{padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:var(--fg-1);font-weight:600;font-size:17px;letter-spacing:-.01em}.brand .logo{width:32px;height:32px;border-radius:8px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;letter-spacing:-.02em}.nav-menu{display:flex;gap:6px;align-items:center}.nav-link{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:10px;color:var(--fg-2);font-size:14px;font-weight:500;transition:background .2s ease,color .2s ease}.nav-link:hover,.nav-link.is-active{background:var(--surface-2);color:var(--fg-1)}.nav-cta{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);color:var(--fg-1);height:36px;padding:0 14px;border-radius:10px;font-size:14px;font-weight:500;border:1px solid var(--border);transition:background .2s ease,border-color .2s ease}.nav-cta:hover{background:var(--surface-3);color:var(--fg-1);border-color:var(--border-strong)}footer{padding:40px 0 48px;border-top:1px solid var(--border);margin-top:80px}.foot{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:24px;color:var(--fg-3);font-size:14px}.foot a{color:var(--fg-2)}.foot a:hover{color:var(--fg-1)}.foot-info{display:flex;flex-direction:column;gap:6px;line-height:1.5}.foot-links{display:flex;flex-direction:column;gap:6px;flex-wrap:wrap;line-height:1.5}.blog-hero{padding:32px 0 24px;text-align:center}.blog-hero h1{margin:0 0 14px;font-size:clamp(32px,5vw,44px);font-weight:600;letter-spacing:-.02em;line-height:1.1}.blog-hero p{margin:0 auto;max-width:540px;color:var(--fg-2);font-size:17px;line-height:1.55}.posts-list{display:flex;flex-direction:column;gap:18px;padding:24px 0 48px}.post-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 24px;transition:border-color .2s ease,background .2s ease;color:var(--fg-1)}.post-card:hover{border-color:var(--border-strong);background:var(--surface-2);color:var(--fg-1)}.post-card .post-meta{display:flex;align-items:center;gap:12px;color:var(--fg-3);font-size:13px;margin-bottom:8px}.post-card .post-meta time{font-variant-numeric:tabular-nums}.post-card .post-meta .dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--fg-3)}.post-card h2{margin:0 0 8px;font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--fg-1)}.post-card p{margin:0;color:var(--fg-2);font-size:15px;line-height:1.55}.post-card .post-arrow{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:14px;font-weight:500;margin-top:12px}.article-header{padding:32px 0 24px}.breadcrumbs{display:flex;gap:8px;align-items:center;color:var(--fg-3);font-size:13px;margin-bottom:18px}.breadcrumbs a{color:var(--fg-2)}.breadcrumbs a:hover{color:var(--fg-1)}.breadcrumbs .sep{color:var(--fg-3)}.article-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--fg-3);font-size:13px;margin-bottom:18px}.article-meta .dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--fg-3);align-self:center}.article-header h1{margin:0 0 14px;font-size:clamp(30px,5vw,44px);font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--fg-1)}.article-header p.lead{margin:0;color:var(--fg-2);font-size:18px;line-height:1.55;max-width:700px}.article-body{padding:16px 0 40px;font-size:17px;line-height:1.7;color:var(--fg-1)}.article-body>*+*{margin-top:18px}.article-body h2{margin:40px 0 14px;font-size:clamp(22px,3vw,28px);font-weight:600;letter-spacing:-.015em;line-height:1.25;color:var(--fg-1)}.article-body h3{margin:28px 0 12px;font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--fg-1)}.article-body p{margin:0 0 18px;color:var(--fg-1)}.article-body p:last-child{margin-bottom:0}.article-body a{color:var(--accent);border-bottom:1px solid var(--accent-40);transition:color .2s ease,border-color .2s ease}.article-body a:hover{color:var(--accent-hover);border-bottom-color:var(--accent-hover)}.article-body strong{color:var(--fg-1);font-weight:600}.article-body em{color:var(--fg-1);font-style:italic}.article-body ul,.article-body ol{margin:0 0 18px;padding-left:22px}.article-body ul li,.article-body ol li{margin-bottom:6px;color:var(--fg-1)}.article-body ul li::marker{color:var(--accent)}.article-body ol li::marker{color:var(--accent);font-weight:600}.article-body blockquote{margin:24px 0;padding:16px 18px;background:var(--surface);border-left:3px solid var(--accent);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--fg-2);font-size:16px;line-height:1.6}.article-body blockquote p{margin:0 0 8px;color:var(--fg-2)}.article-body blockquote p:last-child{margin-bottom:0}.article-body code{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.92em;color:var(--fg-1)}.article-body pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 18px;overflow-x:auto;font-size:14px;line-height:1.55}.article-body pre code{background:none;border:none;padding:0;font-size:inherit}.article-body hr{border:none;border-top:1px solid var(--border);margin:32px 0}.article-body img{border-radius:var(--r-md);margin:12px 0}.article-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}.article-body th,.article-body td{border:1px solid var(--border);padding:8px 12px;text-align:left;vertical-align:top}.article-body th{background:var(--surface);font-weight:600;color:var(--fg-1)}.article-body td{color:var(--fg-2)}.in-article-cta{margin:36px 0;padding:28px 24px;background:linear-gradient(180deg,var(--accent-12) 0%,var(--surface) 90%);border:1px solid var(--accent-40);border-radius:var(--r-lg)}.in-article-cta h3{margin:0 0 8px;font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--fg-1)}.in-article-cta p{margin:0 0 18px;color:var(--fg-2);font-size:15px;line-height:1.55}.in-article-cta .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;height:48px;padding:0 22px;border-radius:12px;font-size:15px;font-weight:600;letter-spacing:-.01em;border:none;transition:background .2s ease}.in-article-cta .btn:hover{background:var(--accent-hover);color:#fff}.in-article-cta .note{display:block;margin-top:10px;font-size:13px;color:var(--fg-3)}.not-found{padding:96px 0 64px;text-align:center}.not-found h1{margin:0 0 14px;font-size:clamp(40px,7vw,64px);font-weight:600;letter-spacing:-.025em;line-height:1.05;color:var(--fg-1)}.not-found h1 .accent{color:var(--accent)}.not-found p{margin:0 auto 24px;max-width:480px;color:var(--fg-2);font-size:17px;line-height:1.55}.not-found .btn-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.not-found .btn-row a{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:12px;font-size:15px;font-weight:600;letter-spacing:-.01em;border:1px solid var(--border-strong);background:var(--surface);color:var(--fg-1);transition:background .2s ease,border-color .2s ease}.not-found .btn-row a:hover{background:var(--surface-2);border-color:var(--accent-40)}.not-found .btn-row a.primary{background:var(--accent);border-color:var(--accent);color:#fff}.not-found .btn-row a.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}@media(max-width:640px){.nav{padding:14px 0;gap:8px}.nav-menu{gap:2px}.nav-link,.nav-cta{padding:0 10px;font-size:13px}.article-body{font-size:16px;line-height:1.65}.article-body h2{margin-top:32px}.in-article-cta{padding:20px 18px}.foot{gap:16px;font-size:13px}}