:root{--site-max:1120px;--site-radius:12px;--site-topbar-h:60px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--site-topbar-h) + 12px)}body{background:var(--site-bg);color:var(--site-text);-webkit-font-smoothing:antialiased;line-height:1.7}a{color:var(--site-accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 12px;line-height:1.3}h2{font-size:26px}code{background:var(--site-inline-bg);border:1px solid var(--site-border);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Consolas,Courier New,monospace;font-size:.92em}.btn{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .12s,background .15s,border-color .15s;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--site-accent);color:var(--site-on-accent)}.btn-primary:hover{background:var(--site-accent-hover)}.btn-ghost{border-color:var(--site-border);color:var(--site-text);background:0 0}.btn-ghost:hover{background:var(--site-panel-hover)}.btn-lg{padding:13px 26px;font-size:16px}.topbar{z-index:20;height:var(--site-topbar-h);border-bottom:1px solid #0000;transition:background .2s,border-color .2s;position:sticky;top:0}.topbar.scrolled{background:var(--site-topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--site-border)}.topbar-inner{max-width:var(--site-max);align-items:center;gap:18px;height:100%;margin:0 auto;padding:0 20px;display:flex}.brand{color:var(--site-text);align-items:center;gap:9px;font-size:16px;display:flex}.brand:hover{text-decoration:none}.brand b{color:var(--site-accent)}.nav{align-items:center;gap:20px;margin-left:auto;font-size:14.5px;display:flex}.nav a{color:var(--site-text-2)}.nav a:hover{color:var(--site-text);text-decoration:none}.topbar-cta{padding:7px 15px;font-size:14.5px}.topbar-burger{border:1px solid var(--site-border);color:var(--site-text);cursor:pointer;background:0 0;border-radius:8px;margin-left:auto;padding:6px 10px;font-size:18px;line-height:1;display:none}.hero,.demo,.playground,.features,.deep,.obsidian,.links,.faq,.footer{max-width:var(--site-max);margin:0 auto;padding:0 20px}.hero{grid-template-columns:1fr 1.15fr;align-items:center;gap:44px;padding-top:52px;padding-bottom:64px;display:grid}.hero-kicker{border:1px solid var(--site-border);color:var(--site-accent);letter-spacing:.02em;border-radius:999px;margin:0 0 14px;padding:3px 11px;font-size:13px;display:inline-block}.hero h1{letter-spacing:.02em;background:linear-gradient(96deg, #fff 20%, var(--site-accent) 105%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:52px}.hero-sub{color:var(--site-text-2);margin:0 0 26px;font-size:17px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-meta{color:var(--site-muted);margin:18px 0 0;font-size:13.5px}.hero-shot{margin:0}.hero-shot img{border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-panel);width:100%;height:auto;display:block}.hero-shot figcaption,.deep-shots figcaption{color:var(--site-muted);text-align:center;margin-top:8px;font-size:13px}.demo{padding-bottom:72px}.demo h2{text-align:center;margin-bottom:26px}.demo-pair{border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-panel);grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.demo-code{border-right:1px solid var(--site-border);background:var(--site-code-bg);color:var(--site-text);white-space:pre;margin:0;padding:20px 22px;font-family:ui-monospace,SFMono-Regular,Consolas,Courier New,monospace;font-size:14px;line-height:1.9;overflow-x:auto}.demo-code code{background:0 0;border:none;padding:0}.demo-score{justify-content:center;align-items:center;padding:16px;display:flex}.demo-score img{background:#fff;border-radius:6px;max-width:100%;height:auto}.demo-note{text-align:center;color:var(--site-text-2);margin-top:18px;font-size:14.5px}.features{padding-bottom:72px}.features h2{text-align:center;margin-bottom:26px}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.card{background:var(--site-panel);border:1px solid var(--site-border);border-radius:var(--site-radius);padding:20px;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--site-accent);transform:translateY(-2px)}.card-ico{margin:0 0 8px;font-size:24px;line-height:1}.card h3{margin-bottom:8px;font-size:16.5px}.card p{color:var(--site-text-2);margin:0;font-size:14px}.deep{padding-bottom:72px}.deep-tight{padding-bottom:0}.deep-row{grid-template-columns:1fr 1.25fr;align-items:center;gap:34px;padding:26px 0;display:grid}.deep-row.reverse{grid-template-columns:1.25fr 1fr}.deep-row.reverse .deep-text{order:2}.deep-text h2{font-size:22px}.deep-text p{color:var(--site-text-2);margin:0 0 12px;font-size:15px}.deep-shots{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.deep-shots figure{margin:0}.deep-shots img{border:1px solid var(--site-border);background:var(--site-panel);border-radius:9px;width:100%;height:auto;display:block}.who{background:var(--site-panel);border:1px solid var(--site-border);border-radius:var(--site-radius);margin-top:20px;padding:24px 26px}.who ul{color:var(--site-text-2);margin:0;padding-left:20px}.who li{margin-bottom:6px;font-size:15px}.who-note{color:var(--site-text);margin:14px 0 0;font-size:14.5px}.links{padding-bottom:72px}.links h2{text-align:center;margin-bottom:26px}.link-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.link-card{background:var(--site-panel);border:1px solid var(--site-border);border-radius:var(--site-radius);color:var(--site-text);flex-direction:column;gap:4px;padding:18px;transition:border-color .15s,transform .15s;display:flex}.link-card:hover{border-color:var(--site-accent);text-decoration:none;transform:translateY(-2px)}.link-ico{font-size:20px;line-height:1}.link-card b{font-size:15.5px}.link-card span:last-child{color:var(--site-muted);font-size:13.5px}.faq{padding-bottom:72px}.faq h2{text-align:center;margin-bottom:22px}.faq details{background:var(--site-panel);border:1px solid var(--site-border);border-radius:10px;margin-bottom:10px;padding:14px 18px}.faq summary{cursor:pointer;font-size:15.5px;font-weight:600}.faq details p{color:var(--site-text-2);margin:10px 0 0;font-size:14.5px}.footer{border-top:1px solid var(--site-border);text-align:center;padding-top:30px;padding-bottom:44px}.footer-slogan{color:var(--site-accent);letter-spacing:.04em;margin:0 0 10px;font-size:15.5px}.footer-meta{color:var(--site-text-2);margin:0 0 10px;font-size:13.5px}.footer-thanks{color:var(--site-muted);margin:0;font-size:12.5px}.tip{z-index:30;background:var(--site-panel);border:1px solid var(--site-accent);border-radius:999px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:11px 12px 11px 18px;font-size:14px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.tip[hidden]{display:none}.tip button{color:var(--site-muted);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:14px;line-height:1}.tip button:hover{color:var(--site-text)}.donate{border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-panel);color:var(--site-text);text-align:center;max-width:min(420px,100vw - 32px);padding:26px 28px}.donate::backdrop{background:#0009}.donate h2{font-size:20px}.donate p{color:var(--site-text-2);font-size:14px}.donate img{background:#fff;border-radius:8px;width:220px;max-width:70vw;height:auto;margin:6px 0;padding:6px}.donate-hint{margin-bottom:16px;color:var(--site-muted)!important;font-size:13px!important}@media (width<=900px){.hero{grid-template-columns:1fr;gap:30px;padding-top:30px;padding-bottom:48px}.hero h1{font-size:38px}.demo-pair{grid-template-columns:1fr}.demo-code{border-right:none;border-bottom:1px solid var(--site-border)}.deep-row,.deep-row.reverse{grid-template-columns:1fr;gap:20px}.deep-row.reverse .deep-text{order:0}.topbar-burger{display:block}.topbar-cta{display:none}.nav{top:var(--site-topbar-h);background:var(--site-panel);border-bottom:1px solid var(--site-border);flex-direction:column;align-items:stretch;gap:0;margin:0;padding:6px 20px 14px;display:none;position:absolute;left:0;right:0}.nav.open{display:flex}.nav a{border-bottom:1px solid var(--site-border);padding:11px 2px;font-size:15px}}.playground{padding-bottom:72px}.playground h2{text-align:center;margin-bottom:12px}.pg-lead{text-align:center;color:var(--site-text-2);margin:0 0 18px;font-size:15px}.pg-samples{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px;display:flex}.pg-samples button{appearance:none;border:1px solid var(--site-border);color:var(--site-text-2);cursor:pointer;background:0 0;border-radius:999px;padding:6px 16px;font-size:14px}.pg-samples button:hover{border-color:var(--site-accent);color:var(--site-text)}.pg-samples button.active{background:var(--site-panel-hover);border-color:var(--site-accent);color:var(--site-accent)}.pg-hint{color:var(--site-muted);margin:14px 0 0;font-size:13px;line-height:1.85}.obsidian{grid-template-columns:1fr 1.05fr;align-items:center;gap:40px;padding-bottom:72px;display:grid}.ob-kicker{border:1px solid var(--site-border);color:var(--site-accent);border-radius:999px;margin:0 0 12px;padding:3px 11px;font-size:13px;display:inline-block}.ob-text h2{margin-bottom:14px;font-size:26px}.ob-text>p{color:var(--site-text-2);font-size:15px}.ob-points{margin:18px 0 22px;padding:0;list-style:none}.ob-points li{color:var(--site-text-2);margin-bottom:9px;padding-left:20px;font-size:14.5px;position:relative}.ob-points li:before{content:"▸";color:var(--site-accent);position:absolute;left:2px}.ob-points b{color:var(--site-text)}.ob-actions{flex-wrap:wrap;gap:12px;display:flex}.ob-note{margin-top:16px;line-height:1.85;color:var(--site-muted)!important;font-size:13px!important}.ob-shot{margin:0}.ob-shot img{border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-panel);width:100%;height:auto;display:block}.ob-shot figcaption{color:var(--site-muted);text-align:center;margin-top:10px;font-size:13px}@media (width<=900px){.obsidian{grid-template-columns:1fr;gap:24px}.ob-text h2{font-size:22px}.pg-samples button{padding:6px 13px;font-size:13px}}.theme-toggle{appearance:none;border:1px solid var(--site-border);color:var(--site-text-2);cursor:pointer;background:0 0;border-radius:9px;flex:none;padding:6px 9px;font-size:15px;line-height:1}.theme-toggle:hover{border-color:var(--site-accent);background:var(--site-panel-hover)}.theme-toggle .ico-moon,html[data-site-mode=light] .theme-toggle .ico-sun{display:none}html[data-site-mode=light] .theme-toggle .ico-moon{display:inline}html[data-site-mode=light] .hero h1{background:linear-gradient(96deg, #1c2540 20%, var(--site-accent) 105%);-webkit-background-clip:text;background-clip:text}html[data-site-mode=light] .card:hover,html[data-site-mode=light] .link-card:hover{box-shadow:0 6px 20px var(--site-shadow)}html[data-site-mode=light] .hero-shot img,html[data-site-mode=light] .deep-shots img,html[data-site-mode=light] .ob-shot img{box-shadow:0 8px 26px var(--site-shadow)}html[data-site-mode=light] .demo-score img,html[data-site-mode=light] .jps-block-preview svg{border:1px solid var(--site-border)}@media (width<=900px){.theme-toggle{margin-left:auto}.topbar-burger{margin-left:10px}}