.tui-hero{padding:72px 0 36px}.tui-hero .eyebrow-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;font-size:12px;background:var(--z-lime);color:var(--z-ink);margin-bottom:22px}.tui-hero h1{font-family:var(--z-font-display);font-weight:700;font-size:clamp(32px,5vw,52px);line-height:1.08;letter-spacing:-.03em;margin-bottom:18px;text-wrap:balance}.tui-hero p.lede{font-size:clamp(15px,2vw,18px);line-height:1.6;color:var(--z-ink-2);max-width:640px;text-wrap:pretty}.tui-hero p.lede-2{margin-top:12px;color:var(--z-ink-3);font-size:clamp(14px,1.7vw,16px)}.tui-hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}.cli-layout{display:grid;grid-template-columns:220px 1fr;gap:48px;padding:8px 0 24px;align-items:start}.cli-layout>main{min-width:0}.cli-sidebar{position:sticky;top:80px}.cli-sidebar-label{font-family:var(--z-font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--z-ink-3);margin-bottom:10px}.cli-sidebar a{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--z-ink-2);border:1.5px solid transparent;transition:background 80ms,color 80ms,border-color 80ms}.cli-sidebar a:hover{background:var(--z-surface);border-color:var(--z-ink);color:var(--z-ink)}.cli-sidebar a code{font-family:var(--z-font-mono);font-size:12px;font-weight:600}.cli-sidebar .ref-link{margin-top:6px;background:var(--z-lime);border:1.5px solid var(--z-ink);color:var(--z-ink);font-weight:600;box-shadow:var(--z-sh-2);justify-content:space-between}.cli-sidebar .ref-link:hover{background:var(--z-lime);transform:translate(-1px,-1px);box-shadow:var(--z-sh-3)}.cli-sidebar .play-link{margin-top:10px;background:var(--z-surface);border:1.5px solid var(--z-ink);color:var(--z-ink);font-weight:600;box-shadow:var(--z-sh-2);justify-content:space-between}.cli-sidebar .play-link:hover{background:var(--z-surface);transform:translate(-1px,-1px);box-shadow:var(--z-sh-3)}@media(max-width:900px){.cli-layout{grid-template-columns:1fr}.cli-sidebar{display:none}}.tui-section{padding:44px 0}.tui-section h2{font-family:var(--z-font-display);font-weight:700;font-size:clamp(24px,3.5vw,34px);letter-spacing:-.025em;margin-bottom:14px;text-wrap:balance}.tui-section .lede{font-size:15px;color:var(--z-ink-2);max-width:640px;line-height:1.6;text-wrap:pretty}.tui-label{font-family:var(--z-font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--z-ink-3);margin-bottom:14px}.frame-note{font-size:12.5px;color:var(--z-ink-3);margin-top:6px}.keymap{display:grid;gap:14px 34px;margin-top:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.kgroup-h{font-family:var(--z-font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--z-ink-3);margin-bottom:7px;padding-bottom:5px;border-bottom:1.5px solid var(--z-line)}.klist{list-style:none;margin:0;padding:0;display:grid;gap:1px}.klist li{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;padding:4px 6px;border-radius:7px;border:1.5px solid transparent}.klist li:hover{background:var(--z-surface);border-color:var(--z-line)}.kkeys{display:flex;align-items:center;gap:4px}.kcap{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 7px;font-family:var(--z-font-mono);font-size:11.5px;font-weight:700;line-height:1;color:var(--z-ink);background:var(--z-surface);border:1.5px solid var(--z-ink);border-bottom-width:3px;border-radius:6px;box-shadow:var(--z-sh-1);transition:transform 90ms ease,border-bottom-width 90ms ease}.klist li:hover .kcap{transform:translateY(1px);border-bottom-width:2px}@media(prefers-reduced-motion:reduce){.kcap{transition:none}.klist li:hover .kcap{transform:none;border-bottom-width:3px}}.kthru,.kalt{font-size:10.5px;color:var(--z-ink-3);font-family:var(--z-font-mono)}.ktext{font-size:13px;line-height:1.4;color:var(--z-ink-2);text-wrap:pretty}.kmouse{margin-top:16px;padding:10px 14px;border:1.5px dashed var(--z-line);border-radius:9px;font-size:13px;color:var(--z-ink-2);display:flex;align-items:center;gap:9px}.tui-cards{display:grid;gap:16px;margin-top:22px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.tui-card{border:1.5px solid var(--z-ink);border-radius:12px;padding:18px;box-shadow:var(--z-sh-2)}.tui-card h3{font-family:var(--z-font-display);font-weight:700;font-size:16px;margin-bottom:8px}.tui-card p{font-size:14px;line-height:1.6;color:var(--z-ink-2)}.tui-foot{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0 80px;font-size:13px;color:var(--z-ink-3)}.tui-foot a{color:var(--z-primary);font-weight:600}