*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;color:#1a1a1a;line-height:1.6;padding:2rem;max-width:720px;margin:0 auto}.landing h1{font-size:1.5rem;margin-bottom:.5rem}.landing p{margin-bottom:1rem;color:#4b5563}.landing h2{font-size:1.125rem;margin:2rem 0 .75rem}.landing pre{background:#f3f4f6;border-radius:8px;padding:1rem;overflow-x:auto;font-size:.8125rem;line-height:1.7;margin-bottom:1.5rem}.landing code{font-family:ui-monospace,SF Mono,monospace}.landing-badge{display:inline-block;background:#dbeafe;color:#1e40af;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:4px;margin-left:.5rem;vertical-align:middle}.landing table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.875rem}.landing th,.landing td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #e5e7eb}.landing th{font-weight:600;color:#374151}.landing td code{background:#f3f4f6;padding:.125rem .375rem;border-radius:3px;font-size:.8125rem}.landing-tabs{display:flex;gap:0;margin-bottom:-1px}.landing-tab{padding:8px 16px;font-size:.8125rem;border:1px solid #d1d5db;border-bottom:none;background:#f9fafb;color:#6b7280;cursor:pointer;font-family:inherit}.landing-tab:first-child{border-radius:6px 0 0}.landing-tab:last-child{border-radius:0 6px 0 0}.landing-tab--active{background:#f3f4f6;color:#1a1a1a;font-weight:600;border-bottom:1px solid #f3f4f6}.landing-tab:hover:not(.landing-tab--active){background:#f3f4f6}.landing pre{border-top-left-radius:0}.landing-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.landing-demo-btn{padding:10px 20px;font-size:14px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-family:inherit}.landing-demo-btn:hover{background:#1d4ed8}