:root{
  --wk-bg:#0b0b12;--wk-panel:#14141f;--wk-ink:#ececf4;--wk-mute:#9a9ab0;--wk-line:#24243420;
  --wk-edge:#262636;--wk-violet:#8b5cf6;--wk-cyan:#22d3ee
}
@media (prefers-color-scheme:light){:root{
  --wk-bg:#faf9ff;--wk-panel:#fff;--wk-ink:#15131f;--wk-mute:#5e5b73;--wk-line:#ece9f7;
  --wk-edge:#e4e0f3;--wk-violet:#6d28d9;--wk-cyan:#0891b2
}}
*{box-sizing:border-box}
body{margin:0;background:var(--wk-bg);color:var(--wk-ink);font:16px/1.65 "Inter",ui-sans-serif,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--wk-violet);text-decoration:none}a:hover{color:var(--wk-cyan)}
.wk-wrap{max-width:960px;margin:0 auto;padding:0 24px}
.wk-top{position:sticky;top:0;background:color-mix(in srgb,var(--wk-bg) 85%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--wk-edge);z-index:5}
.wk-top .wk-wrap{display:flex;align-items:center;gap:18px;min-height:60px;flex-wrap:wrap}
.wk-brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;letter-spacing:-.4px;color:var(--wk-ink)}
.wk-brand img{width:24px;height:24px}
.wk-nav{margin-left:auto;display:flex;gap:24px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}
.wk-nav a{color:var(--wk-mute);font-weight:600}.wk-nav a[aria-current],.wk-nav a:hover{color:var(--wk-ink)}
/* огромный типографический герой */
.wk-hero{padding:110px 0 80px}
.wk-hero h1{font-size:68px;line-height:.98;letter-spacing:-2.5px;margin:0 0 22px;font-weight:850}
.wk-hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--wk-violet),var(--wk-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.wk-hero p{font-size:20px;color:var(--wk-mute);max-width:540px;margin:0 0 30px}
.wk-btn{display:inline-block;padding:13px 26px;border-radius:999px;font-weight:700;margin-right:10px}
.wk-btn-main{background:var(--wk-violet);color:#fff}.wk-btn-main:hover{color:#fff;filter:brightness(1.12)}
.wk-btn-ghost{border:1px solid var(--wk-edge);color:var(--wk-ink)}
.wk-sec{padding:64px 0;border-top:1px solid var(--wk-edge)}
.wk-sec h2{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:var(--wk-violet);margin:0 0 28px}
.wk-feat{display:flex;flex-direction:column;gap:0}
.wk-f{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--wk-edge)}
.wk-f:first-child{border-top:0}
.wk-f .wk-k{font-size:13px;color:var(--wk-mute);text-transform:uppercase;letter-spacing:1px;padding-top:4px}
.wk-f h3{margin:0 0 6px;font-size:21px;letter-spacing:-.3px}.wk-f p{margin:0;color:var(--wk-mute)}
.wk-metrics{display:flex;flex-wrap:wrap;gap:40px}
.wk-metrics div b{display:block;font-size:44px;letter-spacing:-1.5px;font-weight:800}
.wk-metrics div span{color:var(--wk-mute);font-size:13px;text-transform:uppercase;letter-spacing:1px}
pre.wk-code{background:#06060b;color:#d7d7ea;border:1px solid var(--wk-edge);padding:18px 20px;border-radius:14px;overflow-x:auto;font:13.5px/1.6 ui-monospace,Menlo,Consolas,monospace}
.wk-code .p{color:var(--wk-cyan)}.wk-code .s{color:#c4b5fd}
code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em;color:var(--wk-cyan)}
.wk-page{padding:54px 0 64px;max-width:740px}.wk-page h1{font-size:40px;letter-spacing:-1.2px;margin:0 0 12px}
.wk-lead{color:var(--wk-mute);font-size:19px;margin:0 0 28px}.wk-page h2{font-size:20px;margin:30px 0 11px;letter-spacing:-.3px}
.wk-note{border:1px solid var(--wk-edge);background:var(--wk-panel);padding:14px 16px;border-radius:12px;color:var(--wk-mute);margin:16px 0}
table.wk-t{width:100%;border-collapse:collapse;font-size:15px}
.wk-t th,.wk-t td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--wk-edge)}
.wk-t th{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--wk-mute)}.wk-up{color:var(--wk-cyan);font-weight:700}.wk-scroll{overflow-x:auto}
.wk-foot{border-top:1px solid var(--wk-edge);padding:28px 0;color:var(--wk-mute);font-size:13px}
.wk-foot .wk-wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.wk-foot nav{display:flex;gap:18px}
.wk-lost{text-align:center;padding:110px 24px}.wk-lost b{display:block;font-size:110px;letter-spacing:-4px;background:linear-gradient(100deg,var(--wk-violet),var(--wk-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.wk-lost p{color:var(--wk-mute);font-size:18px;margin:8px 0 26px}
@media (max-width:640px){.wk-hero{padding:72px 0 56px}.wk-hero h1{font-size:44px}.wk-f{grid-template-columns:1fr;gap:4px}}