:root{--brand:#4f8cff;--bg:#0b0e14;--bg-soft:#10141d;--bg-card:#131826;--border:hsla(0,0%,100%,.09);--text:#e8ebf2;--muted:#8b93a7;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(11,14,20,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{display:inline-flex;align-items:center;gap:9px;font-size:1.1rem;font-weight:800;color:var(--text);letter-spacing:-.3px}.logo:hover{text-decoration:none}.logo-mark{display:inline-flex;justify-content:center;width:26px;height:26px;border-radius:7px;background:var(--brand);color:#fff}.logo-mark,.nav{align-items:center}.nav{display:flex;gap:22px}.nav a{color:var(--muted);font-size:.9rem;font-weight:600}.nav a:hover{color:var(--text);text-decoration:none}.hero{padding:84px 0 56px;text-align:center}.hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;letter-spacing:-1px;line-height:1.15;max-width:760px;margin:0 auto}.hero h1 em{font-style:normal;color:var(--brand)}.hero p{max-width:640px;margin:20px auto 0;color:var(--muted);font-size:1.08rem}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:var(--muted);font-size:.8rem;font-weight:600;margin-bottom:26px}.hero-badge strong{color:var(--brand)}.demo-section{padding:24px 0 64px}.demo{max-width:880px;margin:0 auto}.demo-tabs{display:inline-flex;gap:4px;padding:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin-bottom:14px}.demo-tabs button{padding:7px 18px;border:none;border-radius:7px;background:none;color:var(--muted);font-size:.88rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.demo-tabs button.on{background:var(--brand);color:#fff}.demo-frame{aspect-ratio:16/9;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#000}.codeblock{background:#0d1117;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin:14px 0}.codeblock-bar{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;border-bottom:1px solid var(--border);background:hsla(0,0%,100%,.03)}.codeblock-bar span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.codeblock-bar button{padding:4px 12px;border:1px solid var(--border);border-radius:6px;background:none;color:var(--muted);font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s}.codeblock-bar button.done,.codeblock-bar button:hover{color:var(--brand);border-color:var(--brand)}.codeblock pre{padding:16px;overflow-x:auto}.codeblock code{font-family:var(--mono);font-size:.84rem;color:#c9d4e8;line-height:1.55;white-space:pre}.section{padding:64px 0;border-top:1px solid var(--border)}.section-head{text-align:center;margin-bottom:44px}.section-head h2{font-size:1.9rem;font-weight:800;letter-spacing:-.5px}.section-head p{color:var(--muted);max-width:560px;margin:12px auto 0}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.feature{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px;transition:border-color .2s,transform .2s}.feature:hover{border-color:var(--brand);transform:translateY(-2px)}.feature .icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:rgba(79,140,255,.12);color:var(--brand);font-size:1.2rem;margin-bottom:14px}.feature h3{font-size:1.02rem;font-weight:700;margin-bottom:8px}.feature p{color:var(--muted);font-size:.88rem}.prose{max-width:760px;margin:0 auto;padding:56px 24px 80px}.prose h1{font-size:2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:10px}.prose .lede{color:var(--muted);margin-bottom:36px;font-size:1.02rem}.prose h2{font-size:1.3rem;font-weight:800;margin:40px 0 12px;padding-top:24px;border-top:1px solid var(--border)}.prose h2:first-of-type{border-top:none;padding-top:0;margin-top:0}.prose p{color:#c3cad9;margin-bottom:14px}.prose code{font-family:var(--mono);font-size:.85em;background:var(--bg-card);border:1px solid var(--border);border-radius:5px;padding:2px 6px}.prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.9rem}.prose td,.prose th{text-align:left;padding:10px 14px;border:1px solid var(--border)}.prose th{background:var(--bg-card);font-weight:700}.prose td code{white-space:nowrap}.prose .note{background:rgba(79,140,255,.08);border:1px solid rgba(79,140,255,.25);border-radius:10px;padding:14px 18px;font-size:.9rem;margin:16px 0}.prose ul{margin:0 0 14px 22px;color:#c3cad9}.prose li{margin-bottom:6px}.faq{max-width:760px;margin:0 auto;text-align:left}.faq details{border:1px solid var(--border);border-radius:10px;background:var(--bg-card);padding:16px 20px;margin-bottom:10px}.faq summary{cursor:pointer;font-weight:700;font-size:.95rem}.faq details[open] summary{color:var(--brand)}.faq p{color:var(--muted);margin-top:10px;font-size:.92rem}.faq-inline{margin:16px 0}.pain{margin-bottom:20px}.pain h3{font-size:1.05rem;font-weight:700;margin-bottom:4px}.pain p{color:var(--muted);font-size:.93rem}.alt-card{display:block;color:inherit}.alt-card,.alt-card:hover{text-decoration:none}.alt-link{display:inline-block;margin-top:10px;color:var(--brand);font-size:.85rem;font-weight:700}.alt-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin:24px 0}@media (max-width:720px){.alt-cards{grid-template-columns:1fr}}.cta{text-align:center;padding:64px 24px;border-top:1px solid var(--border)}.cta h2{font-size:1.8rem;font-weight:800;letter-spacing:-.5px}.cta p{color:var(--muted);margin:12px 0 26px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:10px;background:var(--brand);color:#fff;font-weight:700;font-size:.95rem;transition:filter .15s,transform .15s}.btn:hover{filter:brightness(1.12);text-decoration:none;transform:translateY(-1px)}.btn.ghost{background:none;border:1px solid var(--border);color:var(--text)}.btn.ghost:hover{border-color:var(--brand)}.site-footer{border-top:1px solid var(--border);padding:40px 0;background:var(--bg-soft)}.site-footer .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}.footer-brand{font-weight:800;font-size:.95rem}.footer-brand span{color:var(--muted);font-weight:500;font-size:.85rem;display:block}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{color:var(--muted);font-size:.85rem}.footer-links a:hover{color:var(--text);text-decoration:none}.qr-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;text-align:left}.qr-grid h3{font-size:.95rem;font-weight:700;margin-bottom:4px}.qr-grid .qr-sub{color:var(--muted);font-size:.85rem;margin-bottom:4px}@media (max-width:820px){.features,.qr-grid{grid-template-columns:1fr}.hero{padding:56px 0 40px}}