.logo-preview .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.preview-badge{font-size:var(--text-caption);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-weight:600}.preview-intro{max-width:720px;padding-block:56px 40px}.preview-intro p{color:var(--muted);font-size:var(--text-lead);line-height:var(--leading-lead);margin:20px 0 0}.icon-mask{border-radius:22.5%;flex-shrink:0;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #0000000f}.icon-mask svg{display:block}.concept-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.concept-card{border:1px solid var(--line);border-radius:16px;flex-direction:column;padding:28px;display:flex}.concept-card h3{font-size:var(--text-card-title);line-height:var(--leading-card-title)}.concept-card .eyebrow{color:var(--muted);margin:28px 0 6px}.concept-card>p:not(.eyebrow){margin:10px 0 0}.concept-stage{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.concept-variant,.size-row figure{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.concept-variant figcaption,.size-row figcaption{font-size:var(--text-caption);color:var(--muted)}.size-row{background:#f5f5f5;border-radius:12px;align-items:flex-end;gap:18px;margin-top:24px;padding:16px;display:flex}.concept-card dl{font-size:var(--text-supporting);line-height:var(--leading-supporting);margin:18px 0 0}.concept-card dt{margin-top:10px;font-weight:700}.concept-card dd{color:var(--muted);margin:2px 0 0}.swatches{font-size:var(--text-caption);flex-wrap:wrap;gap:8px 16px;margin:auto 0 0;padding:20px 0 0;list-style:none;display:flex}.swatches li{align-items:center;gap:6px;display:flex}.swatches span{border-radius:4px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #0000001f}.swatches code{color:var(--muted)}.preview-section{padding-top:72px}.preview-section>p{color:var(--muted);max-width:640px;margin:12px 0 24px}.home-row{border-radius:16px;grid-template-columns:repeat(auto-fill,76px);justify-content:center;gap:24px 20px;margin:0 0 16px;padding:28px;list-style:none;display:grid}.home-row li{text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:.75rem;line-height:1.2;display:flex}.home-light{background:#f2f2f7}.home-dark{color:#fff;background:#1c1c1e}.tinted .icon-mask{filter:grayscale()contrast(1.15)}.lockups{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin:24px 0 96px;padding:0;list-style:none;display:grid}.lockups li{border:1px solid var(--line);border-radius:16px;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:20px;display:grid}.lockups small{color:var(--muted);font-size:var(--text-caption);grid-column:2}.lockup-name{font-family:Manrope Variable,sans-serif;font-weight:750;font-size:var(--text-brand);letter-spacing:-.04em}.banana-letter{aspect-ratio:6.4/18.2;vertical-align:-.06em;width:auto;height:.92em;margin-inline:.04em .02em;display:inline-block}@media (width<=700px){.concept-grid,.lockups{grid-template-columns:1fr}.concept-card{padding:20px}.size-row{gap:14px}.home-row{grid-template-columns:repeat(auto-fill,68px);gap:20px 8px;padding:20px 12px}}