.bbs{--_bg:var(--bbs-bg,transparent);--_card:var(--bbs-card,color-mix(in srgb, currentColor 4%, transparent));--_ink:var(--bbs-ink,currentColor);--_muted:var(--bbs-muted,color-mix(in srgb, currentColor 62%, transparent));--_line:var(--bbs-line,color-mix(in srgb, currentColor 14%, transparent));--_r:var(--bbs-radius,22px);background:var(--_bg);color:var(--_ink);font-family:var(--bbs-body,inherit);padding:clamp(72px,10vw,128px) 0}.bbs-wrap{width:100%;max-width:var(--bbs-max,1220px);padding-inline:max(20px, env(safe-area-inset-left,0px));margin-inline:auto}.bbs-head{max-width:46rem;margin-bottom:clamp(32px,5vw,56px)}.bbs-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--bbs-eyebrow,var(--_muted));margin-bottom:14px;font-size:.78rem;font-weight:700;display:inline-block}.bbs-head h2{font-family:var(--bbs-display,inherit);letter-spacing:-.02em;text-wrap:balance;margin:0 0 16px;font-size:clamp(2.1rem,4.8vw,3.6rem);line-height:1.05}.bbs-head p{color:var(--_muted);text-wrap:pretty;margin:0;font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.55}.bbs-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.bbs-card{--bbs-accent:#888;isolation:isolate;background:var(--_card);border:1px solid var(--_line);border-radius:var(--_r);flex-direction:column;gap:6px;min-height:290px;padding:22px 22px 20px;transition:transform .5s cubic-bezier(.22,1,.36,1),translate .5s cubic-bezier(.22,1,.36,1),border-color .3s;display:flex;position:relative;overflow:hidden}.bbs-card:before{content:"";background:var(--bbs-accent);transform-origin:0;border-radius:0 0 3px 3px;height:3px;transition:transform .7s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:22px;right:22px;transform:scaleX(.18)}.bbs-card:hover:before,.bbs-current:before{transform:scaleX(1)}.bbs-card:hover{border-color:color-mix(in srgb, var(--bbs-accent) 45%, var(--_line))}.bbs-glyph{z-index:-1;font-size:9.5rem;font-weight:700;line-height:1;font-family:var(--bbs-display,serif);color:var(--bbs-accent);opacity:.09;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .4s;position:absolute;bottom:-28px;right:-6px}.bbs-card:hover .bbs-glyph{opacity:.16;transform:translateY(-8px)rotate(-4deg)}.bbs-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.bbs-icon{object-fit:cover;width:56px;height:56px;box-shadow:0 6px 18px -8px color-mix(in srgb, var(--bbs-accent) 70%, transparent);border-radius:14px}.bbs-icon-empty{border:1.5px dashed color-mix(in srgb, var(--bbs-accent) 55%, var(--_line));box-shadow:none;background:color-mix(in srgb, var(--bbs-accent) 7%, transparent);display:block}.bbs-status{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--_line);color:var(--_muted);border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:700}.bbs-card.bbs-current .bbs-status{background:var(--bbs-accent);color:#fff;border-color:#0000}.bbs-beta .bbs-status,.bbs-available .bbs-status{color:var(--bbs-accent);border-color:color-mix(in srgb, var(--bbs-accent) 40%, transparent)}.bbs-card h3{font-family:var(--bbs-display,inherit);letter-spacing:-.01em;margin:0;font-size:1.6rem}.bbs-tagline{margin:0;font-weight:600}.bbs-blurb{color:var(--_muted);margin:0;font-size:.95rem;line-height:1.5}.bbs-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.bbs-platform{color:var(--_muted);font-size:.8rem}.bbs-link{color:var(--bbs-accent);align-items:center;gap:6px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.bbs-link svg{width:16px;height:16px;transition:transform .3s}.bbs-link:hover svg,.bbs-linked:hover .bbs-link svg{transform:translate(3px)}.bbs-link:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.bbs-linked{cursor:pointer}.bbs-linked:hover{translate:0 -4px}.bbs-linked:has(.bbs-link:focus-visible){outline:2px solid var(--bbs-accent);outline-offset:3px}.bbs-link:focus-visible{outline:none}.bbs-idea{border-style:dashed}.bbs-idea h3{color:var(--_muted)}.bbs-note{color:var(--_muted);margin:28px 0 0;font-size:.92rem}.bbs-ph{opacity:.8;font-style:italic}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.bbs-card{animation:linear both bbs-rise;animation-timeline:view();animation-range:entry entry 70%}}}@keyframes bbs-rise{0%{opacity:0;transform:translateY(calc(40px + var(--bbs-i,0) * 14px))}to{opacity:1;transform:none}}.bbs-plans{color:var(--_ink);text-underline-offset:3px;font-weight:700}
