.ty{--ink:var(--color-slate-900);--ink-2:var(--color-slate-700);--ink-3:var(--color-slate-600);--muted:var(--color-slate-500);--accent:var(--color-indigo-600);--line:var(--color-border);color:var(--ink-2);font-family:Rubik,system-ui,sans-serif}.ty-hero{background:radial-gradient(120% 140% at 100% 0%, var(--color-indigo-600) 0%, var(--color-indigo-700) 42%, var(--color-indigo-900) 100%);border-radius:20px;padding:3.5rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 16px 32px -8px #4f46e51f,0 4px 8px -2px #4f46e50f}.ty-hero-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--color-indigo-200);margin:0 0 1rem;font-family:SF Mono,Monaco,monospace;font-size:.75rem}.ty-hero h1{color:var(--color-white);letter-spacing:-.03em;max-width:18ch;margin:0 0 1.25rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:clamp(2.25rem,5vw + 1rem,3.5rem);font-weight:900;line-height:1.05}.ty-hero p{color:var(--color-indigo-100);max-width:44rem;margin:0;font-size:1.0625rem;line-height:1.6}.ty-hero p strong{color:var(--color-white);font-weight:700}.ty-section{margin-top:4rem}.ty-num{color:var(--accent);letter-spacing:.1em;font-family:SF Mono,Monaco,monospace;font-size:.75rem;font-weight:700}.ty-h2{color:var(--ink);letter-spacing:-.02em;margin:.25rem 0 .5rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:1.625rem;font-weight:800}.ty-intro{color:var(--ink-3);max-width:44rem;margin:0 0 1.75rem;font-size:.9375rem;line-height:1.6}.ty-intro strong{color:var(--ink-2)}.ty-intro code,.ty-mono{font-family:SF Mono,Monaco,monospace}.ty-fam-grid{gap:1rem;display:grid}.ty-fam{background:var(--color-white);border:1px solid var(--line);border-radius:16px;overflow:hidden}.ty-fam-head{background:var(--color-slate-50);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.ty-fam-role{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.6875rem;font-weight:700}.ty-fam-token{color:var(--muted);font-family:SF Mono,Monaco,monospace;font-size:.75rem}.ty-fam-body{padding:1.5rem}.ty-fam-specimen{color:var(--ink);margin-bottom:.5rem;font-size:clamp(2rem,6vw,2.75rem);line-height:1.1}.ty-fam-glyphs{color:var(--ink-2);margin-bottom:.75rem;font-size:1.0625rem;line-height:1.5}.ty-fam-note{color:var(--muted);max-width:60ch;font-size:.8125rem;line-height:1.6}.ty-scale{gap:.5rem;display:grid}.ty-scale-row{background:var(--color-white);border:1px solid var(--line);border-radius:10px;align-items:baseline;gap:1rem;padding:.75rem 1rem;display:flex}.ty-scale-tok{color:var(--accent);flex-shrink:0;min-width:150px;font-family:SF Mono,Monaco,monospace;font-size:.75rem}.ty-pill{text-transform:uppercase;letter-spacing:.06em;color:var(--color-indigo-800);background:var(--color-indigo-50);text-align:center;border-radius:6px;flex-shrink:0;align-self:center;min-width:72px;padding:.15rem .55rem;font-size:.625rem;font-weight:700}.ty-scale-sample{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ty-table-wrap{border:1px solid var(--line);border-radius:12px;overflow-x:auto}.ty-table{border-collapse:collapse;background:var(--color-white);width:100%;min-width:560px}.ty-table th,.ty-table td{text-align:left;border-bottom:1px solid var(--color-slate-100);vertical-align:middle;padding:.75rem 1rem}.ty-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--color-slate-50);font-size:.6875rem;font-weight:700}.ty-table td{color:var(--ink-3);font-size:.8125rem}.ty-table tr:last-child td{border-bottom:none}.ty-table .role{color:var(--ink);font-family:Red Hat Display,system-ui,sans-serif;font-weight:700}.ty-table code{color:var(--accent);font-family:SF Mono,Monaco,monospace;font-size:.75rem}.ty-axes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.ty-axis{background:var(--color-white);border:1px solid var(--line);border-radius:16px;padding:1.25rem 1.5rem}.ty-axis-title{color:var(--ink);margin-bottom:1rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:.9375rem;font-weight:700}.ty-weights{flex-wrap:wrap;align-items:baseline;gap:1.25rem;margin-bottom:1rem;display:flex}.ty-weight{text-align:center}.ty-weight-g{color:var(--ink);font-size:2rem;line-height:1}.ty-weight-l{color:var(--muted);margin-top:.35rem;font-family:SF Mono,Monaco,monospace;font-size:.625rem}.ty-lead-demo{border-left:3px solid var(--color-indigo-100);margin-bottom:.75rem;padding-left:.75rem}.ty-lead-demo p{color:var(--ink-2);margin:0;font-size:.8125rem}.ty-lead-l{color:var(--accent);margin-bottom:.25rem;font-family:SF Mono,Monaco,monospace;font-size:.625rem;display:block}.ty-track-row{border-bottom:1px dashed var(--color-slate-100);justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem 0;display:flex}.ty-track-row:last-child{border-bottom:none}.ty-track-l{color:var(--muted);white-space:nowrap;font-family:SF Mono,Monaco,monospace;font-size:.625rem}.ty-axis-note{color:var(--muted);margin-top:1rem;font-size:.75rem;line-height:1.55}.ty-axis-note code{color:var(--accent);font-family:SF Mono,Monaco,monospace}.ty-measure{background:var(--color-white);border:1px solid var(--line);border-radius:16px;padding:1.75rem}.ty-measure-tag{letter-spacing:.04em;background:var(--color-indigo-50);color:var(--color-indigo-800);border-radius:6px;margin-bottom:.5rem;padding:.15rem .55rem;font-family:SF Mono,Monaco,monospace;font-size:.6875rem;display:inline-block}.ty-measure-tag.bad{background:var(--color-slate-100);color:var(--muted)}.ty-measure-good{color:var(--ink);border-left:3px solid var(--accent);max-width:66ch;margin:0 0 1.75rem;padding-left:1rem;font-size:1rem;line-height:1.625}.ty-measure-bad{color:var(--muted);border-left:3px solid var(--color-slate-300);max-width:120ch;margin:0;padding-left:1rem;font-size:1rem;line-height:1.625}.ty-callout{background:var(--color-indigo-50);border-radius:12px;grid-template-columns:4px 1fr;gap:1rem;margin-top:1.5rem;padding:1rem 1.25rem;display:grid}.ty-callout-bar{background:var(--accent);border-radius:4px}.ty-callout-body{color:var(--color-slate-700);font-size:.875rem;line-height:1.55}.ty-callout-body strong{color:var(--ink)}.ty-callout-body code{color:var(--accent);font-family:SF Mono,Monaco,monospace;font-size:.75rem}.ty-refs{border-top:1px solid var(--line);margin-top:3.5rem;padding-top:1.25rem}.ty-refs-h{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.75rem;font-size:.6875rem;font-weight:700}.ty-refs p{color:var(--muted);margin:0;font-size:.75rem;line-height:1.7}.ty-refs a{color:var(--accent);text-decoration:none}.ty-refs a:hover{text-decoration:underline}@media (width<=640px){.ty-scale-row{flex-wrap:wrap}.ty-scale-tok{min-width:0}}
