.fray-home-hero{align-items:flex-start;display:flex;flex-direction:column;margin-inline:auto;max-width:74rem;padding:clamp(4.5rem,9vw,7.5rem) clamp(1.25rem,3.6vw,3rem) clamp(4rem,7vw,6rem)}.fray-home-hero>p{color:var(--showcase-accent);font-family:var(--font-mono);font-size:.64rem;font-weight:680;letter-spacing:.08em;text-transform:uppercase}.fray-home-hero h1{font-size:clamp(3rem,7.4vw,6.4rem);font-weight:540;letter-spacing:-.065em;line-height:.95;margin-top:1.4rem;max-width:13ch}.fray-home-hero>span{color:var(--showcase-muted);font-size:clamp(1.05rem,1.6vw,1.26rem);letter-spacing:-.015em;line-height:1.55;margin-top:1.8rem;max-width:40rem}.fray-home-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.4rem}.fray-home-actions a{align-items:center;border:1px solid var(--showcase-ink);border-radius:999px;color:var(--showcase-ink);display:inline-flex;font-size:.92rem;font-weight:600;gap:.5rem;padding:.8rem 1.25rem;transition:background .15s ease,color .15s ease}.fray-home-actions a.is-primary,.fray-home-actions a:hover{background:var(--showcase-ink);color:var(--showcase-paper)}.fray-home-actions a.is-primary:hover{background:var(--showcase-accent);border-color:var(--showcase-accent)}.fray-home-actions svg{height:1rem;width:1rem}.fray-home .fray-catalog-heading a{color:inherit;text-decoration:underline;text-underline-offset:.2em}.fray-home .fray-catalog-heading a:hover{color:var(--showcase-accent)}.fray-home-scoreboard dl{border:1px solid var(--showcase-line);border-radius:.7rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.fray-home-scoreboard dl>div{background:var(--showcase-surface);display:flex;flex-direction:column-reverse;gap:.8rem;justify-content:flex-end;padding:1.5rem 1.35rem 1.4rem}.fray-home-scoreboard dl>div+div{border-left:1px solid var(--showcase-line)}.fray-home-scoreboard dd{font-size:clamp(2.4rem,4.2vw,3.4rem);font-variant-numeric:tabular-nums;font-weight:560;letter-spacing:-.05em;line-height:1}.fray-home-scoreboard dt{color:var(--showcase-muted);font-family:var(--font-mono);font-size:.6rem;font-weight:680;letter-spacing:.07em;line-height:1.5;text-transform:uppercase}.fray-home-products ul{display:grid;list-style:none}.fray-home-products li+li{border-top:1px solid var(--showcase-line)}.fray-home-products li>a,.fray-home-products li>div{align-items:baseline;color:inherit;display:grid;gap:1.5rem;grid-template-columns:minmax(12rem,.9fr) 2fr 10rem;padding:1.25rem 0}.fray-home-product-name{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.fray-home-product-name h3{font-size:1.2rem;font-weight:620;letter-spacing:-.03em}.fray-home-products p{color:var(--showcase-muted);font-size:.98rem;line-height:1.5}.fray-home-product-link{align-items:center;color:var(--showcase-muted);display:inline-flex;font-family:var(--font-mono);font-size:.62rem;font-weight:680;gap:.35rem;justify-self:end;letter-spacing:.06em;text-transform:uppercase}.fray-home-product-link svg{height:.9rem;transition:transform .18s ease;width:.9rem}.fray-home-products li>a:hover .fray-home-product-link,.fray-home-products li>a:hover h3{color:var(--showcase-accent)}.fray-home-products li>a:hover .fray-home-product-link svg{transform:translate(.12rem,-.12rem)}.fray-home-status{align-items:center;border:1px solid var(--showcase-line);border-radius:999px;color:var(--showcase-ink);display:inline-flex;font-family:var(--font-mono);font-size:.56rem;font-weight:700;gap:.4rem;letter-spacing:.07em;padding:.32rem .55rem;text-transform:uppercase;white-space:nowrap}.fray-home-status:before{background:currentColor;border-radius:50%;content:"";height:.4rem;width:.4rem}.fray-home-status.is-beta:before,.fray-home-status.is-live:before{background:#22a95a}.fray-home-status.is-private-beta:before{background:var(--showcase-accent)}.fray-home-status.is-in-development:before{background:#f0a13f}.fray-home-status.is-paused:before{background:#9aa19a}.fray-home-status.is-retired{background:var(--showcase-ink);border-color:var(--showcase-ink);color:var(--showcase-paper)}.fray-home-status.is-retired:before{background:#e5484d}.fray-home-log ol{display:grid;list-style:none}.fray-home-log li+li{border-top:1px solid var(--showcase-line)}.fray-home-log ol a{color:inherit;display:grid;gap:.4rem 1.5rem;grid-template-columns:minmax(12rem,.9fr) 2fr 10rem;padding:1.25rem 0}.fray-home-log ol a:hover h3,.fray-home-log time{color:var(--showcase-accent)}.fray-home-log time{font-family:var(--font-mono);font-size:.6rem;font-weight:680;letter-spacing:.07em;padding-top:.45rem;text-transform:uppercase}.fray-home-log h3{font-size:1.3rem;font-weight:600;letter-spacing:-.035em;line-height:1.25}.fray-home-log ol p{color:var(--showcase-muted);font-size:.98rem;grid-column:2;line-height:1.55}@media (max-width:960px){.fray-home-scoreboard dl{grid-template-columns:repeat(2,minmax(0,1fr))}.fray-home-scoreboard dl>div+div{border-left:0}.fray-home-scoreboard dl>div{border-bottom:1px solid var(--showcase-line)}.fray-home-scoreboard dl>div:nth-child(2n){border-left:1px solid var(--showcase-line)}.fray-home-products li>a,.fray-home-products li>div{gap:.6rem;grid-template-columns:1fr}.fray-home-product-link{justify-self:start}.fray-home-log ol a{grid-template-columns:1fr}.fray-home-log ol p{grid-column:auto}}@media (prefers-reduced-motion:reduce){.fray-home-product-link svg{transition:none}}