:root{--color-bg:#07090c;--color-surface:#0f1216;--color-surface-alt:#171b20;--color-border:#26292d;--color-border-hover:#3e4348;--color-text:#e6e4e1;--color-text-secondary:#9b9891;--color-text-muted:#5f5d59;--color-accent:#fd8e00;--color-accent-hover:#ffa345;--color-accent-muted:#fd8e001f;--color-accent-glow:#fd8e0033;--color-green:#35c177;--color-green-muted:#35c1771f;--color-red:#e24947;--color-red-muted:#e249471f;--font-heading:"Space Grotesk", "JetBrains Mono", monospace;--font-mono:"JetBrains Mono", monospace;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--space-12:96px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.35s;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 24px var(--color-accent-glow)}@supports (color:lab(0% 0 0)){:root{--color-bg:lab(2.47293% -.344828 -1.41466);--color-surface:lab(5.24708% -.502422 -2.99991);--color-surface-alt:lab(9.48696% -.808433 -4.32296);--color-border:lab(16.4711% -.831097 -2.83417);--color-border-hover:lab(28.0692% -1.04554 -3.54594);--color-text:lab(90.746% -.0115335 1.90781);--color-text-secondary:lab(62.9305% .00348687 3.83343);--color-text-muted:lab(39.7201% .00719726 3.06989);--color-accent:lab(70.1972% 38.7305 79.014);--color-accent-hover:lab(76.0255% 38.2818 75.5555);--color-accent-muted:lab(70.1972% 38.7305 79.014/.12);--color-accent-glow:lab(70.1972% 38.7305 79.014/.2);--color-green:lab(69.5911% -51.1996 26.4252);--color-green-muted:lab(69.5911% -51.1996 26.4252/.12);--color-red:lab(54.0154% 59.962 36.1222);--color-red-muted:lab(54.0154% 59.962 36.1222/.12);--shadow-sm:0 1px 3px lab(0% 0 0/.3);--shadow-md:0 4px 16px lab(0% 0 0/.4);--shadow-lg:0 8px 32px lab(0% 0 0/.5)}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-weight:400;line-height:1.65}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:3px}.skip-link{top:-100%;left:var(--space-3);background:var(--color-accent);color:var(--color-bg);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);z-index:100;font-weight:600;text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-2)}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{font-size:clamp(2.2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.15rem}.mono,code,kbd{font-family:var(--font-mono);font-weight:400}p+p{margin-top:var(--space-2)}a{color:var(--color-accent);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--color-accent-hover)}strong{color:var(--color-text);font-weight:600}::selection{background:var(--color-accent-muted);color:var(--color-accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}
.icon{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:24px;height:24px}.icon-sm{stroke-width:2px;width:16px;height:16px}.icon-lg{stroke-width:1.6px;width:32px;height:32px}.icon-accent{color:var(--color-accent)}.icon-muted{color:var(--color-text-muted)}.btn{align-items:center;gap:var(--space-1);font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;border:1px solid #0000;padding:12px 24px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-accent);color:var(--color-bg);box-shadow:0 2px 12px var(--color-accent-glow)}.btn-primary:hover{background:var(--color-accent-hover);color:var(--color-bg);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary .icon{color:var(--color-bg)}.btn-outline{border-color:var(--color-border);color:var(--color-text-secondary);background:0 0}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-muted)}.badge{font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:500;display:inline-flex}.badge-live{background:var(--color-green-muted);color:var(--color-green)}.badge-wip{background:var(--color-accent-muted);color:var(--color-accent)}.badge-draft{background:var(--color-surface-alt);color:var(--color-text-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.card-accent{border-left:3px solid var(--color-accent)}.eyebrow{align-items:center;gap:var(--space-1);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);margin-bottom:var(--space-3);font-size:.72rem;display:inline-flex}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:fade-up var(--duration-slow) var(--ease-out) both}.anim-delay-1{animation-delay:80ms}.anim-delay-2{animation-delay:.16s}.anim-delay-3{animation-delay:.24s}.anim-delay-4{animation-delay:.32s}.container{width:100%;max-width:1100px;padding:0 var(--space-3);margin:0 auto}.hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.top-nav{justify-content:center;gap:var(--space-4);padding:var(--space-3) 0;display:flex}.top-nav a{font-family:var(--font-heading);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);padding:6px 16px;font-size:.85rem;font-weight:600;text-decoration:none}.top-nav a:hover{color:var(--color-accent);background:var(--color-accent-muted)}.top-nav a.nav-tools{background:var(--color-accent-muted);color:var(--color-accent)}.cta-section{padding:var(--space-8) 0;text-align:center}.cta-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-4);max-width:640px;margin:0 auto}.cta-card h2{margin-bottom:var(--space-2)}.cta-card p{color:var(--color-text-secondary);margin-bottom:var(--space-4);max-width:480px;margin-left:auto;margin-right:auto}.site-footer{text-align:center;padding:var(--space-6) 0;color:var(--color-text-muted);border-top:1px solid var(--color-border);margin-top:var(--space-8);font-size:.82rem}.site-footer a{color:var(--color-text-secondary)}.article-meta-date{color:var(--color-text-muted);font-size:.9rem;font-family:var(--font-mono)}.article-meta-summary{color:var(--color-text-secondary);margin-top:var(--space-2);max-width:600px;font-size:1.05rem;line-height:1.7}@media (max-width:720px){.btn{justify-content:center;width:100%}}
.anim-fade-up{animation:fade-up .6s var(--ease-out) both}.anim-delay-1{animation-delay:.15s}.anim-delay-2{animation-delay:.3s}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);background:var(--color-accent-muted);margin-bottom:var(--space-3);border-radius:100px;align-items:center;gap:6px;padding:5px 14px;font-size:.75rem;font-weight:500;display:inline-flex}.hero{text-align:center;padding:var(--space-10) 0 var(--space-6);flex-direction:column;align-items:center;display:flex}.hero h1{max-width:680px;margin-bottom:var(--space-2);font-size:clamp(2rem,4vw,3rem)}.hero h1 span{color:var(--color-accent)}.hero-desc{color:var(--color-text-secondary);max-width:540px;margin:0 auto var(--space-5);font-size:1.05rem;line-height:1.7}.hero-signup{gap:var(--space-2);width:100%;max-width:460px;margin-bottom:var(--space-3);display:flex}.hero-signup input[type=email]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;color:var(--color-text);font-family:var(--font-body);transition:border-color var(--duration-fast) var(--ease-out);outline:none;flex:1;padding:13px 16px;font-size:.95rem}.hero-signup input[type=email]:focus{border-color:var(--color-accent)}.hero-signup .btn{white-space:nowrap}.hero-secondary{color:var(--color-text-muted);font-size:.85rem}.hero-secondary a{color:var(--color-accent);font-weight:500}.stats-bar{gap:var(--space-3);width:100%;max-width:720px;margin:0 auto var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.stat-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center}.stat-item .stat-number{font-family:var(--font-heading);color:var(--color-accent);margin-bottom:var(--space-1);font-size:1.8rem;font-weight:700;line-height:1}.stat-item .stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.section-header{text-align:center;margin-bottom:var(--space-6)}.section-header h2{margin-bottom:var(--space-1)}.section-header p{color:var(--color-text-secondary);max-width:480px;margin:0 auto}.workflow{padding:var(--space-8) 0}.workflow-steps{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.workflow-step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);text-align:center;transition:border-color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out)}.workflow-step:hover{border-color:var(--color-accent);transform:translateY(-2px)}.workflow-step .step-num{font-family:var(--font-heading);color:var(--color-accent-muted);margin-bottom:var(--space-2);font-size:2.2rem;font-weight:700;line-height:1}.workflow-step h3{margin-bottom:var(--space-1);font-size:1.05rem}.workflow-step p{color:var(--color-text-secondary);font-size:.88rem;line-height:1.6}.live-projects{padding:var(--space-6) 0}.lp-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-width:760px;margin:0 auto;display:grid}.lp-card{gap:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);color:inherit;transition:border-color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.lp-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.lp-card h3{color:var(--color-text);font-size:1rem;font-weight:600;line-height:1.45}.lp-score{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);background:var(--color-accent-muted);border-radius:100px;align-self:flex-start;padding:2px 10px;font-size:.7rem;font-weight:600}.lp-meta{color:var(--color-text-muted);padding-top:var(--space-2);justify-content:space-between;align-items:center;margin-top:auto;font-size:.8rem;display:flex}.lp-arrow{color:var(--color-accent);font-weight:600}.latest-article{padding:var(--space-6) 0}.latest-article-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:640px;padding:var(--space-5);color:inherit;transition:border-color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);margin:0 auto;text-decoration:none;display:block}.latest-article-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.latest-article-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);background:var(--color-accent-muted);margin-bottom:var(--space-2);border-radius:100px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-block}.latest-article-card h3{margin-bottom:var(--space-2);font-size:1.15rem;font-weight:600;line-height:1.5}.latest-article-meta{color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}@media (max-width:720px){.stats-bar{grid-template-columns:repeat(2,1fr)}.workflow-steps{grid-template-columns:1fr}.hero-signup{flex-direction:column}.hero-signup .btn{justify-content:center;width:100%}.lp-grid{grid-template-columns:1fr}}
.article{max-width:720px;margin:0 auto;font-size:1.05rem;line-height:1.85}.article h1{margin-bottom:var(--space-3);font-size:2rem}.article h2{margin-top:var(--space-6);margin-bottom:var(--space-3);font-size:1.4rem}.article h3{margin-top:var(--space-5);margin-bottom:var(--space-2);font-size:1.15rem}.article p{margin-bottom:var(--space-3)}.article ul,.article ol{margin-bottom:var(--space-3);padding-left:var(--space-4)}.article li{margin-bottom:var(--space-1)}.article pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);font-size:.88rem;line-height:1.6;overflow-x:auto}.article code{font-family:var(--font-mono);background:var(--color-surface-alt);border-radius:4px;padding:2px 6px;font-size:.85em}.article pre code{background:0 0;padding:0}.article blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-3);margin:var(--space-4) 0;color:var(--color-text-secondary)}.article table{border-collapse:collapse;width:100%;margin-bottom:var(--space-3)}.article th,.article td{border:1px solid var(--color-border);text-align:left;padding:10px 14px;font-size:.9rem}.article th{background:var(--color-surface);font-weight:600}.article a{color:var(--color-accent);text-decoration:underline}.article hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-5) 0}.report-content{max-width:760px;margin:0 auto;font-size:1.05rem;line-height:1.85}.report-content h1{margin-bottom:var(--space-3);font-size:2rem}.report-content h2{margin-top:var(--space-8);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);font-size:1.4rem}.report-content h3{margin-top:var(--space-6);margin-bottom:var(--space-2);font-size:1.15rem}.report-content p{margin-bottom:var(--space-3)}.report-content ul,.report-content ol{margin-bottom:var(--space-3);padding-left:var(--space-4)}.report-content li{margin-bottom:var(--space-1)}.report-content strong{color:var(--color-text);font-weight:600}.report-content pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);font-size:.88rem;line-height:1.6;overflow-x:auto}.report-content code{font-family:var(--font-mono);background:var(--color-surface-alt);border-radius:4px;padding:2px 6px;font-size:.85em}.report-content pre code{background:0 0;padding:0}.report-content blockquote{border-left:3px solid var(--color-accent);padding:var(--space-2) var(--space-4);margin:var(--space-4) 0;color:var(--color-muted);background:var(--color-surface-alt);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.report-content table{border-collapse:collapse;width:100%;margin-bottom:var(--space-4)}.report-content th,.report-content td{border:1px solid var(--color-border);text-align:left;padding:10px 14px;font-size:.9rem}.report-content th{background:var(--color-surface);font-weight:600}.report-content a{color:var(--color-accent);text-decoration:underline}.report-content a:hover{opacity:.8}.report-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.report-content img{border-radius:var(--radius-md);max-width:100%;height:auto}.reports-index{max-width:760px;margin:0 auto}.reports-index h1{margin-bottom:var(--space-6);font-size:2rem}.reports-list{gap:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.reports-list li{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);transition:border-color .15s}.reports-list li:hover{border-color:var(--color-accent)}.reports-list a{color:inherit;text-decoration:none}.reports-list h2{margin:0 0 var(--space-1);font-size:1.15rem}.reports-list time{color:var(--color-muted);font-size:.8rem}.reports-list p{color:var(--color-muted);margin:var(--space-2) 0 0;font-size:.9rem}.report-lang-link{color:var(--color-accent);margin-left:var(--space-2);font-size:.8rem}.article-list{gap:var(--space-4);flex-direction:column;max-width:760px;margin:0 auto;display:flex}.article-list-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);align-items:flex-start;gap:var(--space-3);transition:border-color .15s;display:flex}.article-list-item:hover{border-color:var(--color-accent)}.article-list-link{color:inherit;flex:1;text-decoration:none}.article-list-date{color:var(--color-muted);font-size:.8rem}.article-list-title{margin:var(--space-1) 0;font-size:1.15rem}.article-list-summary{color:var(--color-muted);margin:var(--space-1) 0 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.article-list-lang{color:var(--color-accent);white-space:nowrap;padding-top:var(--space-1);font-size:.8rem}