:root{--tz-accent:#6c5ce7;--tz-accent-dark:#5546c8;--tz-ink:#17133a;--tz-paper:#fbfaff;--tz-muted:#6b6590}*{box-sizing:border-box}html,body{background:var(--tz-paper);color:var(--tz-ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.6}a{color:var(--tz-accent-dark);text-decoration:none}.tz-landing{max-width:1000px;margin:0 auto;padding:0 24px}.tz-nav{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.tz-nav nav{align-items:center;gap:20px;display:flex}.tz-logo{color:var(--tz-accent);letter-spacing:-.5px;font-size:24px;font-weight:800}.tz-cta{background:var(--tz-accent);border-radius:10px;padding:10px 22px;font-weight:600;transition:background .15s;display:inline-block;color:#fff!important}.tz-cta:hover{background:var(--tz-accent-dark)}.tz-hero{text-align:center;padding:90px 0 60px}.tz-hero h1{letter-spacing:-1.5px;max-width:820px;margin:0 auto 20px;font-size:clamp(32px,5.5vw,56px);line-height:1.1}.tz-hero h1 em{color:var(--tz-accent);font-style:normal}.tz-hero p{color:var(--tz-muted);max-width:640px;margin:0 auto 32px;font-size:20px}.tz-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.tz-features{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding:40px 0;display:grid}.tz-features>div{background:#fff;border:1px solid #e8e4f8;border-radius:14px;padding:28px}.tz-features h3{margin:0 0 10px;font-size:19px}.tz-features p{color:var(--tz-muted);margin:0;font-size:15.5px}.tz-install{padding:50px 0}.tz-install h2{text-align:center;letter-spacing:-1px;font-size:32px}.tz-install pre{background:var(--tz-ink);color:#e6e2ff;border-radius:14px;padding:28px;font-size:14.5px;line-height:1.7;overflow-x:auto}.tz-footer{text-align:center;color:var(--tz-muted);padding:40px 0;font-size:14px}.tz-auth{max-width:460px;margin:60px auto;padding:0 24px}.tz-auth h1{letter-spacing:-1px}.tz-auth form{gap:14px;display:grid}.tz-auth label{font-size:14px;font-weight:600}.tz-auth select,.tz-auth input{background:#fff;border:1px solid #d9d3f0;border-radius:10px;width:100%;padding:12px 14px;font-size:16px}.tz-auth button{background:var(--tz-accent);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:8px;padding:13px;font-size:16px;font-weight:700}.tz-auth button:disabled{opacity:.6;cursor:wait}.tz-error{color:#c0264b;font-size:14.5px}.tz-key{background:var(--tz-ink);color:#e6e2ff;word-break:break-all;border-radius:10px;margin:12px 0;padding:14px;font-family:monospace;font-size:14px;display:block}.tz-note{color:var(--tz-muted);font-size:14.5px}.tz-guide{max-width:820px;margin:0 auto;padding:24px 24px 80px}.tz-guide h1{letter-spacing:-1.5px;margin:8px 0 10px;font-size:clamp(30px,5vw,42px)}.tz-guide .tz-sub{color:var(--tz-muted);margin:0 0 28px;font-size:18px}.tz-callout{border:1px solid #e8e4f8;border-left:4px solid var(--tz-accent);background:#fff;border-radius:12px;margin:16px 0;padding:16px 20px;font-size:15px}.tz-callout code.inline,.tz-step-body code.inline{color:var(--tz-accent-dark);word-break:break-word;background:#efeafd;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px}.tz-step{border-top:1px solid #eee9fb;gap:20px;padding:28px 0;display:flex}.tz-step-num{background:var(--tz-accent);color:#fff;border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:flex}.tz-step-body{flex:1;min-width:0}.tz-step-body h3{margin:4px 0 8px;font-size:20px}.tz-step-body p{color:var(--tz-muted);margin:0 0 14px;font-size:15.5px}.tz-code{background:var(--tz-ink);border-radius:12px;margin:12px 0;overflow:hidden}.tz-code-head{background:#ffffff0f;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.tz-code-file{color:#b9b2e8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.tz-code-head button{color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:7px;padding:5px 12px;font-size:12.5px}.tz-code-head button:hover{background:#ffffff3d}.tz-code pre{margin:0;padding:16px 18px;overflow-x:auto}.tz-code code{color:#e6e2ff;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;line-height:1.7}.tz-faq{margin-top:44px}.tz-faq h2{letter-spacing:-.5px;font-size:26px}.tz-faq details{background:#fff;border:1px solid #e8e4f8;border-radius:12px;margin:10px 0;padding:14px 18px}.tz-faq summary{cursor:pointer;font-weight:600}.tz-faq p{color:var(--tz-muted);margin:10px 0 0;font-size:15px}