.adoption-bento{--adoption-beige:#f3ece1;--adoption-ink-secondary:color-mix(in srgb, var(--foreground) 80%, var(--card));--adoption-gradient:linear-gradient(135deg, var(--teal) 0%, var(--teal-dark) 60%, var(--clove) 100%);background:var(--card);font-family:var(--font-body);padding:88px 0}.adoption-bento .adoption-grid{grid-template-columns:1.3fr 1fr 1fr;gap:16px;display:grid}.adoption-bento .adoption-tile{border-radius:20px;min-width:0;padding:28px}.adoption-bento .adoption-headline{background:var(--adoption-gradient);color:var(--primary-foreground);grid-area:1/1/3}.adoption-bento .adoption-headline h2{font-family:var(--font-heading);letter-spacing:0;margin:0;font-size:46px;font-weight:300;line-height:1.1}.adoption-bento .adoption-headline p{color:color-mix(in srgb, var(--primary-foreground) 72%, transparent);margin:20px 0 0;font-size:17px;line-height:1.55}.adoption-bento .adoption-lives{background:var(--background)}.adoption-bento .adoption-works{background:var(--card);border:1px solid var(--border)}.adoption-bento .adoption-replaces{background:var(--adoption-beige);grid-column:2/4;align-items:flex-start;gap:16px;display:flex}.adoption-bento .adoption-icon{background:var(--card);width:40px;height:40px;color:var(--teal);border-radius:12px;flex:none;place-items:center;display:grid}.adoption-bento .adoption-works .adoption-icon{background:var(--background)}.adoption-bento .adoption-icon svg{stroke-width:1.8px;width:20px;height:20px}.adoption-bento .adoption-label{font-family:var(--font-body);color:var(--foreground);margin:16px 0 6px;font-size:15px;font-weight:600;line-height:1.4}.adoption-bento .adoption-replaces .adoption-label{margin-top:0}.adoption-bento .adoption-value{color:var(--adoption-ink-secondary);margin:0;font-size:15px;line-height:1.5}.adoption-bento .adoption-logos{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.adoption-bento .adoption-logo{border:1px solid var(--border);background:var(--card);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;padding:4px;display:grid}.adoption-bento .adoption-logo img{object-fit:contain;width:100%;height:100%}.adoption-bento .adoption-logo span{color:var(--teal);font-size:12px;font-weight:600}.adoption-bento .adoption-integrations{color:var(--teal);text-underline-offset:3px;gap:4px;margin-top:12px;font-size:14px;font-weight:500;line-height:1.5;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}@media (width<=767px){.adoption-bento{padding:56px 0}.adoption-bento .adoption-grid{grid-template-columns:minmax(0,1fr)}.adoption-bento .adoption-headline,.adoption-bento .adoption-replaces{grid-area:auto}.adoption-bento .adoption-headline h2{font-size:36px}}
